设计|花费14天，我设计了一个玩具购物网站
编辑导读：本文以玩具购物网站这个小案例，清晰地记录了一个较为完整的产品设计流程。不论是设计方法，还是记录方法，都可以借鉴运用在工作、汇报和作品集上，与大家分享。
耗时：2周材料：卡片，便签，笔，纸原型工具：Figma使用的UX技术：竞品分析，思维导图，卡片排序，用户画像，系统架构，站点图，用户流程，线框图，原型设计，可用性测试。在这个项目中，主要任务是为旧金山最古老的玩具品牌 Jeffrey’s Toys 设计一个全新的品牌电商网站。新电商网站最主要的目的是吸引顾客前往线下店铺选购商品，同时也希望通过快递和门店自提的方式来完善线上销售流程，拓展消费群体。
该网站需要巩固品牌核心业务价值观：传统，有趣和创意。该网站还需要通过强调其庞大的库存体量和手工精选商品来将Jeffrey’s Toys和其他电子商务零售商区分开。
该网站的主要业务目标包括：
能快速定位商品每一个商品都有单独的详情页用户能成功购买一个或多个商品为爆款商品引流
01 用户分析
1. 用户画像
谁才是这个网站真正的用户？当我接到这个任务的时候，客户已经绘制出了3个用户画像，每个用户画像都有特定的需求和痛点。
文章图片
基于三个用户画像，我确定了该网站要满足的用户需求，同时也考虑了Jeffrey’s Toys的需求。
确定的主要需求是：
通过清晰的商品组织分类来提供流畅的电商购物体验通过商品搜索使用户能够快速找到想要的商品通过实用的商品推荐来体现 Jeffrey’s Toys 的专业以及庞大的库存通过与用户建立品牌关系来树立信任通过产品细节信息来确保用户选购合适的商品.通过商品评论来辅助用户作出消费决策并允许用户进行商品反馈通过高效的下单结账流程简化购买行为并节省用户时间
2. 竞品分析
为了获得启发，我确定了3个主要竞品，特别是旧金山的精品玩具店；还有3个玩具零售市场的间接竞品。直接竞品我分析了包括 Ambassador Toys 、 Amazon 和 TANTRUM 。间接竞品分析了 Lululemon 、Ikea 和 CVS 。竞品分析的目的是比较并找出这些电商网站的共同特征以及 Jeffrey’s Toys 能够脱颖而出的潜在机会。
竞品分析最重要的收获是了解了不同的电商网站的商品选择模块以及网站整体的布局。这些信息有助于巩固我第二阶段的研究。
文章图片
【 设计|花费14天，我设计了一个玩具购物网站】3. 思维导图
在完成竞品分析之后，我把这个项目中用户的需求和客户的需求列成了长长的信息清单。之后我又通过思维导图来理清了在这个项目中用户的需求和客户的需求。思维导图帮助我将信息组织成更清晰的想法，同时在各个想法之间建立层次结构关系。
文章图片
02 信息架构
接下来我通过卡片分类法来构造网站的导航系统，卡片分类法是一种利用人们现有思维模型的研究技术。在构造导航系统时，我了解到94种商店中最畅销的商品库存信息。拥有如此庞大的商品库存，就很有必要通过清晰易懂的方式组织、分类库存信息，以便用户能够快速的找到他们想要的商品。
1. 卡片分类
文章图片
开放式卡片分类：我要求9位参与调研的用户通过他们自己觉得合理的分类规则将94种商品分类，然后给每个类别加上他们认为能够准确描述该类别的标签。这样做的目的是对于网站潜在的商品分类方式及类别名称有一个大致的了解。
封闭式卡片分类：基于开放式卡片分类的结果，我从最常见的类别标签中创建了13个预定类别。然后，我进行了封闭式的卡片分类，我邀请了20位参与调研的用户将商品逐一分类到我之前预定的13种类别中。封闭式卡片分类有助于让我在进行设计之前能够清楚判断这些类别是否符合大部分网站用户的分类逻辑。
文章图片
上图是通过卡片分类得到的13种商品类别
2. 站点图
根据卡片分类以及竞品分析的结果，我绘制了网站的站点图来明确整个网站的框架结构。这是为了确保所有产品都放置在用户期望的位置，同时使购物体验更加直观。
文章图片
3. 系统架构图
为了对用户将会如何浏览网站有一个全面的概述，我绘制一张系统架构图。这样做的主要目的是为了了解网站应该给用户提供什么功能以及功能拓展的广度。我还通过系统架构图来探索电商网站和实体店铺之间的联系。
上图是系统架构图演示用户将会如何浏览网站
4. 用户流程
在确定了我需要给用户提供的体验“全局”之后，我为每一个用户画像创建了不同的用户流程，通过不同的用户流程来使购物体验更加符合他们的需求。构建用户流程的目的是确定每个用户为了实现各自的预期目标经过的页面和操作步骤。这不仅能使我专注于每个用户的操作，也使我能够在设计网站的时候将功能拆分，以便给用户提供更佳的购物体验。
推荐阅读
- 设计|连锁餐厅怎么装修设计才最吸引人？
- 机械设计|机械设计的基本准则及一般步骤，机械零件的主要失效形式
- 海洋科考船“中山大学”号命名下水 排水量最大、综合科考性能最强、创新设计亮点最多
- 中山大学|海洋科考船“中山大学”号命名下水 排水量最大、综合科考性能最强、创新设计亮点最多
- |第十六届中国（无锡）国际设计博览会暨第九届太湖奖设计大赛北京推介会在中华世纪坛隆重召开
- 歌华|“青岛设计中心”正式启航 引领未来影视设计行业风帆
- 抽屉电影|他的一生充满传奇色彩，他设计的轻武器，常年在杀人排行榜排第一
- CNMO■华为新机入网 采用Mate30Pro同款设计镜头参数有变化CNMO2020-08-29 06:46:430阅
- 基础知识|ui设计的基础知识，有哪些是你不了解的？
- 盛宴|一场影视与设计碰撞的视觉盛宴！东方时尚季·2020青岛国际影视设计周拉开帷幕