淘寶 | 商品詳情頁加搜索框的意義是什么?
本文從用戶行為角度進行分析,從用戶購買情境中推導(dǎo)出手淘在商品詳情頁加搜索框的意義。
淘寶在8.11.1的版本中做了一項比較大的交互修改,即在商品詳情頁頂部增加了搜索框,如下圖:
當(dāng)用戶在商品詳情頁下滑至看不到頭圖的范圍時,頂部即出現(xiàn)搜索框。我們可以看到在本頁面的導(dǎo)航欄已經(jīng)有了很多功能的入口,那么為什么設(shè)計者還會這么擁擠的地方增加一個占據(jù)空間這么大的功能呢?這種設(shè)計的意義又是什么呢?
我們從用戶的行為和場景來進行分析,當(dāng)用戶在商品詳情頁瀏覽時,接下來的行為可以大致分為4種:
- 購買本商品
- 返回搜索其他品類的商品
- 返回查看類似商品(重新搜索類似商品)
- 退出產(chǎn)品
用戶做出第1種行為后,當(dāng)前流程基本結(jié)束,用戶做出第4種行為后,任何設(shè)計也起不到作用(用戶已經(jīng)看不到了),所以這兩種情況并非我們的分析方向,此處我們針對第2種和第3種情況進行分析。
當(dāng)用戶做出“返回搜索其他品類的商品”的行為時,原本詳情頁沒有搜索框的設(shè)計用戶需要做出以下操作:
返回上級頁面-點擊搜索框獲取焦點-重新輸入關(guān)鍵詞-搜索-查看商品
詳情頁增加了搜索框后用戶就可以省去返回上級頁面的操作,簡化了操作流程,增強了操作效率,這一點是比較容易理解的,但作者認(rèn)為這一點卻不是這種設(shè)計最重要的意義。
這里作者認(rèn)為最重要的意義是發(fā)生在用戶做出了“返回查看類似商品(重新搜索類似商品)”的行為時,每個產(chǎn)品都有自己的北極星指標(biāo):
- 途家是預(yù)訂房間天數(shù)
- 頭條是用戶使用時長
- 淘寶毫無疑問就是成交量,作者也是認(rèn)為這種設(shè)計其實是為了“成交量”服務(wù)的。
我們來看這樣一種場景:作者在打字時靠著椅子,突然椅子背斷了,于是作者打開淘寶想購買一把椅子,對應(yīng)的頁面如下圖:
此時的搜索結(jié)果中存在很多種類的椅子——有轉(zhuǎn)椅、弓形椅、懶人椅、按摩椅……等等很多。
在剛剛搜索時其實作者(用戶)的思維中是沒有一個比較明確的目標(biāo)的,還沒有想過自己需要的是什么種類的椅子,在看到上面的搜索結(jié)果后發(fā)現(xiàn)有一款看起來不錯,挺舒服的,于是點進詳情頁看看,對應(yīng)的頁面如下圖:
當(dāng)用戶在詳情頁中對這把椅子挺滿意的時候,如果能夠直接購買那當(dāng)然是最好了,但是還有很大一部分的用戶的行為是:看看類似的椅子對比一下,貨比三家嘛。
注意!注意!注意!
當(dāng)用戶希望貨比三家時,問題就出現(xiàn)了,剛剛用戶是通過關(guān)鍵詞“椅子”找到這一款“懶人沙發(fā)椅”的,此時用戶如果返回上級頁面,那么他看到的并不是“懶人沙發(fā)椅”的搜索結(jié)果,而是很多其他種類的椅子——轉(zhuǎn)椅、弓形椅、按摩椅…..
如果用戶并不知道喜歡的椅子的搜索關(guān)鍵詞,那么最大的可能性就是用戶又去看了不少其他種類的椅子,當(dāng)選擇過多之后,很大的可能性就是猶豫不決最終哪個也沒有買!
這里面的理論基礎(chǔ)叫做席克定律,大意可以理解為:當(dāng)用戶面臨的選擇越多,則需要做出決定的時間就越長,感興趣的朋友可以詳細(xì)了解一下,我們這里還是繼續(xù)說這個案例。
現(xiàn)在我們已經(jīng)知道可能會發(fā)生的問題是什么了,那么繼續(xù)看這種設(shè)計方案——當(dāng)詳情頁有了搜索框之后,用戶如果希望查看類似商品,那么只需要在當(dāng)前頁面點擊搜索框,再點擊搜索按鈕即可。連關(guān)鍵詞都不需要自己輸入,系統(tǒng)已經(jīng)幫用戶設(shè)置好了,只要點擊搜索按鈕即可看到類似商品,就像下圖一樣:
搜索結(jié)果中全部都是用戶剛剛喜歡的那一款椅子,這樣用戶就會減少面臨的選擇,做出選擇的時間也就更短,達成交易的幾率也就更大,而這一點正是淘寶這款產(chǎn)品的最期待的目標(biāo)。
這就是作者認(rèn)為的這種設(shè)計最重要的意義。
最后再簡單總結(jié)一下淘寶詳情頁增加搜索框的意義:
- 縮短操作路徑,增加操作效率
- 幫助用戶篩選內(nèi)容(多種椅子變一種椅子)
- 減少選擇,縮短用戶思考時間,增加成功交易概率
以上就是作者對本案例的理解了,歡迎朋友們補充指正~
#專欄作家#
杜昭,微信公眾號:設(shè)計的威嚴(yán),人人都是產(chǎn)品經(jīng)理專欄作家。實戰(zhàn)派設(shè)計師,千萬用戶級產(chǎn)品交互設(shè)計負(fù)責(zé)人,致力于用戶體驗設(shè)計和用戶增長實驗,努力成為能為商業(yè)目標(biāo)負(fù)責(zé)的設(shè)計師中~
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于 CC0 協(xié)議
學(xué)習(xí)了,感謝作者
喜歡這樣簡單直接的文章和解析,比之前看的一個阿里設(shè)計師寫的文章(一句話就說清楚的事情BB了一大堆文字)好太多了,希望繼續(xù)出!
謝謝,可以關(guān)注我的公眾號【設(shè)計的威嚴(yán)】
通俗易懂
感謝您的分享 ??
感謝分享
學(xué)習(xí)了 講的通俗易懂
謝謝