起點(diǎn)課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識關(guān)于“收貨地址”的二三事
文章對各大電商平臺的收貨地址進(jìn)行了系列的對比分析，嘗試歸納出一套體驗(yàn)較好、操作較快，認(rèn)知明確的收貨地址流程。希望能夠本文對你有益。
說到關(guān)于收貨地址的一些操作，想必用戶和電商類的設(shè)計(jì)師都是非常熟悉的了，用戶下單過程中就會進(jìn)行收貨地址選擇，若是想更改收貨地址時就需要進(jìn)行編輯或者新增收貨地址。本著提供更好體驗(yàn)以及設(shè)計(jì)提效的目的，我們從使用場景、操作效率、狀態(tài)認(rèn)知等方面對比分析了各大電商平臺（天貓、京東、網(wǎng)易嚴(yán)選、蘇寧易購、米家有品）的收貨地址選擇、編輯、新增、管理等操作流程以及表現(xiàn)方式，歸納出一套體驗(yàn)較好、操作較快，認(rèn)知明確的收貨地址流程，方便以后設(shè)計(jì)復(fù)用。
訂單確認(rèn)頁的收貨地址如何顯示？
天貓：系統(tǒng)無收貨地址時，會彈窗提示“你的收貨地址為空，是否添加新的收貨地址”，然后在彈窗內(nèi)用“添加”按鈕引導(dǎo)用戶去添加收貨地址；系統(tǒng)有收貨地址時，為用戶自動選中默認(rèn)收貨地址，但無默認(rèn)地址標(biāo)志；
京東：系統(tǒng)無收貨地址時，選擇收貨地址的地方用黑色加大字號“新建收貨地址”提示用戶去新建收貨地址；系統(tǒng)有收貨地址時，為用戶自動選中默認(rèn)收貨地址，且默認(rèn)地址有標(biāo)識出來，讓用戶清楚我們是基于默認(rèn)地址自動為其選中的；
網(wǎng)易嚴(yán)選：系統(tǒng)無收貨地址時，點(diǎn)擊提交訂單后直接進(jìn)入【新建地址】頁面，新建完地址后保存回到【訂單確認(rèn)】頁；系統(tǒng)有收貨地址時，為用戶自動選中默認(rèn)收貨地址，且默認(rèn)地址有標(biāo)識出來；
蘇寧易購：系統(tǒng)無收貨地址時，會彈窗提示“您還沒有收貨地址，先去設(shè)置一下吧”，然后在彈窗內(nèi)用“去設(shè)置”按鈕引導(dǎo)用戶去添加收貨地址（“去設(shè)置”沒有“添加”的指示性明確）；系統(tǒng)有收貨地址時，為用戶自動選中默認(rèn)收貨地址，但無默認(rèn)地址標(biāo)識；
米家有品：系統(tǒng)無收貨地址時，選擇收貨地址的地方用紅色字體“沒有地址信息，請點(diǎn)擊后添加地址”提示用戶去添加收貨地址；系統(tǒng)有收貨地址時，為用戶自動選中默認(rèn)收貨地址，但無默認(rèn)地址標(biāo)識；
分析總結(jié)：
用戶第一次使用APP購物沒有收貨地址時，系統(tǒng)應(yīng)積極引導(dǎo)用戶去新增地址，促進(jìn)下單。京東、米家在選擇收貨地址處用文字提示，對用戶的提示和促進(jìn)作用不夠強(qiáng)烈；網(wǎng)易嚴(yán)選是從購買直接跳轉(zhuǎn)至新增收貨地址頁面，這樣的跳轉(zhuǎn)給用戶有種突兀的感覺；天貓和蘇寧則是在訂單頁面用彈窗的形式告知用戶暫無收貨地址，且彈窗有按鈕引導(dǎo)用戶去新增地址，這樣既沒有直接跳轉(zhuǎn)那么突兀，而且提示的力度也恰如其分。
收貨地址列表頁
天貓：
京東：
網(wǎng)易嚴(yán)選：
蘇寧易購：
米家有品：
分析總結(jié)：
進(jìn)入到此頁面，大多數(shù)情況說明用戶想更改自己的收貨地址：可能是給親朋好友臨時買個東西；可能是自己的常用住址或者個人信息發(fā)生了變化。針對這兩種場景，需要讓用戶新增收貨地址或者編輯現(xiàn)有收貨地址；在新增或編輯的時候提供“設(shè)為默認(rèn)”的功能，方便用戶對地址的屬性進(jìn)行定義，就無需到【管理收貨地址】頁去設(shè)置，這樣縮短了用戶的操作路徑，提升了用戶體驗(yàn)。
另外，標(biāo)記出當(dāng)前所選地址和默認(rèn)地址有助于用戶快速做出選擇；其次，京東左滑后可設(shè)為默認(rèn)地址、蘇寧左滑后刪除單條收貨地址的操作與點(diǎn)擊收貨地址將其選為訂單確認(rèn)頁的收貨地址的操作之間容易誤觸，而后者的優(yōu)先級高，故建議不支持左滑后設(shè)為默認(rèn)和刪除的操作；最后，將默認(rèn)地址置頂顯示，其他地址依次按新建時間由近及遠(yuǎn)排列，符合現(xiàn)有市場用戶的認(rèn)知習(xí)慣。
新增/編輯收貨地址
天貓：
京東：
網(wǎng)易嚴(yán)選：
蘇寧易購：
米家有品：
分析總結(jié)：
新增或編輯收貨地址時，有“設(shè)為默認(rèn)”選項(xiàng)能夠方便用戶對地址屬性的設(shè)定，增加用戶以后下單選地址的便捷性，同時提供收貨人信息的快捷選取入口，提高填寫收貨人信息的效率；從【選擇收貨地址】新增或編輯地址時，完成后用戶是想使用此地址進(jìn)行下單的，所以在完成新增或編輯后應(yīng)該給用戶“保存并使用”的選擇，減少用戶回到訂單確認(rèn)頁的操作步驟，從【管理收貨地址】新增或編輯收貨地址時，用戶下一步操作意圖不明顯，所以新增或編輯后，給用戶“保存”按鈕，回到【管理收貨地址】讓用戶自行其他操作；編輯狀態(tài)下包含刪除操作，可以方便用戶操。
管理收貨地址
天貓：
京東：
網(wǎng)易嚴(yán)選：
蘇寧易購：
米家有品：
分析總結(jié)：
作為專門管理收貨地址的頁面，那么增、刪、改、查功能都得具備。而且為了縮短用戶使用路徑，在頁面空間允許的情況下，可以將“設(shè)為默認(rèn)”、“編輯”、“刪除”全部展現(xiàn)出來；另外，用戶操作后是越快有反饋體驗(yàn)會越好，所以，將某個地址設(shè)為默認(rèn)后，應(yīng)該在本頁面立即刷新，將此地址置頂顯示，同時，打上默認(rèn)的標(biāo)記，給用戶明確的狀態(tài)反饋。
通過以上的分析總結(jié)，歸納出以下一套體驗(yàn)較好、操作較快，認(rèn)知明確的通用收貨地址流程，當(dāng)然，大家可以根據(jù)自己業(yè)務(wù)需求進(jìn)行定制化設(shè)計(jì)，希望以下流程對大家有用。
作者：潘達(dá)，個人公眾號：潘達(dá)設(shè)計(jì)小站，歡迎勾搭
本文由 @潘達(dá) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自PEXELS，基于CC0協(xié)議
樓主，最后一張圖有沒有清晰一點(diǎn)的？ ??
有的，關(guān)注公眾號 “潘達(dá)設(shè)計(jì)小站” 私信我即可獲得最后一張圖的rp原型
是的呢，打磨細(xì)節(jié)真的很需要時間
為什么收貨地址管理頁面不做批量刪除操作呢？
emmmm，我覺得你這個提議非常棒
收貨地址刪除是一個低頻操作，不需要做批量功能。綜合考慮頁面的簡潔，砍掉批量功能更好。
?? 分析的蠻細(xì)，最基礎(chǔ)的其實(shí)是最難的
選擇收貨地址和管理收貨地址是否可以合二為一
是應(yīng)該分開處理。同時地址的要考慮有效性，地址的有效性會變化，有效的地址因?yàn)閿?shù)據(jù)補(bǔ)全、配送范圍等原因可能會變無效。
簡單來說，不合二為一的原因是兩個頁面的使用場景不一樣，所以在頁面上展示的信息應(yīng)該有所區(qū)別 ??