文章對(duì)各大電商平臺(tái)的收貨地址進(jìn)行了系列的對(duì)比分析，嘗試歸納出一套體驗(yàn)較好、操作較快，認(rèn)知明確的收貨地址流程。希望能夠本文對(duì)你有益。

說到關(guān)于收貨地址的一些操作，想必用戶和電商類的設(shè)計(jì)師都是非常熟悉的了，用戶下單過程中就會(huì)進(jìn)行收貨地址選擇，若是想更改收貨地址時(shí)就需要進(jìn)行編輯或者新增收貨地址。本著提供更好體驗(yàn)以及設(shè)計(jì)提效的目的，我們從使用場(chǎng)景、操作效率、狀態(tài)認(rèn)知等方面對(duì)比分析了各大電商平臺(tái)（天貓、京東、網(wǎng)易嚴(yán)選、蘇寧易購、米家有品）的收貨地址選擇、編輯、新增、管理等操作流程以及表現(xiàn)方式，歸納出一套體驗(yàn)較好、操作較快，認(rèn)知明確的收貨地址流程，方便以后設(shè)計(jì)復(fù)用。

訂單確認(rèn)頁的收貨地址如何顯示？

天貓：系統(tǒng)無收貨地址時(shí)，會(huì)彈窗提示“你的收貨地址為空，是否添加新的收貨地址”，然后在彈窗內(nèi)用“添加”按鈕引導(dǎo)用戶去添加收貨地址；系統(tǒng)有收貨地址時(shí)，為用戶自動(dòng)選中默認(rèn)收貨地址，但無默認(rèn)地址標(biāo)志；

京東：系統(tǒng)無收貨地址時(shí)，選擇收貨地址的地方用黑色加大字號(hào)“新建收貨地址”提示用戶去新建收貨地址；系統(tǒng)有收貨地址時(shí)，為用戶自動(dòng)選中默認(rèn)收貨地址，且默認(rèn)地址有標(biāo)識(shí)出來，讓用戶清楚我們是基于默認(rèn)地址自動(dòng)為其選中的；

網(wǎng)易嚴(yán)選：系統(tǒng)無收貨地址時(shí)，點(diǎn)擊提交訂單后直接進(jìn)入【新建地址】頁面，新建完地址后保存回到【訂單確認(rèn)】頁；系統(tǒng)有收貨地址時(shí)，為用戶自動(dòng)選中默認(rèn)收貨地址，且默認(rèn)地址有標(biāo)識(shí)出來；

蘇寧易購：系統(tǒng)無收貨地址時(shí)，會(huì)彈窗提示“您還沒有收貨地址，先去設(shè)置一下吧”，然后在彈窗內(nèi)用“去設(shè)置”按鈕引導(dǎo)用戶去添加收貨地址（“去設(shè)置”沒有“添加”的指示性明確）；系統(tǒng)有收貨地址時(shí)，為用戶自動(dòng)選中默認(rèn)收貨地址，但無默認(rèn)地址標(biāo)識(shí)；

米家有品：系統(tǒng)無收貨地址時(shí)，選擇收貨地址的地方用紅色字體“沒有地址信息，請(qǐng)點(diǎn)擊后添加地址”提示用戶去添加收貨地址；系統(tǒng)有收貨地址時(shí)，為用戶自動(dòng)選中默認(rèn)收貨地址，但無默認(rèn)地址標(biāo)識(shí)；

分析總結(jié)：

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

收貨地址列表頁

天貓：

京東：

網(wǎng)易嚴(yán)選：

蘇寧易購：

米家有品：

分析總結(jié)：

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

另外，標(biāo)記出當(dāng)前所選地址和默認(rèn)地址有助于用戶快速做出選擇；其次，京東左滑后可設(shè)為默認(rèn)地址、蘇寧左滑后刪除單條收貨地址的操作與點(diǎn)擊收貨地址將其選為訂單確認(rèn)頁的收貨地址的操作之間容易誤觸，而后者的優(yōu)先級(jí)高，故建議不支持左滑后設(shè)為默認(rèn)和刪除的操作；最后，將默認(rèn)地址置頂顯示，其他地址依次按新建時(shí)間由近及遠(yuǎn)排列，符合現(xiàn)有市場(chǎng)用戶的認(rèn)知習(xí)慣。

新增/編輯收貨地址

天貓：

京東：

網(wǎng)易嚴(yán)選：

蘇寧易購：

米家有品：

分析總結(jié)：

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

管理收貨地址

天貓：

京東：

網(wǎng)易嚴(yán)選：

蘇寧易購：

米家有品：

分析總結(jié)：

作為專門管理收貨地址的頁面，那么增、刪、改、查功能都得具備。而且為了縮短用戶使用路徑，在頁面空間允許的情況下，可以將“設(shè)為默認(rèn)”、“編輯”、“刪除”全部展現(xiàn)出來；另外，用戶操作后是越快有反饋體驗(yàn)會(huì)越好，所以，將某個(gè)地址設(shè)為默認(rèn)后，應(yīng)該在本頁面立即刷新，將此地址置頂顯示，同時(shí)，打上默認(rèn)的標(biāo)記，給用戶明確的狀態(tài)反饋。

通過以上的分析總結(jié)，歸納出以下一套體驗(yàn)較好、操作較快，認(rèn)知明確的通用收貨地址流程，當(dāng)然，大家可以根據(jù)自己業(yè)務(wù)需求進(jìn)行定制化設(shè)計(jì)，希望以下流程對(duì)大家有用。

作者：潘達(dá)，個(gè)人公眾號(hào)：潘達(dá)設(shè)計(jì)小站，歡迎勾搭

本文由 @潘達(dá) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自PEXELS，基于CC0協(xié)議