在本文中，我们将带您了解在设计思考过程的五个阶段中使用的不同技术-从向用户过渡到测试我们的原型-以及我们的发现。

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

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

我们面临的挑战是为本地企业设计一个网站，重点是为最终用户提供出色的购物体验。

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

在本文中，我将带您了解我们在设计思维过程的五个阶段中使用的不同技术-从同理用户到测试我们的原型-以及我们的发现。

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

设计思维过程的五个阶段

由于荷兰的亚马逊，易趣，速卖通和其他在线购物巨头的盛行，当地小型商店的年销售额正在下降。这不仅影响了小型企业本身，而且还影响了当地经济和许多依赖小型企业的家庭。

但是，有一种趋势是，中产阶级消费者选择购买更少的商品，并愿意为之花更多的钱。

阶段1：重点

设计思维过程的第一步是与用户理解和强调。这也称为研究阶段。由于商务电子网站在行业中得到了充分的研究，因此我们被指示将大部分研究时间用于基准测试和市场研究，并开发可用于专业的最佳做法和经验法则电子商务体验。

此阶段使用的方法是：

品牌分析（品牌比较，功能比较，命题矩阵）调查（精益调查 Canvas，Google Form）面试

（[1）品牌分析

品牌比较表将Episode与它的四个直接竞争对手（阿姆斯特丹的其他旧货店）和两个间接在线竞争对手进行了比较，包括口号，目标受众，库存和价格范围。这有助于我们了解这两个位置之间的插值位置。

“特征比较表”根据我们通过观察和研究发现的“特征”比较图表，这些特征似乎值得注意。目的是更好地了解Episode与竞争对手相比，以及旧货店中常见（或不常见）的东西。

克里斯·塞尔威尔（Chris Thelwell）开发的Lean 调查画布是一种有用的方法，可以快速而协作地创建短调查以获取所需的所有信息。它着重于定义目标用户和验证假设所需的洞察力（我们需要学习什么？我们已经知道什么信息？我们需要向谁学习？我们如何与这些人建立联系？）

我们的精益调查画布可以帮助我们了解应该针对调查的对象，如何在逻辑流程图中正确安排问题以及如何减少最基本的问题。 （请记住：没有人愿意填写冗长的文字调查）。

（[2） 调查

下一步：在Google表单中创建调查。问题和布局已经定义，并且过程相对简单。

在创建了精益调查画布之后，我和我的团队在Google表单上进行了简短的调查讨论。我们通过我们的个人频道（Facebook）和一个致力于节俭购物和古着服装的小组页面分发了调查调查表。

共有133个人回答了我们的调查，其中一些主要发现是：

人们节俭购物的三个原因是：省钱（72％），具有环保意识（59％）和寻找独特的产品（52％）。在过去的六个月中，有73％的受访者（13 3）曾经去过旧货店。有75％的人去过商店。在过去的六个月中，有38％的受访者（13 3）曾经去过网上商店）旧货商店。其中有65％的人进行了购买。

我们从此练习中学到的一些经验教训是：

记住要问痛点-我们着眼于人们庆祝的原因以及某些方面对他们的重要性（唯一性，省钱，质量），却忘记了要验证可能性的问题（发现新的问题））痛苦。在发布（和共享）调查之前，请先测试调查的所有可能情况，由于时间限制，我们忘记了测试特定的工作流程。事实证明，如果回答了特定的问题组合，则不会显示最后一部分。请记住，Google表单不支持复杂的显示逻辑-您可以添加基本的显示逻辑（“如果Q3的答案为A，请显示第2部分”），但是Google Forms无法处理更复杂的逻辑（即“如果Q3的答案是B，对Q5的响应是C，则显示第4步。）

（[3）采访

我们总共进行了9次采访：一些受访的顾客离开了Episode，还有一些在街上拜访了普通顾客。采访使我们更深入地询问“为什么？”。尽管您不能做很多事情，但响应往往会更丰富，并且可以帮助您了解用户的内在想法，感受和动机。

第2阶段：定义

随着研究的结束，我们小组进入了设计思维过程的第二阶段：定义问题。在这一阶段，我们希望对所有发现进行分组和综合。

在这里，我们使用了以下技术：

头脑风暴会议（亲和力图，思维图）“我们怎么可能”声明用户角色，用户旅程，问题陈述，假设陈述

（[1）头脑风暴会议

相似图片：

相似度图有助于我们小组的视图，调查结果和视图归类为逻辑类别和子类别。

相似度图有助于我们小组的视图，调查结果和视图归类为逻辑类别和子类别。

接下来，我们仔细观察发现的痛点。这些类别是：曝光/访问，时间，质量，组织和业务问题。

我们决定为每个痛点创建一个单独的思维导图。在访谈中反映出最常见的痛点之后，我们决定继续进行“时间”和“组织”。

思维导图：

此思维导图可帮助我们组织组织的相关方面。

此思维导图可帮助我们安排相关时间。

（[2）用户

Maya是我们的主要用户角色。她30多岁，全职工作。她喜欢在旧货店购物，寻找独特的复古服装。但是，不幸的是商务调查服务 案例研究：电子商务平台设计的5个阶段，她发现购买二手商品会花费很多时间，通常是因为旧货店的杂乱无章。在她的日程安排中找到适合她的时间变得越来越困难。

小ophie是我们的辅助用户角色。她刚刚20多岁就开始了自己的职业生涯。她是一个自称为“预算不足的时尚达人”。她还对环境充满热情，并致力于为循环经济做出贡献。

（[3）用户旅程

用户历程有助于我们更好地理解用户。我们为主要用户角色选择了以下选项：

“玛雅下周将举行员工晚宴。她想为活动找到合适但独特的衣服。她决定在周六下午节俭购物。她有大约两个半小时的时间。”

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

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

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

“我们相信，创建专注于在有限的时间内为节俭的购物者组织产品的在线购物体验将使他们能够更有效地购物，并减少挫败感。当客户忠诚度为6时，如果我们在一个月内提高10％，我们将知道我们是对的。”

阶段3：构思

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

我们首先浏览了所有发现和用户见解，并创建了M o SC o W图形表示形式：

M =必须为S =应该为C =可以为W =不可以

（[1）站点地图

接下来，我们将继续创建网站的信息架构（IA）或蓝图。在这里，我们决定如何以逻辑格式对内容进行分类和组织。否则，用户在浏览我们的网站时会迷路，这也可以帮助我们进行下一步：创建原型。

（[2）用户流程

阶段4和5：原型和测试

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

某些纸制原型屏幕

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

城市和商店位置的选择不够明确；只能在商店中提货的事实无法正确显示。

我们优化了原型，并在Sketch中创建了一个中等逼真度的原型。

产品结果页/过滤结果页/产品页

UI流程：

接下来，我们团队的每个成员都创建了一个高保真原型。我们花了四天的时间在这部分上。以下内容将带您了解视觉设计/ UI流程的各个元素。

情绪板：

我开始创建一个情绪板。我想挑战自己，包括在Episode的商店中找到的黑色和大胆的红色，以忠于该品牌的品牌。我要查找的图像代表剧集的外观。 Van’s和Converse品牌和皮草大衣应有较高的代表度。我在商店里注意到了很多。

情绪板

颜色：

我最终选择了（浅）深红色东莞正规调查公司，再加上深海军蓝色作为第二（强调）颜色。

布局：

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

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

高保真原型：

主页：

产品页面，以女装为例：

产品页面

使细节保持简洁，并指出要点：大小，颜色，材料商务调查案例，质量和（当然）项目的存储位置。

还请记住，由于所有物品都是唯一的，因此您永远不会拥有像其他电子商务网站上可能看到的星级/评分系统。