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

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
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有