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


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


从左至右：Danique Nagel，Marine Lejeune和我自己 我们的挑战是为当地企业设计网站，重点是为最终用户提供优秀的购物体验。


我们的小组选择了一个名字Episode二手手衣服、鞋子和配件的旧货店。


和许多实体店一样，Episode不提供在线购物平台。


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


这个项目和我在一起Ironhack的三个同学（Alexis Middleton，Danique Nagel和Marine）合作！ 设计思维过程的五个阶段 亚马逊，Ebay，AliExpress和在荷兰的Bol.com当网上购物巨头盛行时，当地小商店的年销售额正在下降。


这不仅影响了小企业本身，也影响了当地经济和许多家庭。


然而，有一种趋势，即中产阶级消费者选择购买较少 商品，愿意为之付出更多。


阶段1：强调 设计思维过程的第一步是理解和强调用户。


这也被称为研究阶段。


由于电子商务网站在行业内得到了良好的研究，我们被指示将大部分研究时间花在基准测试和市场研究上，培养最佳的专业实践和经验规则，创造电子商务体验。


现阶段使用的方法如下： 品牌分析(品牌比较、功能比较、命题矩阵) 调查(精益调查画布，Google表单） 采访 (1)品牌分析 品牌比较表Episode与其四个直接竞争对手（阿姆斯特丹的其他旧货店）和两个间接的在线竞争对手进行了比较，包括口号、目标受众、库存和价格范围。


这将帮助我们理解插值在这两个位置之间的位置。


根据我们通过观察和研究发现的功能，功能比较表似乎值得注意。


目的是更好地理解它Episode与竞争对手相比，旧货店似乎很常见（或不常见）。


画布由精益调查Chris Thelwell开发是一种快速合作地创建所有所需信息的有用方法。


它专注于定义目标用户和验证假设（我们需要学习什么？我们已经知道什么信息了？我们需要向谁学习？我们如何联系这些人？ 我们的精益调查帆布帮助我们了解谁，我们应该瞄准和调查如何正确安排逻辑流程图中的问题，以及如何减少最基本的问题。


（请记住，没有人愿意填写冗长的文本调查）。


（2）调查 下一步：在Google创建表中的调查。


问题和布局已经定义，过程相对简单。


创建精益调查画布后，我和我的团队在Google Forms简短调查。


我们通过个人渠道。


（Facebook）调查问卷分发在专门用于节俭购物和古装的小组页面上。


共有133人回答了我们的调查，其中一些主要发现是： 节俭购物的三个原因是:省钱(72%)，有环保意识(59%)，寻找独特的商品(52%)。


在过去的六个月里，73%的受访者(133)去过旧货店。


其中75%购买。


在过去的六个月里，38%的受访者(133)去过一家网上旧货店。


其中65%是购买的。


从这次练习中学到的一些经验教训是： 记得问痛点 -我们关注节日的原因，以及它们在某些方面有多重要（独特、省钱、质量），但忘记了一个问题来验证可能的）痛点的问题。


在发布(和共享)调查之前，请测试您调查的所有可能情况 -由于时间紧迫，我们忘记了测试特定的工作流程。


事实证明，如果回答了某些问题，最后一部分将不会显示。


请记住，Google表单不支持复杂的显示逻辑 -如果是的话，可以添加基本的显示逻辑(Q3的回答为A，请显示第二部分 ”），但是Google表单不能处理更复杂的逻辑(即 如果对Q3的回答为B AND对Q5的响应为C，显示第4步)。


（3）采访 我们有9次采访：一些采访的客户离开了Episode，一些人在街上采访了老客户。


面试让我们更深入，问为什么？。


虽然你不能做很多事情，但回复往往更丰富，可以帮助你理解用户的内在想法、感受和动机。


阶段2：定义 随着研究的结束，我们的团队进入了设计思维过程的第二阶段：定义问题。


在这个阶段，我们希望对所有的发现进行分组和综合。


我们采用了以下技术： 头脑风暴会议(亲和图、思维导图) 声明我们可能怎么样 用户角色，用户旅程 假设问题陈述 (1)头脑风暴会议 亲和图： 亲和图帮助我们集团自己的观点，从逻辑分类和子类别的调查结果和观点。


亲和图帮助我们集团自己的观点，从逻辑分类和子类别的调查结果和观点。


接下来，我们仔细观察发现的痛点。


这些分类是：暴露/访问、时间、质量、组织和业务问题。


我们决定为每个痛点创建一个独立的思维导图。


在采访中反映了最常见的痛点后，我们决定继续前进。


时间”和“ 组织”。


思维导图： 思维导图帮助我们组织相关组织。


思维导图帮助我们组织相关时间。


（2）用户人 Maya是我们的主要用户角色。


她30多岁，全职工作。


她喜欢在旧货店购物，寻找独特的复古服装。


不幸的是，她发现购物需要很多时间，通常是因为杂乱无章。


在她的日程安排中找到合适的时间越来越难了。


小号ophie是我们的二级用户角色。


她20多岁时才刚刚开始职业生涯。


她是一个自称预算不足的时尚达人。


她也对环境充满热情，致力于为循环经济做出贡献。


(3)用户旅程 用户旅程有助于我们更好地同情用户。


我们为主要用户角色选择了以下解决方案： 玛雅下周有员工晚餐。


她想为活动找到合适但独特的衣服。


她决定在周六下午节俭购物。


她大约有两个半小时。


从这些观点中，我们可以整理出以下问题陈述： 由于时间有限，节俭的购物者对杂乱无章的商店感到沮丧，他们需要一种更高效、更愉快的购物方式。


因此，我们的假设陈述变为： 我们相信，创造网上购物体验的重点是在有限的时间内为节俭的购物者组织商品，这将使他们更有效地购物，减少挫折感。


当客户忠诚度在6个月内提高10%时，我们就会知道我们是对的。


阶段3：构思 通过我们的研究，我们的团队已经准备好进入设计思维过程的理想阶段。


我们首先浏览了所有的发现和用户意见，并创建了它们M o SC o W图-表示： M =必须 S =应该有 C =可以有 W =没有 (1)网站地图 接下来，我们将继续创建网站的信息架构（IA）或者蓝图。


在这里，我们决定如何以逻辑格式对内容进行分类和组织。


否则，用户在浏览我们的网站时会迷路，这也可以帮助我们下一步创建原型。


（2）用户流 阶段4和5:原型和测试 现在，我们准备创建纸质原型。


一些纸质原型屏幕 在测试了交互式原型后，我们发现了以下问题： 城市和商店的选择还不够清楚； 商品只能在取货的事实没有正确显示。


我们正在优化原型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） 特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。


本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。


如有侵权行为，请联系网站管理员删除，。