本文作者分享了新用戶下單過程中，詳情頁、購物車、結算頁容易忽視的細節問題，並給出了明確的解決方案。enjoy~
1. 場景
我們假設一個新用戶，剛來到產品，沒有註冊登錄過，簡化的流程如圖8-1所示：
圖8-1 新用戶下單流程圖
2. 詳情頁
2.1 參數選擇不獨立
如圖8-2，參數選擇的邏輯是，先選擇顏色，切換顏色後，列出當前顏色下的內存，也就是按照從上到下的順序依次選擇，如果有的用戶要先選擇內存再選擇顏色，但是目前情況下，所有的內存選項並沒有全部列出來。
如圖8-3可以看到，所有顏色和版本的參數，是全部展示出來的，用戶可以通過顏色找版本，也可以通過版本找顏色。
2.2 切換顏色不能直接看到效果圖
如圖8-4可以看到，即使參數部分只保留顏色，圖片部分很多時候顯示並不完整，這個時候用戶的操作是，切換下顏色，然後把頁面拉到頂部，才能看到完整的圖片，再切換下顏色，再拉到頂部，如此循環。
如圖8-5通過選項卡的方式，看上去好像解決了上述問題，切換顏色選項後，縮略圖隨即切換，但是縮略圖卻都無法點擊。
如圖8-6切換顏色後可以看到效果圖，點擊縮略圖又可以看到大圖。
2.3 加入購物車提示不明顯
圖8-7第1個圖，使用的是系統默認的toast提示樣式，第2個圖就明顯很多，所以提示的強度需要根據重要性來區分，比如加入購物車、註冊的錯誤提示等， 這種比較重要的，用圖2的強提示，而有些比如清除緩存成功、版本升級成功，可以使用圖1的弱提示。
3. 購物車
3.1 未登錄不能加入購物車
從圖8-8可以看到，加入購物車的時候到底需不需要登錄，行業內並不一致。加入購物車登錄的好處是方便數據統計，加購的時候很容易統計到具體是哪個用戶操作的，另外跟現實世界不同的是，購物車還承載著部分營銷功能，比如關聯推薦等，如果是針對會員等級的推薦，不登錄就不容易識別。
但是以上講的用戶識別問題，技術上並不是不可以解決的，只是麻煩一點而已，比如通過cookie等方式可以給未登錄的用戶做好標記，等用戶登錄以後，再把標記用戶與登錄用戶做關聯，只是需要定期更新，有一定的準確率問題。另外從轉化率的角度來說，把登錄註冊的操作越放後越有利於轉化率提升。所以從短期來看，加入購物車的時候登錄有利，從長期來看，放在結算之後更有利。
圖8-8 未登錄不能加入購物車
3.3 註冊登錄後先別急著結算
圖8-10第1張圖是登錄前，購物車有1個商品，第2張圖是登錄後，直接跳轉到了結算頁，還是1個商品，但其實，在之前已經登錄的情況下，購物車裡還有3個商品。那麼這裡在登錄後，應該把登錄前購物車的商品，和登錄後購物車的商品做個合併，登錄後還是停留在購物車頁面，給用戶確認後，再進入結算頁。明明可以多賣出去3個商品，結果因為太急損失掉了。
4. 結算頁
4.1 添加地址提示不明顯
用戶是在非常匆忙的情況下使用我們的產品的，如圖8-11，如果用戶沒留意，會先把頁面拉到最下面，或者直接點擊付款，才發現沒添加地址，所以可以把添加地址的部分設計的更明顯，甚至可以在剛進入結算頁之後，就彈出提示。
4.2 新增地址操作複雜
如圖8-12第1張圖，新增地址的操作如果全部手動輸入，操作很不方便，至少可以從兩方面來簡化，一個是匹配通訊錄，當要添加的用戶信息在通訊錄中有保存，可以把通訊錄中聯繫人的名字、電話在收貨地址中做自動填充。另一方面可以調用第三方的地圖接口，如8-12第2張圖，通過定位自動推薦附近地址，用戶根據推薦直接選擇，只做簡單修改即可。
5. 總結
本文分享了新用戶下單過程中，詳情頁、購物車、結算頁容易忽視的細節問題，並給出了明確的解決方案。
題圖來自 Pixabay，基於 CC0 協議
閱讀更多 人人都是產品經理 的文章
