關于亞馬遜與京東物流信息展示的產品分析|我的書郵到哪里了?
盡管亞馬遜APP在一些細節處理上存在瑕疵,但確實給我們提供了另外一種電商產品的設計思路,在同類產品趨同化的今天,是一股清流。
臨近年關,訂了一個小目標,假期看完三本書。在京東、當當和亞馬遜反復挑選,選擇了在亞馬遜購買(只是因為更劃算)?!耙粩S百金”本身就是很爽的一件事,而更爽的事,是購物之后,查看物流信息時,我發現亞馬遜在這方面的產品邏輯與幾個常用的電商網站存在明顯的區別,仔細分析思考,遂成此文。
下面直接截圖,展示亞馬遜APP中,查詢物流信息的頁面流程。
“我的”頁面
點擊底部Tab“我的”,這個界面還算清晰,分為六個主要部分:“訂單”、“我的錢包”、“我的亞馬遜”、“聯系我們”、“賬戶設置”和 ”更換國家“,但是經過數次操作,發現存在一些困惑點,總結為以下幾點:
1.文本標簽與按鈕的區別不明顯,且樣式規則不統一,很容易造成用戶認知混亂,體現在如下三個地方:
- 四個加粗的標題中,“訂單”、“我的亞馬遜”和“聯系我們”是文本標簽,而“我的錢包”是按鈕,與“退款記錄、管理支付方式”同一指向。(可能有些同學注意到“我的錢包”一欄的上下留白明顯更寬,但是這樣考驗用戶真的合適?)
- “退款記錄、管理支付方式”與“賬戶余額及充值”都為“我的錢吧”欄目下的功能按鈕,然而樣式和位置不一致;
- “賬戶設置”、“更換國家”在各自欄目中的位置是標簽位,應都為欄目標簽,然而與“訂單”等標簽存在樣式差別。
2. 部分文案話術與后置頁面相關度不高,存在文案話術不準確的問題。這點是承接上一點的,“我的錢包”既為欄目標題又為按鈕,則其指向應為整個欄目內容,而不應與“退款記錄、管理支付方式”一致。
3. 按鈕制作粗糙。這點體現在按鈕之間空白處亦可點擊,比如“我的訂單”左側空白可以點擊,指向與“我的訂單”一致,“我的訂單”與“評論已購商品”之間空白的指向為“我的訂單”或“評論已購商品”的指向,指向兩者的具體界限未明晰。
“我的訂單”頁面
三本書是在一個訂單購買且同時支付的,然而卻分開展示。初看時,還以為三本書是分別從三個貨倉(快遞)發貨,之后發現貨倉相同時,覺得自己好蠢。
這頁的困惑點有兩個:
- 頁面命名為“我的訂單”,然而卻分商品展示,和不命名為“我的商品”?
- 分商品展示,存在認知障礙,以本次網購為例,三本書分開展示,是同一個訂單還是三個訂單?是同一個貨倉(快遞)發貨還是多個貨倉發貨?
“追蹤商品”頁面
點擊商品下方的定性配送信息或者“追蹤商品”,來到了上圖所示頁面。
這個頁面的主要信息分為四部分:定性的物流進程展示、“獲取最新信息”按鈕、配送信息及“查看追蹤詳情”按鈕、“查看訂單詳情”按鈕。這個頁面亦存在一些困惑點:
- 這里存在一個認知障礙的問題:頁面上側展示了三本書,但是無法判斷是同一訂單的商品還是相同貨倉的商品,這點是由“我的訂單”頁面下商品分開展示,所引發的連鎖困惑(未找到有效例證,希望能同大家討論);
- 頁面排列問題。對于5寸的手機(小米5S),頁面要下滑一定距離才能看到“查看追蹤詳情”按鈕和“查看訂單詳情”按鈕,以我的角度思考,“查看追蹤詳情”與“追蹤商品”的邏輯關聯度更高,優先級應高于“獲取最新信息 ”,相應地,在頁面的信息展示中,位置應置于“獲取最新信息”上側,而不是上圖所示。PS:我認為,亞馬遜的PM如此排列的理由可能是:已經展示了定性的物流信息,所以用戶對于物流詳情的需求不高,相應地,按鈕置于下側。(對于這點,希望大家多多提出想法,多多討論。)
“查看追蹤詳情”頁面
終于可以看到物流詳情了,好像完成了一件大事!
“查看訂單詳情”頁面
在“我的訂單”和“追蹤商品”頁面都提供了“查看訂單詳情”頁的入口,在這個頁面中,將定性的物流進程展示在較上側。這個頁面還提供了“追蹤貨件”按鈕,其后置頁面是“追蹤商品”頁面。
這里存在一個困惑點:既然“追蹤貨件”按鈕的后置頁面是“追蹤商品”頁面,那么為何不將按鈕命名為“追蹤商品”呢?(關于這點同樣希望和各位多多交流。)
任務流程圖
綜上,以查看訂單的物流信息為目標,畫出任務流程圖如下:
由上圖可以看到,如果想看到詳細的物流信息,至少要經過四個步驟,這個操作成本還是比較高的。
PS:上圖所有方框中內容皆表示功能按鈕,而不是頁面名稱。
與京東/當當/淘寶的比較
京東/當當/淘寶的查看物流的任務流程圖如下:
京東、當當和淘寶的查看物流的任務流程相同,下面以京東為例進行比較。
由兩個流程圖的對比,可以看到京東和亞馬遜關于物流信息展示的產品邏輯和設計思路是完全不同的。
- 京東的產品邏輯使先總體再局部,先展示整個訂單,然后再展示物流信息;亞馬遜的產品邏輯是先局部再總體,將訂單中的每個商品都獨自列為一格,分開展示。
- 京東的設計思路是查看物流信息只有一個入口,集中展示,且物流信息的展示由用戶自行點擊“查看物流”按鈕觸發;亞馬遜的設計思路是,在與訂單相關的所有頁面,都有物流信息的展示,只不過物流信息的展示逐層進行,只在一個頁面展示物流詳情,其他頁面只是定性展示物流信息(物流概要)。
- 京東沒有對物流信息進行分層處理,對所有用戶“一視同仁”,所有用戶看到的物流信息類型都是相同的,即都為物流詳情;亞馬遜明顯是更關注那些不太在意物流詳情的用戶的需求,更多入口、更直觀地展示商品到達時間,幫助這部分用戶減少思考成本,而對關注物流詳情的用戶(比如較真的我),就不太在意了,詳情入口藏得更深,需要用戶自己去尋找入口和路徑。
兩種產品邏輯各有優劣:京東的查看物流的產品邏輯為單線程,簡單清晰,但缺少頁面之間的關聯和流轉;亞馬遜的邏輯復雜,查看物流詳情的入口藏得較深,但相關頁面之間流轉順暢,形成了很好的閉環。
京東的展示方式單一,但足夠清晰;亞馬遜將物流信息分層處理的背后,是對用戶需求的充分分析以及分級別滿足。
值得一提的是,多頁面分層次展示,亞馬遜APP不僅僅應用在查看物流信息上,也應用在了推薦商品上面,由APP截圖中能看出,在與訂單相關的幾乎每個頁面上,都有推薦位,盡管多頁面展示對于某些需求的滿足增加了操作步驟,但也增加了商品展示的場景,這不失為一個優點。
盡管亞馬遜APP在一些細節處理上存在瑕疵,且“我的訂單”頁面下分商品展示的方式,可能存在認知障礙的問題。但不可否認,亞馬遜APP確實給我們提供了另外一種電商產品的設計思路,在同類產品趨同化的今天,是一股清流。
亞馬遜的PM確實思考了很多,對展示物流信息這個并沒有過多人(用戶 and 電商PM)關注的功能,用了這么多心思,足見其PM的思考和能力,不隨波逐流、有自己的分析和思考,這點確實很值得我們學習。
本文由 @李小新(微信號LeeJX12138) 原創發布于人人都是產品經理。未經許可,禁止轉載。
單單從一個用戶的角度去分析,京東是優于亞馬遜的,人具有懶惰的天性,APP的操作越簡單、越清晰,就越容易得到用戶的喜愛。
先總體后局部,這樣的流程更清晰也就更能讓人接受。
對于作者說的亞馬遜APP的設計思路是一股清流,我覺得這正是亞馬遜在中國做不大的原因,不接地氣。
下載兩個APP比較一下,最直觀的區別在于:京東以訂單為單位;亞馬遜以商品為單位;
京東只能按照:訂單–商品這個順序;而亞馬遜可以商品–訂單–商品;
還有一個重要的區別:京東訂單下的搜索可以搜索到訂單,而亞馬遜的是搜索所有商品(而不是訂單,并且還包括未購買的商品的推薦)
也許這樣會提高頁面轉化率吧~但是還是京東的邏輯上更清晰
您觀察的很仔細,搜索那里我確實忘記了。京東的邏輯其實就是現在大部分電商的做法,清晰簡潔,用戶使用這種產品已經很久了,已經形成了使用習慣,所以使用亞馬遜app難免會增加學習成本
亞馬遜的網站我也感覺是十年不變… 在過去幾年覺得還不錯 現在都扁平化這么久了 還是擬物風格的 看習慣了扁平風格的 再看擬物風格的 確實有很多不適應
產品的業務屬性過強、業務能力過強,自然地就會不關注UI或者用戶體驗方面;當然可能也有大平臺產品、經典產品的情懷因素,往前看雅虎也是多年一個樣