电子商务的案例_ 案例研究：电子商务平台设计的5个阶段(原创)_电子商务成功案例

在本文中，将带您相识在设计思维历程的5个阶段中，我们所接纳的差别技术-从情用户到测试我们的原型-以及我们的发现。

我们在Ironhack阿姆斯特丹UX / UI设计训练营的第一个项目是为当地企业设计——电子商务平台。

从左至右：Danique Nagel，Marine Lejeune和我自己

我们的挑战是为当地企业设计一个网站，重点是为最终用户提供精彩的购物体验。

我们的小组选择了一家名为Episode的旧货店，出售二手衣服，鞋子和配件。像许多实体旧货店一样，Episode不提供在线购物平台。

在本文中，我将带您相识在设计思维历程的5个阶段中，我们所接纳的差别技术-从情用户到测试我们的原型-以及我们的发现。

该项目与我在Ironhack的三个同学（Alexis Middleton，Danique Nagel和Marine）互助！

设计思维历程的五个阶段

由于亚马逊，Ebay，AliExpress和在荷兰的Bol.com等在线购物巨头的盛行，当地小商店的年销售额正遭受下降。这不仅影响到小企业自己，而且还影响当地经济和许多靠今生活的家庭。

可是，存在一种趋势，即中产阶级消费者选择购置较少的 商品，而又愿意为之支付更多。

阶段1：强调

设计思维历程的第一步是与用户相识并强调。这也称为研究阶段。由于电子商务网站在行业中获得了很好的研究，因此我们被指示将大部门研究时间用于基准测试和市场研究，并造就出可以用于的专业最佳实践和履历规则缔造电子商务体验。

此阶段使用的方法是：

1. 品牌分析（品牌比力，功效比力，命题矩阵）
2. 观察（精益观察画布，Google表单）
3. 采访

（1）品牌分析

品牌比力表将Episode与它的四个直接竞争对手（阿姆斯特丹的其他旧货店），以及两个间接的在线竞争对手举行了比力，包罗口号,、目的受众、库存和价钱规模。这有助于我们相识插值在这两个位置之间的位置。

“功效比力表”凭据我们通过视察和研究发现的“功效”来比力情节，这些功效似乎值得注意。目的是更好地相识Episode与竞争对手相比，以及旧货店似乎常见（或不常见）的情况。

精益观察画布由Chris Thelwell开发，是一种有用的方法，可以快速而协作地建立简短的观察，以获取所有所需的信息。它着重于界说目的用户和验证假设所需的看法（我们需要学习什么？我们已经知道什么信息？我们需要向谁学习？我们如何与这些人联系？）

我们的精益观察帆布资助我们相识谁，我们应该瞄准与观察，如何正确摆设逻辑流程图中的问题，以及如何削减下来的最基本。（请记着：没有人愿意填写冗长的文字观察）。

（2）观察

下一步：在Google表单中建立观察。已经界说了问题和结构，此历程相对简朴。

建立精益观察画布后，我和我的团队在Google Forms上举行了简短观察。我们通过小我私家渠道（Facebook）和专门用于节俭购物和古着服装的小组页面分发了观察问卷。

共有133人回覆了我们的观察，一些主要发现是：

1. 人们节俭购物的三大原因是：省钱（72％），具有环保意识（59％）和寻找奇特的商品（52％）。
2. 在已往六个月中，有73％的受访者（133）曾去过旧货店。其中有75％举行了购置。
3. 在已往的6个月中，有38％的受访者（133）曾去过一家网上旧货店。其中65％举行了购置。

我们今后训练中学到的一些履历教训是：

1. 记着要问痛苦点 -我们着眼于人们过节的原因，以及某些方面临他们有多重要（奇特性、省钱、质量），却忘记了一个问题来验证可能的（发现新的）痛苦点。
2. 在公布（和共享）观察之前，请对您的观察的所有可能情况举行测试 -由于时间紧迫，我们忘记了测试特定的事情流程。事实证明，如果回覆了一定的问题组合，最后的部门将不会显示。
3. 请记着，Google表单不支持庞大的显示逻辑 -您可以添加基本的显示逻辑（“如果对Q3的回覆为A，请显示第2部门 ”），可是Google表单不能处置惩罚更庞大的逻辑（即“ 如果对Q3的回覆为B AND对Q5的响应为C，显示第4步））。

（3）采访

我们总共举行了9次采访：有些采访的主顾脱离了Episode，有些采访了陌头的老主顾。面试使我们更深入，并问“为什么？”。只管您无法做许多事情，但回复往往会更富厚，而且可以资助您明白用户的内在想法，感受和念头。

阶段2：界说

随着研究的竣事，我们小组进入了设计思维历程的第二阶段：界说问题。在这一阶段，我们希望对所有发现举行分组和综合。

在这里，我们接纳了以下技术：

1. 头脑风暴集会（亲和图，思维导图）
2. “我们可能如何”声明
3. 用户角色，用户旅程
4. 问题陈述，假设陈述

（1）头脑风暴集会

亲和图：

该亲和图资助我们团体自己的看法，观察效果和看法到逻辑分类和子种别。

该亲和图资助我们团体自己的看法，观察效果和看法到逻辑分类和子种别。

接下来，我们仔细视察发现的痛点。这些分类为：袒露/会见，时间，质量，组织和业务问题。

我们决议为每个痛点建立单独的思维导图。在采访中反映出最经常泛起的痛点之后，我们决议继续前进“ 时间”和“ 组织”。

思维导图：

该思维导图资助我们组织相关方面的组织。

该思维导图资助我们组织相关方面的时间。

（2）用户人

Maya是我们的主要用户角色。她30多岁，全职事情。她喜欢在旧货店购物，寻找奇特的复古服装。可是，不幸的是，她发现旧货购物要花许多时间，通常是因为旧货店的杂乱无章。在她的日程摆设中找到适合自己的时间变得越来越难。

小号ophie是我们的二级用户角色。她在20多岁时才刚刚开始职业生涯。她是一个自称为“预算不足的时尚达人”。她还对情况充满热情，并致力于为循环经济做出孝敬。

（3）用户旅程

用户旅程有助于我们更好地同情用户。我们为主要用户角色选择了以下方案：

“玛雅下周有员工晚餐。她想为运动找到合适但奇特的服装。她决议在周六下午节俭购物。她约莫有两个半小时。”

从所有这些看法中，我们能够整理出以下问题陈述：

“由于时间有限，节俭的购物者对杂乱无章的商店感应沮丧，因此他们需要一种更高效，更愉快的购物方式。”

由此，我们的假设陈述变为：

“我们相信，缔造一种在线购物体验，重点是在有限的时间内为节俭的购物者组织商品，这将使他们能够更有效地购物，并淘汰挫败感。当客户忠诚度在6个月内提高10％时，我们就会知道我们是对的。”

阶段3：构想

有了我们的研究，我们的团队已经准备好进入设计思考历程的“理想”阶段。

我们首先浏览了所有发现和用户看法，并建立了M o SC o W图-表现：

1. M =必须
2. S =应该有
3. C =可以有
4. W =没有

（1）网站舆图

接下来，我们继续建立网站的信息架构（IA）或蓝图。在这里，我们决议如何以逻辑花样对内容举行分类和组织。否则，用户在浏览我们的网站时会迷路，它还可以资助我们举行下一步：建立原型。

（2）用户流

阶段4和5：原型和测试

现在，我们准备建立纸质原型。

一些纸制原型屏幕

在与我们的四个同学测试了交互式原型之后，我们发现了以下问题：

1. 选择都会和商店的位置还不够清楚；
2. 物品只能在店内取货的事实未正确显示。

我们优化了原型，并在Sketch中建立了中保真度原型。

产物效果页/ 过滤效果页/ 产物页

UI流程：

接下来，我们小组的每个成员划分建立了一个高保真原型。我们为这部门事情花了四天的时间。下面将带您相识视觉设计/ UI流程的各个元素。

情绪板：

我开始建立一个情绪板。我想挑战自己，包罗在Episode的商店中找到的玄色和斗胆的红色，以忠于品牌的品牌。我寻找的图像代表了Episode的外观。Van’s和Converse品牌以及皮草大衣应该获得高度的代表，我在商店中都注意到了许多。

情绪板

色彩：

我最终选择了（略）深红色，再加上深水师蓝作为第二（重点）颜色。

版式：

我选择了80px的Staatliches字体作为显示标题，该字体与Episode的实际徽标字体很是相似-但同时有点前卫。

对于标题和正文，我选择了Roboto Condensed。这是一种中性且可读的字体，仍与显示标题字体互补。我还以为Roboto字体的“压缩”版本很是适合电子商务网站，因为每行文本可以容纳更多文本。

高保真原型：

主页：

产物页面，以女装为例：

产物页面

细节保持简练，并指向重点：巨细，颜色，质料，质量以及（固然）存储该物品所在的位置。

还要记着，由于所有项目都是唯一的，因此永远不会像您在其他电子商务网站上发现的那样，拥有星级/评分系统。

原文作者： Nele Groosman

原文地址：https://medium.com/@nelegroosman/ux-ui-case-study-e-commerce-for-second-hand-clothes-1078355f0de3

译者： 南设；译者民众号：南设（ID：shemenglianmeng）

本文由 @南设 翻译公布于今日看点。未经许可，克制转载

题图来自Unsplash，基于CC0协议