电商应用购买流程中值得注意的细节设计体验

  • A+
所属分类:经验思维

本文来源: 人类君(公众号:海盐社), 共 1409 字

说起电商产品,实在是太多了,全品类的、垂直类的各种分类都有,所以这次我们直接从购买流程着手,看看各大电商应用的设计细节汇总吧。

购买前

购买前,用户处于一种逛街的状态,主要涉及的操作有搜索、浏览商品以及加购物车等。

1.淘宝-摸市场

淘宝摸鱼市场,从扫一扫进入天猫摸鱼市场,可使用对应职位皮肤,工作闲余时使用摸鱼皮肤逛天猫不易被上司发现(还是要认真工作完哦~)。

电商应用购买流程中值得注意的细节设计体验

2.淘宝-“换”刷新页面

浏览商品列表三页后,主动呼出提示,点击“换”刷新页面,并对以浏览过的相似商品进行筛选,减少类似商品的出现频率。

电商应用购买流程中值得注意的细节设计体验

3.京东-常购清单

搜索页显示常购清单,一方面方便用户直接点击购买;另一方面提醒用户,避免必备品断档。

电商应用购买流程中值得注意的细节设计体验

4.毒-3D预览

详情页点击3D按钮,可以360°旋转看商品实物,还支持放大看细节。

电商应用购买流程中值得注意的细节设计体验

5.蘑菇街-色彩筛选服装

蘑菇街中有一个“色彩控”的功能,把衣服按照颜色进行分类,便于用户快速地根据色彩筛选商品。

电商应用购买流程中值得注意的细节设计体验

6.淘宝-折叠评价

在浏览评价时,系统将参考意义不大的评价折叠收起,让用户可直接查看对购物有帮助的内容,提高用户浏览效率。

电商应用购买流程中值得注意的细节设计体验

7.当当-免费在线试读

当当在购买图书时会有一个免费在线读的功能,用户可以先体验部分章节再下单,比起评论自己的体验会更加真实。类似的还有视屏网站非会员试看6分钟,付费类音频试听2节。

电商应用购买流程中值得注意的细节设计体验

8.淘宝-分类查看评价

在淘宝评论界面,用户可根据具体的颜色、型号大小来筛选不同的评论,针对性的查看特定型号。

电商应用购买流程中值得注意的细节设计体验

9.淘宝-朋友帮我选

“帮我选”功能,用户可以把购物过程中无法决定的多件商品,一起分享给用户,邀请TA帮助选择,是不是选择困难症的福音呢~

电商应用购买流程中值得注意的细节设计体验

10.七鲜-食材详情展示菜谱

食材的详情页有相应的菜谱,考虑用户想吃但不会做的情况,降低用户购买的阻碍。盒马生鲜也有类似功能。

电商应用购买流程中值得注意的细节设计体验

 

购买中

购买中,用户需要快捷方便地输入并掌控订单的相关信息,主要涉及的操作有下单、订单查看等。

1.京东-收货地址二次确认

下滑订单的界面,会在底部再次出现所选的地址,便于用户二次确认。

电商应用购买流程中值得注意的细节设计体验

2.当当-取消订单

当订单信息有误时,点击取消订单,可以改为货到付款,或将商品放入购物车重新下单,帮用户省去重新加入购物车的麻烦,提升用户购买体验。

电商应用购买流程中值得注意的细节设计体验

3.luckin  coffee-订单制作直播

付款后,订单详情页可以查看制作直播,通过监控看到自己购买食物的制作过程,提升了用户的信任,制作流程更加透明化

电商应用购买流程中值得注意的细节设计体验

 

购买后

购买完成后,用户主要会涉及的操作有收获、退货等,我还将对购物车的清理规整也放到了这一流程中。

1.菜鸟裹裹-代取人权限设置

绑定联系人代取件时,可选择“让对方查看包裹和商品信息、只查看物流信息、不让对方看我的包裹”等设置。根据不同的关系设置对应权限,避免用户隐私泄漏的尴尬。。

电商应用购买流程中值得注意的细节设计体验

2.菜鸟裹裹-提取截图地址

截图后,系统会询问是否把地址填充到收件人或寄件人中,方便用户快速录入地址。

电商应用购买流程中值得注意的细节设计体验

3.菜鸟裹裹-一键查看可退货商品

同步淘宝数据,选取要退货的商品后,快速生成退货信息快速下单。

电商应用购买流程中值得注意的细节设计体验

4.京东-购物车设置常购

购物车中的商品可设为常买商品,会固定存在在购物车中,下单后也不会从购物车消失。方便用户对日常消耗品等商品进行重复性购买,同时也会增强用户黏性。

电商应用购买流程中值得注意的细节设计体验

5.淘宝-收藏夹智能清理

当收藏夹商品过多时,点击智能清理,可一键删除已失效或半年以前的商品,帮用户快速清理收藏夹。

电商应用购买流程中值得注意的细节设计体验

 

划重点

以上便是关于电商产品的趣设计汇总,电商产品的核心还是帮助用户下单,整个购买流程的细节优化其实也是围绕方便用户快速下单、退换等。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: