文章對各大電商平台的收貨地址進行了系列的對比分析，嘗試歸納出一套體驗較好、操作較快，認知明确的收貨地址流程。希望能夠本文對你有益。

說到關于收貨地址的一些操作，想必用戶和電商類的設計師都是非常熟悉的了，用戶下單過程中就會進行收貨地址選擇，若是想更改收貨地址時就需要進行編輯或者新增收貨地址。本着提供更好體驗以及設計提效的目的，我們從使用場景、操作效率、狀态認知等方面對比分析了各大電商平台（天貓、京東、網易嚴選、蘇甯易購、米家有品）的收貨地址選擇、編輯、新增、管理等操作流程以及表現方式，歸納出一套體驗較好、操作較快，認知明确的收貨地址流程，方便以後設計複用。

訂單确認頁的收貨地址如何顯示？

天貓：系統無收貨地址時，會彈窗提示“你的收貨地址為空，是否添加新的收貨地址”，然後在彈窗内用“添加”按鈕引導用戶去添加收貨地址；系統有收貨地址時，為用戶自動選中默認收貨地址，但無默認地址标志；

京東：系統無收貨地址時，選擇收貨地址的地方用黑色加大字号“新建收貨地址”提示用戶去新建收貨地址；系統有收貨地址時，為用戶自動選中默認收貨地址，且默認地址有标識出來，讓用戶清楚我們是基于默認地址自動為其選中的；

網易嚴選：系統無收貨地址時，點擊提交訂單後直接進入【新建地址】頁面，新建完地址後保存回到【訂單确認】頁；系統有收貨地址時，為用戶自動選中默認收貨地址，且默認地址有标識出來；

蘇甯易購：系統無收貨地址時，會彈窗提示“您還沒有收貨地址，先去設置一下吧”，然後在彈窗内用“去設置”按鈕引導用戶去添加收貨地址（“去設置”沒有“添加”的指示性明确）；系統有收貨地址時，為用戶自動選中默認收貨地址，但無默認地址标識；

米家有品：系統無收貨地址時，選擇收貨地址的地方用紅色字體“沒有地址信息，請點擊後添加地址”提示用戶去添加收貨地址；系統有收貨地址時，為用戶自動選中默認收貨地址，但無默認地址标識；

分析總結：

用戶第一次使用APP購物沒有收貨地址時，系統應積極引導用戶去新增地址，促進下單。京東、米家在選擇收貨地址處用文字提示，對用戶的提示和促進作用不夠強烈；網易嚴選是從購買直接跳轉至新增收貨地址頁面，這樣的跳轉給用戶有種突兀的感覺；天貓和蘇甯則是在訂單頁面用彈窗的形式告知用戶暫無收貨地址，且彈窗有按鈕引導用戶去新增地址，這樣既沒有直接跳轉那麼突兀，而且提示的力度也恰如其分。

收貨地址列表頁

天貓：

京東：

網易嚴選：

蘇甯易購：

米家有品：

分析總結：

進入到此頁面，大多數情況說明用戶想更改自己的收貨地址：可能是給親朋好友臨時買個東西；可能是自己的常用住址或者個人信息發生了變化。針對這兩種場景，需要讓用戶新增收貨地址或者編輯現有收貨地址；在新增或編輯的時候提供“設為默認”的功能，方便用戶對地址的屬性進行定義，就無需到【管理收貨地址】頁去設置，這樣縮短了用戶的操作路徑，提升了用戶體驗。

另外，标記出當前所選地址和默認地址有助于用戶快速做出選擇；其次，京東左滑後可設為默認地址、蘇甯左滑後删除單條收貨地址的操作與點擊收貨地址将其選為訂單确認頁的收貨地址的操作之間容易誤觸，而後者的優先級高，故建議不支持左滑後設為默認和删除的操作；最後，将默認地址置頂顯示，其他地址依次按新建時間由近及遠排列，符合現有市場用戶的認知習慣。

新增/編輯收貨地址

天貓：

京東：

網易嚴選：

蘇甯易購：

米家有品：

分析總結：

新增或編輯收貨地址時，有“設為默認”選項能夠方便用戶對地址屬性的設定，增加用戶以後下單選地址的便捷性，同時提供收貨人信息的快捷選取入口，提高填寫收貨人信息的效率；從【選擇收貨地址】新增或編輯地址時，完成後用戶是想使用此地址進行下單的，所以在完成新增或編輯後應該給用戶“保存并使用”的選擇，減少用戶回到訂單确認頁的操作步驟，從【管理收貨地址】新增或編輯收貨地址時，用戶下一步操作意圖不明顯，所以新增或編輯後，給用戶“保存”按鈕，回到【管理收貨地址】讓用戶自行其他操作；編輯狀态下包含删除操作，可以方便用戶操。

管理收貨地址

天貓：

京東：

網易嚴選：

蘇甯易購：

米家有品：

分析總結：

作為專門管理收貨地址的頁面，那麼增、删、改、查功能都得具備。而且為了縮短用戶使用路徑，在頁面空間允許的情況下，可以将“設為默認”、“編輯”、“删除”全部展現出來；另外，用戶操作後是越快有反饋體驗會越好，所以，将某個地址設為默認後，應該在本頁面立即刷新，将此地址置頂顯示，同時，打上默認的标記，給用戶明确的狀态反饋。

通過以上的分析總結，歸納出以下一套體驗較好、操作較快，認知明确的通用收貨地址流程，當然，大家可以根據自己業務需求進行定制化設計，希望以下流程對大家有用。

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

題圖來自PEXELS，基于CC0協議

,

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

查看全部