1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

如何从零开始设计一个购物网站?送你这份高手流程!

时间:2020-09-03   分类:交互设计    作者:网络   来源:网络整理   点击:74

在这个项目中,主要任务是为旧金山最古老的玩具品牌 Jeffrey’s Toys 设计一个全新的品牌电商网站

copyright 9fen.net

新电商网站最主要的目的是吸引顾客前往线下店铺选购商品,同时也希望通过快递和门店自提的方式来完善线上销售流程,拓展消费群体。 www.9fen.net

该网站需要巩固品牌核心业务价值观:传统,有趣和创意。该网站还需要通过强调其庞大的库存体量和手工精选商品来将 Jeffrey’s Toys 和其他电子商务零售商区分开。 九分网络

该网站的主要业务目标包括:

copyright 9fen.net

能快速定位商品 copyright 9fen.net

每一个商品都有单独的详情页

内容采集来自9fen.net

用户能成功购买一个或多个商品 本文来自九分网络

为爆款商品引流

九分网络

用户分析

1. 用户画像

内容采集来自9fen.net

谁才是这个网站真正的用户?当我接到这个任务的时候,客户已经绘制出了3个用户画像,每个用户画像都有特定的需求和痛点内容采集来自9fen.net

如何从零开始设计一个购物网站?送你这份高手流程! 内容采集来自9fen.net

本文来自九分网络

△ 客户绘制的三个用户画像 九分网络

基于三个用户画像,我确定了该网站要满足的用户需求,同时也考虑了Jeffrey’s Toys的需求。

九分网络

确定的主要需求是: 内容采集来自9fen.net

通过清晰的商品组织分类来提供流畅的电商购物体验

内容采集来自9fen.net

通过商品搜索使用户能够快速找到想要的商品

copyright 9fen.net

通过实用的商品推荐来体现 Jeffrey’s Toys 的专业以及庞大的库存

本文来自九分网络

通过与用户建立品牌关系来树立信任 本文来自九分网络

通过产品细节信息来确保用户选购合适的商品

本文来自九分网络

通过商品评论来辅助用户作出消费决策并允许用户进行商品反馈

九分网络

通过高效的下单结账流程简化购买行为并节省用户时间

copyright 9fen.net

2. 竞品分析 内容采集来自9fen.net

为了获得启发,我确定了3个主要竞品,特别是旧金山的精品玩具店;还有3个玩具零售市场的间接竞品。直接竞品我分析了包括 Ambassador Toys 、 Amazon 和 TANTRUM 。间接竞品分析了 Lululemon 、Ikea 和 CVS 。竞品分析的目的是比较并找出这些电商网站的共同特征以及 Jeffrey’s Toys 能够脱颖而出的潜在机会。

九分网络

竞品分析最重要的收获是了解了不同的电商网站的商品选择模块以及网站整体的布局。这些信息有助于巩固我第二阶段的研究。

copyright 9fen.net

如何从零开始设计一个购物网站?送你这份高手流程!

内容采集来自9fen.net

内容采集来自9fen.net

△ 比较直接竞品和间接竞品的特征 www.9fen.net

2. 思维导图

copyright 9fen.net

在完成竞品分析之后,我把这个项目中用户的需求和客户的需求列成了长长的信息清单。之后我又通过思维导图来理清了在这个项目中用户的需求和客户的需求。思维导图帮助我将信息组织成更清晰的想法,同时在各个想法之间建立层次结构关系。 本文来自九分网络

如何从零开始设计一个购物网站?送你这份高手流程! www.9fen.net

内容采集来自9fen.net

△ 用来理清信息和想法的思维导图

www.9fen.net

信息架构

接下来我通过卡片分类法来构造网站的导航系统,卡片分类法是一种利用人们现有思维模型的研究技术。在构造导航系统时,我了解到94种商店中最畅销的商品库存信息。拥有如此庞大的商品库存,就很有必要通过清晰易懂的方式组织、分类库存信息,以便用户能够快速的找到他们想要的商品。

本文来自九分网络

1. 卡片分类

copyright 9fen.net

如何从零开始设计一个购物网站?送你这份高手流程! 九分网络

www.9fen.net

△ 卡片分类的初期阶段

www.9fen.net

开放式卡片分类:我要求9位参与调研的用户通过他们自己觉得合理的分类规则将94种商品分类,然后给每个类别加上他们认为能够准确描述该类别的标签。这样做的目的是对于网站潜在的商品分类方式及类别名称有一个大致的了解。

九分网络

封闭式卡片分类:基于开放式卡片分类的结果,我从最常见的类别标签中创建了13个预定类别。然后,我进行了封闭式的卡片分类,我邀请了20位参与调研的用户将商品逐一分类到我之前预定的13种类别中。封闭式卡片分类有助于让我在进行设计之前能够清楚判断这些类别是否符合大部分网站用户的分类逻辑。

内容采集来自9fen.net

如何从零开始设计一个购物网站?送你这份高手流程!

内容采集来自9fen.net

内容采集来自9fen.net

△ 通过卡片分类得到的13种商品类别 九分网络

2. 站点图 copyright 9fen.net

根据卡片分类以及竞品分析的结果,我绘制了网站的站点图来明确整个网站的框架结构。这是为了确保所有产品都放置在用户期望的位置,同时使购物体验更加直观。

九分网络

标签: 优设 优设网 交互设计 电商设计 购物网站

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----