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

1.场景

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

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

2.详情页

2.1 参数选择不独立

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

图8-2 参数选择不独立（图片来源： 360 商城）

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

图8-3 参数选择独立（图片来源：京东商城）

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

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

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