本文作者分享了新用戶下單過程中，詳情頁、購物車、結算頁容易忽視的細節問題，并給出了明确的解決方案。enjoy~

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商城&天貓）

3.3 注冊登錄後先别急着結算

圖8-10第1張圖是登錄前，購物車有1個商品，第2張圖是登錄後，直接跳轉到了結算頁，還是1個商品，但其實，在之前已經登錄的情況下，購物車裡還有3個商品。那麼這裡在登錄後，應該把登錄前購物車的商品，和登錄後購物車的商品做個合并，登錄後還是停留在購物車頁面，給用戶确認後，再進入結算頁。明明可以多賣出去3個商品，結果因為太急損失掉了。

圖8-10 注冊登錄後先别急着結算（圖片來源：華為商城）

4. 結算頁

4.1 添加地址提示不明顯

用戶是在非常匆忙的情況下使用我們的産品的，如圖8-11，如果用戶沒留意，會先把頁面拉到最下面，或者直接點擊付款，才發現沒添加地址，所以可以把添加地址的部分設計的更明顯，甚至可以在剛進入結算頁之後，就彈出提示。

圖8-11 添加地址提示不明顯（圖片來源：小米商城）

4.2 新增地址操作複雜

如圖8-12第1張圖，新增地址的操作如果全部手動輸入，操作很不方便，至少可以從兩方面來簡化，一個是匹配通訊錄，當要添加的用戶信息在通訊錄中有保存，可以把通訊錄中聯系人的名字、電話在收貨地址中做自動填充。另一方面可以調用第三方的地圖接口，如8-12第2張圖，通過定位自動推薦附近地址，用戶根據推薦直接選擇，隻做簡單修改即可。

圖8-12 新增地址操作複雜（圖片來源：天貓&小米商城）

5. 總結

本文分享了新用戶下單過程中，詳情頁、購物車、結算頁容易忽視的細節問題，并給出了明确的解決方案。

作者：張旭東（旭東愛折騰），努比亞手機商城産品經理，前華強旗艦店産品經理，FON樂隊吉他手。

本文由 @張旭東 原創發布于人人都是産品經理。未經許可，禁止轉載。

題圖來自 Pixabay，基于 CC0 協議

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部