大廠實戰案例!淘寶APP購物體驗設計優化復盤

一、購買環節多,操作多

伴隨業務發展和用戶訴求愈發豐富,購買過程承載了越來越多的內容,包括物流售后以及工具本身等。在逐年累積的過程中購買路徑開始變得繁復。

大廠實戰案例!淘寶APP購物體驗設計優化復盤

和我們在商場里買東西帶去收銀臺付款的簡單流程不同,淘寶的購買過程往往伴隨著許多主要流程和分支環節,體感上并不簡單。然而“買”就一個字,為什么要確認很多次呢?

大廠實戰案例!淘寶APP購物體驗設計優化復盤

因此有必要以用戶視角重新審視購買結算的“信息結構”與“瀏覽動線”。

二、用戶視角簡化購買方式

作為體驗設計通過信息處理,優化表達,以及更輕量直觀的交互,來降低產品的復雜性,減少用戶的操作成本。讓用戶在淘寶看得清楚,買得明白。

1. 聚合決策信息,一屏看完想看的

回歸購物常識,分場景重新整合信息,將最影響購買決策的信息高效呈現。這樣不僅能讓用戶快速看到關鍵信息,同時也能提升展示效率。

案例 1:購物車以商品營銷狀態作為聚合維度,可以方便用戶查看商品和進行大促湊單挑選。

大廠實戰案例!淘寶APP購物體驗設計優化復盤

信息框架整合案例:購物車結構優化,圖片等信息來自淘寶

案例 2:確認訂單頁用相同的思路,以核心結算信息作為聚合維度,突出重點內容,優化瀏覽體驗。

大廠實戰案例!淘寶APP購物體驗設計優化復盤

信息框架整合案例:確認訂單升級,圖片等信息來自淘寶

2. 合并重復環節,快捷下單想買的

購買流程中應當避免信息重復出現和表達不一致的問題。因此合并重復環節,是減少購買漏斗的有效手段。

案例 1:在用戶產生購買意愿時,款式的選擇、信息的確認以及價格的明細都只需要查看一次。通過簡化單品購買的流程,讓購買下單的體驗更順暢。

大廠實戰案例!淘寶APP購物體驗設計優化復盤

購買動線簡化,圖片等信息來自淘寶

3. 簡化繁復操作,批量任務一鍵完成

用戶在購買過程中的湊單、清理和查價操作是相對高頻和復雜的,針對不同場景主動識別用戶意圖,幫助用戶快速完成繁復操作。

案例 1:當購物車加購較多商品時,引導用戶一鍵清理老舊商品,為購物車減負騰出更多空間。

大廠實戰案例!淘寶APP購物體驗設計優化復盤

批量商品快捷清理案例,圖片等信息來自淘寶

案例 2:大促下單還差臨門一腳時,借助算法能力主動推薦給用戶最適合的商品,讓用戶花剛好的錢享受到當下的優惠:

大廠實戰案例!淘寶APP購物體驗設計優化復盤

購物車一鍵湊單案例,圖片等信息來自淘寶

案例 3:擔心自己買貴時,一鍵價保幫助用戶查詢近期購買商品的差價,價保成功后無需逐個申請就能自動到賬。

大廠實戰案例!淘寶APP購物體驗設計優化復盤

一鍵價保案例,圖片等信息來自淘寶

案例 4:收貨商品太多需要確認時,支持用戶一鍵完成全部確認,無需重復操作。

大廠實戰案例!淘寶APP購物體驗設計優化復盤

批量商品一鍵快捷確認收貨案例,圖片等信息來自淘寶

4. 手勢輔助操作,減少操作成本

搭配快捷手勢等自然交互,在常規操作的基礎上為用戶提供更簡化的路徑,幫助快捷地達到目的。

案例 1:新增地址時,除了常規表單填寫,通過地圖 LBS 的定位聯動,支持用戶通過手勢調整精準定位,點選即可完成地址輸入。

大廠實戰案例!淘寶APP購物體驗設計優化復盤

新增地址框架重構,圖片等信息來自淘寶

案例 2:管理購物車商品時,通過長按拖拽改變商品順序或合成一組,方便后續購買。

大廠實戰案例!淘寶APP購物體驗設計優化復盤

購物車管理快捷模式案例,圖片等信息來自淘寶

最后

以用戶視角關注體驗本身化繁為簡不是一蹴而就的,卻是我們一直努力的方向。未來除了核心環節的簡化,在各分支環節的也會持續關注。

歡迎關注「淘寶設計」公眾號:

大廠實戰案例!淘寶APP購物體驗設計優化復盤

收藏 92
點贊 48

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。