本文從用戶行為角度進(jìn)行分析，從用戶購(gòu)買情境中推導(dǎo)出手淘在商品詳情頁(yè)加搜索框的意義。

淘寶在8.11.1的版本中做了一項(xiàng)比較大的交互修改，即在商品詳情頁(yè)頂部增加了搜索框，如下圖：

當(dāng)用戶在商品詳情頁(yè)下滑至看不到頭圖的范圍時(shí)，頂部即出現(xiàn)搜索框。我們可以看到在本頁(yè)面的導(dǎo)航欄已經(jīng)有了很多功能的入口，那么為什么設(shè)計(jì)者還會(huì)這么擁擠的地方增加一個(gè)占據(jù)空間這么大的功能呢？這種設(shè)計(jì)的意義又是什么呢？

我們從用戶的行為和場(chǎng)景來(lái)進(jìn)行分析，當(dāng)用戶在商品詳情頁(yè)瀏覽時(shí)，接下來(lái)的行為可以大致分為4種:

1. 購(gòu)買本商品
2. 返回搜索其他品類的商品
3. 返回查看類似商品（重新搜索類似商品）
4. 退出產(chǎn)品

用戶做出第1種行為后，當(dāng)前流程基本結(jié)束，用戶做出第4種行為后，任何設(shè)計(jì)也起不到作用（用戶已經(jīng)看不到了），所以這兩種情況并非我們的分析方向，此處我們針對(duì)第2種和第3種情況進(jìn)行分析。

當(dāng)用戶做出“返回搜索其他品類的商品”的行為時(shí)，原本詳情頁(yè)沒(méi)有搜索框的設(shè)計(jì)用戶需要做出以下操作：

返回上級(jí)頁(yè)面-點(diǎn)擊搜索框獲取焦點(diǎn)-重新輸入關(guān)鍵詞-搜索-查看商品

詳情頁(yè)增加了搜索框后用戶就可以省去返回上級(jí)頁(yè)面的操作，簡(jiǎn)化了操作流程，增強(qiáng)了操作效率，這一點(diǎn)是比較容易理解的，但作者認(rèn)為這一點(diǎn)卻不是這種設(shè)計(jì)最重要的意義。

這里作者認(rèn)為最重要的意義是發(fā)生在用戶做出了“返回查看類似商品（重新搜索類似商品）”的行為時(shí)，每個(gè)產(chǎn)品都有自己的北極星指標(biāo)：

• 途家是預(yù)訂房間天數(shù)
• 頭條是用戶使用時(shí)長(zhǎng)
• 淘寶毫無(wú)疑問(wèn)就是成交量，作者也是認(rèn)為這種設(shè)計(jì)其實(shí)是為了“成交量”服務(wù)的。

我們來(lái)看這樣一種場(chǎng)景：作者在打字時(shí)靠著椅子，突然椅子背斷了，于是作者打開(kāi)淘寶想購(gòu)買一把椅子，對(duì)應(yīng)的頁(yè)面如下圖：

此時(shí)的搜索結(jié)果中存在很多種類的椅子——有轉(zhuǎn)椅、弓形椅、懶人椅、按摩椅……等等很多。

在剛剛搜索時(shí)其實(shí)作者（用戶）的思維中是沒(méi)有一個(gè)比較明確的目標(biāo)的，還沒(méi)有想過(guò)自己需要的是什么種類的椅子，在看到上面的搜索結(jié)果后發(fā)現(xiàn)有一款看起來(lái)不錯(cuò)，挺舒服的，于是點(diǎn)進(jìn)詳情頁(yè)看看，對(duì)應(yīng)的頁(yè)面如下圖：

當(dāng)用戶在詳情頁(yè)中對(duì)這把椅子挺滿意的時(shí)候，如果能夠直接購(gòu)買那當(dāng)然是最好了，但是還有很大一部分的用戶的行為是：看看類似的椅子對(duì)比一下，貨比三家嘛。

注意！注意！注意！

當(dāng)用戶希望貨比三家時(shí)，問(wèn)題就出現(xiàn)了，剛剛用戶是通過(guò)關(guān)鍵詞“椅子”找到這一款“懶人沙發(fā)椅”的，此時(shí)用戶如果返回上級(jí)頁(yè)面，那么他看到的并不是“懶人沙發(fā)椅”的搜索結(jié)果，而是很多其他種類的椅子——轉(zhuǎn)椅、弓形椅、按摩椅…..

如果用戶并不知道喜歡的椅子的搜索關(guān)鍵詞，那么最大的可能性就是用戶又去看了不少其他種類的椅子，當(dāng)選擇過(guò)多之后，很大的可能性就是猶豫不決最終哪個(gè)也沒(méi)有買！

這里面的理論基礎(chǔ)叫做席克定律，大意可以理解為：當(dāng)用戶面臨的選擇越多，則需要做出決定的時(shí)間就越長(zhǎng)，感興趣的朋友可以詳細(xì)了解一下，我們這里還是繼續(xù)說(shuō)這個(gè)案例。

現(xiàn)在我們已經(jīng)知道可能會(huì)發(fā)生的問(wèn)題是什么了，那么繼續(xù)看這種設(shè)計(jì)方案——當(dāng)詳情頁(yè)有了搜索框之后，用戶如果希望查看類似商品，那么只需要在當(dāng)前頁(yè)面點(diǎn)擊搜索框，再點(diǎn)擊搜索按鈕即可。連關(guān)鍵詞都不需要自己輸入，系統(tǒng)已經(jīng)幫用戶設(shè)置好了，只要點(diǎn)擊搜索按鈕即可看到類似商品，就像下圖一樣：

搜索結(jié)果中全部都是用戶剛剛喜歡的那一款椅子，這樣用戶就會(huì)減少面臨的選擇，做出選擇的時(shí)間也就更短，達(dá)成交易的幾率也就更大，而這一點(diǎn)正是淘寶這款產(chǎn)品的最期待的目標(biāo)。

這就是作者認(rèn)為的這種設(shè)計(jì)最重要的意義。

最后再簡(jiǎn)單總結(jié)一下淘寶詳情頁(yè)增加搜索框的意義：

1. 縮短操作路徑，增加操作效率
2. 幫助用戶篩選內(nèi)容（多種椅子變一種椅子）
3. 減少選擇，縮短用戶思考時(shí)間，增加成功交易概率

以上就是作者對(duì)本案例的理解了，歡迎朋友們補(bǔ)充指正~

#專欄作家#

杜昭，微信公眾號(hào)：設(shè)計(jì)的威嚴(yán)，人人都是產(chǎn)品經(jīng)理專欄作家。實(shí)戰(zhàn)派設(shè)計(jì)師，千萬(wàn)用戶級(jí)產(chǎn)品交互設(shè)計(jì)負(fù)責(zé)人，致力于用戶體驗(yàn)設(shè)計(jì)和用戶增長(zhǎng)實(shí)驗(yàn)，努力成為能為商業(yè)目標(biāo)負(fù)責(zé)的設(shè)計(jì)師中～

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于 CC0 協(xié)議