新用户下单,详情页、购物车、结算页容易忽视的…

2018-06-23 13:14:46来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

1. 场景

我们假设一个新用户,刚来到产品,没有注册登录过,简化的流程如图8- 1 所示:

图8-1 新用户下单流程图

2. 详情页

2.1 参数选择不独立

如图8-2,参数选择的逻辑是,先选择颜色,切换颜色后,列出当前颜色下的内存,也就是按照从上到下的顺序依次选择,如果有的用户要先选择内存再选择颜色,但是目前情况下,所有的内存选项并没有全部列出来。

图8-2 参数选择不独立(图片来源: 360 商城)

如图8- 3 可以看到,所有颜色和版本的参数,是全部展示出来的,用户可以通过颜色找版本,也可以通过版本找颜色。

图8-3 参数选择独立(图片来源:京东商城)

2.2 切换颜色不能直接看到效果图

如图8- 4 可以看到,即使参数部分只保留颜色,图片部分很多时候显示并不完整,这个时候用户的操作是,切换下颜色,然后把页面拉到顶部,才能看到完整的图片,再切换下颜色,再拉到顶部,如此循环。

图8-4 切换颜色看不到完整效果图(图片来源:华为商城& 360 商城)

如图8- 5 通过选项卡的方式,看上去好像解决了上述问题,切换颜色选项后,缩略图随即切换,但是缩略图却都无法点击。

图8-5 切换颜色可以看到效果图(图片来源:小米商城&魅族商城)

如图8- 6 切换颜色后可以看到效果图,点击缩略图又可以看到大图。

图8-6 切换颜色可以看到效果图(图片来源:京东商城)

2.3 加入购物车提示不明显

图8- 7 第 1 个图,使用的是系统默认的toast提示样式,第 2 个图就明显很多,所以提示的强度需要根据重要性来区分,比如加入购物车、注册的错误提示等, 这种比较重要的,用图 2 的强提示,而有些比如清除缓存成功、版本升级成功,可以使用图 1 的弱提示。

图8-7 加入购物车提示不明显(图片来源:华为商城&小米商城)

3. 购物车

3.1 未登录不能加入购物车

从图8- 8 可以看到,加入购物车的时候到底需不需要登录,行业内并不一致。加入购物车登录的好处是方便数据统计,加购的时候很容易统计到具体是哪个用户操作的,另外跟现实世界不同的是,购物车还承载着部分营销功能,比如关联推荐等,如果是针对会员等级的推荐,不登录就不容易识别。

但是以上讲的用户识别问题,技术上并不是不可以解决的,只是麻烦一点而已,比如通过cookie等方式可以给未登录的用户做好标记,等用户登录以后,再把标记用户与登录用户做关联,只是需要定期更新,有一定的准确率问题。另外从转化率的角度来说,把登录注册的操作越放后越有利于转化率提升。所以从短期来看,加入购物车的时候登录有利,从长期来看,放在结算之后更有利。

图8-8 未登录不能加入购物车

3.2 购物车商品不能直接编辑

图8- 9 第 1 张图可以看到,要编辑商品,要先点击右上角的编辑按钮,再选中要编辑的商品,才能操作,而第 2 张图,长按商品可以直接编辑,并且可以在购物车修改颜色、规格等选项。

图8-9 购物车商品不能直接编辑(图片来源: 360 商城&天猫)

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:平面基础小课堂!聊聊排版中的版面率和留白率平面基础小课堂!聊

下一篇:网页设计有难题?12款网页设计模板给你灵感! 网页设计有难题?1