網(wǎng)易考拉購物車優(yōu)化
網(wǎng)易考拉購物車第一次改版來啦~
狗叔今天來說說網(wǎng)易考拉購物車的優(yōu)化吧~
購物車到底有多重要呢？我們?nèi)コ匈I東西的時候應(yīng)該深有體會，當(dāng)你挑選好了喜歡的商品想要繼續(xù)逛超市，如果這時候沒有購物車，你還有逛下去的心情嗎？由此可見購物車的重要性了。
當(dāng)然線上購物車的作用還有很多，比如：
提高單次客單價
合單支付（只需要統(tǒng)一付一次錢）
參加一些滿減等優(yōu)惠活動
簡單的收藏夾
方便用戶仔細(xì)對比多件商品
……
數(shù)據(jù)表明，每天約60%的訂單都是從購物車下單的，這么重要的購物車，當(dāng)然要好好設(shè)計了?？祭鼛啄臧l(fā)展迅猛，購物車也需要隨著業(yè)務(wù)不斷更新改版。
既然打算優(yōu)化購物車，就要分清楚優(yōu)先級，在開發(fā)資源有限的情況下，優(yōu)先解決最重要的問題。
分析用戶路徑可以發(fā)現(xiàn)，用戶結(jié)算之前的必經(jīng)之路就是尋找購物車中的商品，這是購物車的基礎(chǔ)功能，但目前并不盡人意，所以，此次優(yōu)化的核心就是：
提高用戶在購物車尋找商品的效率和體驗，進而提高購物車的轉(zhuǎn)化。
那么用戶在購物車是怎樣瀏覽、決策、購買呢？通過觀察和調(diào)研發(fā)現(xiàn)，用戶主要是通過瀏覽商品圖片來定位商品，通過對比商品圖片、價格、活動等因素來確定最終是否購買。
然后再來看改版前的考拉購物車，很容易發(fā)現(xiàn)目前存在的主要問題是：
頁面主次不清晰，層級太亂，商品區(qū)過于擁擠。
圖片、價格等對于用戶比較重要的信息并沒有突出，主要信息和次要信息雜糅在一起，對于用戶的瀏覽效率和購物體驗都會有一定的影響。
通過前面分析可知，用戶是通過瀏覽圖片來定位商品，但考拉購物車商品圖片太小，導(dǎo)致用戶尋找商品體驗并不是很好，并且圖片的大小在一定程度上決定了購物車整體的排版布局的走向。通過分析競品，我們做了3種圖片大小的視覺稿初稿：
140像素—考拉改版前的圖片大小
160像素—嚴(yán)選等競品采用的圖片大小
180像素—淘寶、京東等大多數(shù)競品采用的圖片大小
圖片的大小直接關(guān)系到用戶瀏覽的效率，到底選擇哪一種呢？我們打算嘗試大圖的模式，原因如下：
大圖可以使用戶在購物車更容易定位到目標(biāo)商品，提高效率；
考拉購物車存在稅費，會導(dǎo)致考拉相對競品來說更為擁擠，圖片變大后讓購物車的布局顯得更為寬松，為后續(xù)的整體布局變化做鋪墊；
其次，目前考拉非標(biāo)品越來越多，對于非標(biāo)品而言，圖片更為重要。
排除可能得風(fēng)險：
圖片變大后可能會降低屏效。（小圖一屏可以顯示5個商品，大圖一屏只可以顯示4個商品）
為此，我們查看了購物車各個層次的用戶（根據(jù)客單價分為：高、中、低用戶）購物車平均商品數(shù)量，發(fā)現(xiàn)購物車中商品數(shù)量約為10個左右，圖片變大后對整體瀏覽效率的影響并不大。和圖片的變大的收益相比，風(fēng)險在可接受范圍內(nèi)。
綜合考慮，我們考打算將圖片變?yōu)?80像素大小。
2、布局
其次我們考慮購物車中商品區(qū)域的整體布局優(yōu)化。
購物車信息較多，在布局上能做的比較有限，綜合比較，我們做了兩種排版布局的視覺初稿，如下：
左圖：價格靠左，考拉改版前、天貓、唯品會等競品采用的布局
右圖：價格靠中下，淘寶、京東等競品采用的布局
那么怎樣確定到底哪種方案好呢？
我們通過對比兩種方案操作，視覺焦點和瀏覽路徑得出下面結(jié)論：
用戶關(guān)心的的主要信息為圖片和價格。左圖，可能導(dǎo)致了用戶的視覺焦點跳動比較大，用戶較難尋找到需要的信息。反觀右圖，用戶自上而下瀏覽時，重要的信息大多集中在頁面偏左的區(qū)域，瀏覽體驗較為順暢；
主要操作區(qū)統(tǒng)一集中在頁面右側(cè)，便于用戶操作，整個頁面功能分布比較明確；
據(jù)心理學(xué)家研究，瀏覽商品時至上而下的順序，有種點頭的感覺，更容易促進成交。
綜合以上，我們決定采用價格靠中下的布局。
A.B test
你以為就這樣上線就結(jié)束了嗎？做完方案后，還要做重要的A.B test。
簡單來說就是抽取兩批類似的用戶，觀察每一批的用戶使用購物車時的各項數(shù)據(jù)，如果數(shù)據(jù)沒問題的話，再擴大用戶群，直至全部應(yīng)用新版購物車。
數(shù)據(jù)分析
最后，不管數(shù)據(jù)是好是壞，都要做好數(shù)據(jù)分析。數(shù)據(jù)好，皆大歡喜以后繼續(xù)努力，數(shù)據(jù)差，分析原因，以后避免類似的事情發(fā)生。此次改版，購物車總體結(jié)算導(dǎo)出率提升了約1%，還好結(jié)果皆大歡喜，不然績效堪憂啊~
