首页天道酬勤公共电子商务平台设计到什么(商务平台设计)

公共电子商务平台设计到什么(商务平台设计)

admin 11-30 10:35 181次浏览

在本文中,我们将向您展示我们在设计思维过程的五个阶段中采用的不同技术——从感受用户到测试我们的原型——以及我们的发现。

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

从左到右:达尼克内格尔、海军陆战队队员勒尤尼和我

我们面临的挑战是为当地企业设计一个网站,专注于为最终用户提供卓越的购物体验。

我们组选了一家叫eption的旧货店,卖二手衣服、鞋子和配饰。像很多实体旧货店一样,eption并不提供网购平台。

在本文中,我将向您展示我们在设计思维过程的五个阶段中采用的不同技术——从感受用户到测试我们的原型——以及我们的发现。

这个项目和我在Ironhack的三个同学(亚历克西斯米德尔顿、丹尼克内格尔和马琳)合作!

思维过程的五个阶段

由于亚马逊、易趣、全球速卖通和Bol.com等网购巨头在荷兰的盛行,当地小店的年销售额正在下降。这不仅影响到小企业本身,也影响到当地的经济和许多依赖它的家庭。

然而,有一种趋势是中产阶级消费者选择购买更少的商品,并愿意为它们支付更多的费用。

阶段1:强调

设计思维过程的第一步是与用户一起理解和强调。这也叫研究阶段。因为电子商务网站在行业内已经得到了很好的研究,所以我们被指示将大部分研究时间花在基准测试和市场研究上,并培养专业的最佳实践和经验规则,可用于创造电子商务体验。

此阶段使用的方法是:

品牌分析(品牌比较、功能比较、命题矩阵)调查(精益调查画布、Google表单)访谈(1)品牌分析

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

“功能对照表”是根据我们通过观察研究发现的“功能”来对比图,似乎值得注意。目的是为了更好地了解epit与其竞争对手之间的比较,以及旧货店的常见(或不常见)情况。

克里斯泽尔威尔开发的精益调查画布是一种有用的方法,可以快速协作地创建一个简短的调查,以获取所有必需的信息。它侧重于定义目标用户和检验假设所需的洞察力(我们需要学习什么?我们已经知道哪些信息?我们需要向谁学习?我们如何联系这些人?)

我们的精益调查画布帮助我们知道我们应该针对谁进行调查,如何在逻辑流程图中正确排列问题,以及如何削减基础。请记住:没有人想填写冗长的文本调查。

(2)调查

下一步:在谷歌表单中创建一个调查。问题和布局已经定义,这个过程相对简单。

创建精益调查画布后,我和我的团队对谷歌表单进行了一次简短的调查。我们通过个人渠道(脸书)和致力于节俭购物和古董衣服的小组页面分发问卷。

共有133人回答了我们的调查,一些主要发现是:

人们购物节俭有三个原因:省钱(72%)、有环保意识(59%)和寻找独特的产品(52%)。在过去的六个月里,73%的受访者(133人)去过旧货店。其中75%是购买的。在过去的六个月里,38%的受访者(133人)去过网上旧货店。其中65%是购买的。我们从这次练习中学到的一些经验是:

记得问痛点——我们关注人们度假的原因以及某些方面对他们有多重要(独特性、省钱、质量),但忘记一个问题来验证可能的(发现新的)痛点。在发布(和共享)调查之前,请测试您的调查的所有可能情况-由于时间限制,我们忘记测试具体的工作流程。原来,如果回答某个组合的问题,最后一部分不会显示。请记住,谷歌表单不支持复杂的显示逻辑——您可以添加基本的显示逻辑(“如果Q3的答案是A,请显示第2部分”),但谷歌表单无法处理更复杂的内容。

杂的逻辑(即“ 如果对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)

本文由 @南设 翻译发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

DeepRust匹配:有更好的方法吗?kubectl多集群管理C++构造析构赋值运算函数怎么应用雷士灯具管理系统
程序员自学app软件有哪些(程序员开发APP的过程) 电商产品设计基础知识(电商产品表设计)
相关内容