没错,就是你们熟知的那个服装品牌Zara。 本文作者William Ng利用“设计思维”的模型,分析了Zara手机APP的可用性,提出了改进建议。 应用于设计思维的具体案例。
Zara是我最喜欢的服装品牌之一。 但是,每次使用他们的软件,我都感觉有各种各样的问题。 于是我对Zara进行了可用性测试和分析,看看其他用户是否也有和我一样的烦恼。 结果发现了大多数用户的弱点,提出了提高用户体验的建议。
分享爱情
用户图像
第一步是对Zara的用户进行了在线调查。 然后,制作了一组预期的用户图像,包括了预期的最大用户群体,也就是2030岁左右的中等收入人群。
工作的事情
除了用户图像以外,了解用户使用APP的场景并更深入地了解他们的动机和期望的结果也花了时间。
可用性测试
对用户略有了解后,我去商场找购物的人进行了可用性突击测试。 我向用户做测试之前,保证了用户至少是频繁的网上购物消费者。 最终,我测试了7个用户。
每个用户都会想象自己在一个场景中,然后被询问执行以下任务:
最近很冷,我在找冬天的大衣。 怎么办? 我看到了你可能会喜欢的大衣。 你怎么决定那是不是你想要的大衣? 我把大衣放在购物车里了,但是发现尺寸不对了怎么办?
定义和分析
亲和性图
我看了所有的测试,仔细列举了每个用户面临的问题和投诉。 接下来,我根据分类对这些痛点进行了分类和分组。
2 * 2分析
为了设定这些信息的优先顺序,以对业务的重要性为x轴,对用户的重要性为y轴,制作了2*2的图表。 假设最重要的业务模板是增加APP的收入,则使用购物车编辑条目是业务和用户最关注的点。 所以这也成了我重新设计的着眼点。
定义问题
为了找到更好的解决方案,我仔细分析了购物车相关用户的行为和模式。
当他们试图用购物车编辑商品时:
只有1/7的人没有遇到问题的7人中6人点击了这个商品的条目,而只有1个图像突出的7人中4人选择了向左滑动商品,但没有出现预期的编辑选项的7人中2人错误地删除了商品的其他问题:
不能用购物车直接编辑商品的颜色和尺寸。 也就是说,用户必须再次查看商品并修改商品信息。 在购物车里,用户只能看到商品的一张照片方案和改造
最低生活保障真是手绘
在研究了用户购物车使用中遇到的问题后,我列举了一些针对痛点的潜在解决方案,并用手写最低生活保障的原型进行了表述。
高保真度原型
在将最低生活保障转变为忠实度高的原型之前,我请了几个网上购物用户进行了一次我的过程,验证了我的想法,收到了建设性的意见。 我把这些意见纳入了最终的设计。
以下是我的一些建议:
p3.toutiaoimg.com/origin/pgc-image/443293cf12ce451386bc8e22c01ba1c4?from=pc">
新的编辑按钮替换了旧的「之后再买 」; 但这是个有意的选择. 最开始,当用户想把一个商品保存以供以后查看的时候, 他们只能先把商品放进购物车.所以我会在浏览页面加一个「收藏 」功能,这样用户想收藏的时候不用先把商品放进购物车。
在购物车页面添加了垂直的图片组,这样用户可以查看商品的多张图片。在最开始的用户测试中,用户倾向于水平滑动去浏览更多的商品图片。所以,我增加了更多的元素来引导用户进行正确的操作。
原型
想像一下你已经把商品选好放进了购物车,这时候才发现需要修改尺寸……
试试我做的原型吧。
验证
我把自己设计的原型拿给七个用户进行测试,目标也是让他们在购物车里进行商品尺寸和数量的修改。所有用户都顺利地完成了任务。
作为重新设计的结果,用户在购物车里修改商品信息的成功率提升了 30%。
总结
通过用户可用性的突击测试,我了解到用户对于修改已放入购物车的商品信息存在很大困难。另外,一般的购物应用都会有的功能(比如查看商品更多图片或是修改商品尺寸)在 Zara 应用内缺失。我的设计让用户可以在结账的时候更加方便地修改信息。增强用户体验意味着减少用户摩擦,也就意味着带来销量上的提升。