搜索功能是電商產(chǎn)品的一個(gè)重要功能，本文作者從信息架構(gòu)、操作流程、用戶體驗(yàn)這三個(gè)維度，對(duì)電商產(chǎn)品中的搜索功能進(jìn)行了拆解分析，一起來看一下吧。

在平時(shí)使用軟件的時(shí)候，是否有發(fā)現(xiàn)一個(gè)問題，就是不管是國(guó)內(nèi)還是國(guó)外，具有相同業(yè)務(wù)屬性的產(chǎn)品"長(zhǎng)得越來越像"。比如國(guó)內(nèi)的電商產(chǎn)品，不管是從視覺還是交互，都幾乎大同小異。是因?yàn)楝F(xiàn)在的設(shè)計(jì)師缺乏創(chuàng)意了么？我覺得最主要的原因，還是由于現(xiàn)在越來越多的產(chǎn)品在分享用戶的時(shí)間，所以相同類型產(chǎn)品越雷同，用戶的學(xué)習(xí)成本就會(huì)越低，就有可能在僅限的使用時(shí)間里完成轉(zhuǎn)化。

那交互設(shè)計(jì)師是不是就沒有價(jià)值了呢？我覺得也不盡然，功能與操作流程雖然雷同，但是既然能在相同賽道存活，業(yè)務(wù)屬性、目標(biāo)人群等還是會(huì)有所差異。所以交互設(shè)計(jì)師就可以基于當(dāng)前的業(yè)務(wù)背景，對(duì)功能的交互體驗(yàn)進(jìn)一步優(yōu)化，提升平臺(tái)目標(biāo)用戶的操作體驗(yàn)。

基于此，筆者推出了"體驗(yàn)分析"系列文章，目的是希望通過對(duì)產(chǎn)品功能的體驗(yàn)拆解與分析，讓讀者包括自己熟悉該功能的"常規(guī)玩法"，從而能更好地運(yùn)用到自身產(chǎn)品中。如何拆解？我將從三個(gè)維度進(jìn)行，即：

1. 信息架構(gòu)
2. 操作流程
3. 用戶體驗(yàn)

此次帶來的是電商產(chǎn)品的搜索功能的體驗(yàn)分析。

一、信息架構(gòu)

頁(yè)面的信息架構(gòu)是頁(yè)面功能的承載，所以在分析搜索頁(yè)面的信息架構(gòu)時(shí)，需要思考電商產(chǎn)品的搜索都涵蓋哪些功能頁(yè)面。我將它主要概括為三個(gè)，即搜索入口、搜索頁(yè)、搜索結(jié)果頁(yè)。

1. 搜索入口

由于電商產(chǎn)品的強(qiáng)搜索屬性，所以搜索入口幾乎都放在了頁(yè)面頂部，用搜索框呈現(xiàn)。同時(shí)除了搜索框以外，根據(jù)業(yè)務(wù)屬性，還包括像圖片搜索、掃碼搜索、AR 搜索等其他搜索方案，均集合在頂部的搜索區(qū)域。

用戶已經(jīng)對(duì)搜索框是什么，怎么搜都有了固定的認(rèn)知，即使搜索框不加搜索圖標(biāo)與占位說明，也不會(huì)引起用戶的歧義，這就讓搜索入口有了更多的延展。如當(dāng)前市面上的搜索框占位大多采用的是"關(guān)鍵詞推薦"，基于用戶行為與算法，打造出"我就知道你要搜這個(gè)"的感覺，增強(qiáng)產(chǎn)品與用戶的互動(dòng)，同時(shí)也能提升用戶的搜索效率。

2. 搜索頁(yè)

搜索頁(yè)是用戶點(diǎn)擊搜索框進(jìn)入的頁(yè)面，此時(shí)用戶已經(jīng)有搜索意愿了，但是可能還沒有明確具體要通過哪個(gè)關(guān)鍵詞進(jìn)行搜索。因此就出現(xiàn)了兩種場(chǎng)景，及主動(dòng)搜索、被動(dòng)搜索。

主動(dòng)搜索即用戶通過明確關(guān)鍵詞搜索，頁(yè)面信息包括輸入框，鍵盤，以及記錄用戶以往行為的"歷史搜索"；而被動(dòng)搜索主要是平臺(tái)基于用戶的行為數(shù)據(jù)，為用戶推薦的一類搜索集合，如"猜你喜歡"，為用戶推薦相關(guān)關(guān)鍵詞；如"熱搜"、"榜單"等功能，為用戶推薦場(chǎng)景、商品。由于用戶已經(jīng)進(jìn)入搜索頁(yè)，所以此時(shí)能判定用戶的主動(dòng)搜索意愿更強(qiáng)，所以在信息架構(gòu)上，主動(dòng)搜索相較于被動(dòng)搜索會(huì)優(yōu)先展示。

3. 搜索結(jié)果頁(yè)

搜索結(jié)果頁(yè)是根據(jù)用戶搜索關(guān)鍵詞或推薦內(nèi)容遍歷出來的所有商品集合。此時(shí)頁(yè)面的關(guān)注點(diǎn)在于"如何幫用戶找到最終想要的商品"。頁(yè)面功能主要是幫助用戶縮小商品范圍，篩選出滿足用戶目標(biāo)的一類商品。那么如何設(shè)置篩選項(xiàng)呢？目前市面上的大多數(shù)電商產(chǎn)品都是從兩個(gè)維度出發(fā)，即商品屬性、業(yè)務(wù)屬性。

商品屬性一般是根據(jù)商品本身特質(zhì)出發(fā)，如價(jià)格、品牌、樣式、參數(shù)等。由于商品類型不同，所擁有的屬性也有所不同，所以在搜索結(jié)果頁(yè)中，商品屬性的篩選項(xiàng)也有所不同。但是共性的特征是，所有高頻的篩選操作均露出展示，而低頻的、補(bǔ)充性的操作都會(huì)隱藏在"篩選"操作中。

業(yè)務(wù)屬性一般是根據(jù)業(yè)務(wù)特征來設(shè)定，包括各種榜單，如銷量榜、評(píng)論榜、好評(píng)榜等，能幫助用戶根據(jù)自己關(guān)注的數(shù)據(jù)擇優(yōu)選擇；另外還包括其他的一些業(yè)務(wù)特征，如營(yíng)銷，用戶可以篩選參與營(yíng)銷活動(dòng)的商品；如物流，可以根據(jù)所需商品的時(shí)效選擇合適的物流，如上新，根據(jù)上架時(shí)間幫助用戶選擇最新商品等等。

不管是商品屬性還是業(yè)務(wù)屬性，相關(guān)篩選項(xiàng)的設(shè)定都不是一廂情愿，自以為用戶需要某種篩選，很有可能因此就增加了用戶的負(fù)擔(dān)。合理的設(shè)定以及動(dòng)態(tài)的跟進(jìn)相關(guān)篩選項(xiàng)的數(shù)據(jù)，對(duì)相關(guān)數(shù)據(jù)提取比較后選出最優(yōu)的搭配，才能更好地解決用戶在當(dāng)前頁(yè)面的痛點(diǎn)。

二、操作流程

搜索功能的操作流程可以按照用戶輸入關(guān)鍵詞的前、中、后三個(gè)階段進(jìn)行劃分，每個(gè)階段都有相關(guān)的觸點(diǎn)引導(dǎo)用戶操作，我們來拆解看看都有哪些？

1. 搜索前

用戶在輸入關(guān)鍵詞前，可能會(huì)停留在兩個(gè)場(chǎng)景中，即搜索入口、搜索頁(yè)。

搜索入口，除了引導(dǎo)用戶點(diǎn)擊進(jìn)入搜索頁(yè)，我們?cè)谇懊娴姆治鲋辛私獾?，目前市面上的電商產(chǎn)品都會(huì)在輸入框顯示"關(guān)鍵詞推薦"，而設(shè)置的目的不管是提升相關(guān)關(guān)鍵詞商品的轉(zhuǎn)化還是提升用戶的感知，都需要用戶點(diǎn)擊轉(zhuǎn)化才能實(shí)現(xiàn)。所以如何讓用戶快速點(diǎn)擊搜索推薦關(guān)鍵詞就顯得尤其重要了。

目前電商產(chǎn)品的做法大多是在搜索框上加"搜索"按鈕，一方面方便用戶直接搜索當(dāng)前推薦的關(guān)鍵詞，另一方面也可以增強(qiáng)搜索區(qū)域的用戶感知，符合"強(qiáng)搜索"屬性。但是也有一些產(chǎn)品沒有加上該操作按鈕，用戶如果想針對(duì)當(dāng)前關(guān)鍵詞搜索，只能點(diǎn)擊進(jìn)入搜索頁(yè)搜索，無疑增加了用戶的操作路徑。

而針對(duì)搜索頁(yè)，我們?cè)谇拔闹杏刑岬剑脩糁饕袃煞N操作行為，即主動(dòng)搜索與被動(dòng)搜索，而主動(dòng)搜索層級(jí)在前。如何提升用戶主動(dòng)搜索的效率？我們可以結(jié)合用戶的搜索路徑，將鏈路中的操作反饋前置，從而減少用戶的點(diǎn)擊次數(shù)與完成搜索時(shí)間。

常規(guī)的搜索鏈路中，用戶點(diǎn)擊搜索框，喚起鍵盤，用戶鍵入關(guān)鍵詞點(diǎn)擊搜索，反饋搜索結(jié)果。但是由于希望搜索承載更多內(nèi)容，電商搜索中，用戶點(diǎn)擊搜索框是進(jìn)入的搜索頁(yè)。那是不是需要用戶在搜索頁(yè)再次點(diǎn)擊搜索框喚起鍵盤呢？顯然不是，而是在用戶進(jìn)入搜索頁(yè)時(shí)，就直接光標(biāo)閃動(dòng)并喚起鍵盤，方便用戶直接鍵入內(nèi)容搜索。

而另一個(gè)操作細(xì)節(jié)也在搜索頁(yè)發(fā)生。為了提升用戶的搜索效率與業(yè)務(wù)轉(zhuǎn)化，搜索頁(yè)添加了包括"歷史搜索"、"猜你喜歡"、"榜單"等功能，但是也帶來了一些問題，如歷史搜索，可能會(huì)展示用戶搜索的一些"隱私性關(guān)鍵詞"比如猜你喜歡、榜單可能會(huì)給用戶帶來搜索干擾。所以在這些功能中，針對(duì)不同屬性，添加了"刪除"、"隱藏"功能，用戶可根據(jù)需要自行操作。

歷史搜索由于可能會(huì)含有不方便展示的搜索詞，所以單純的隱藏并不能滿足用戶"不想讓別人看到"的訴求，但是刪除操作也會(huì)有一些操作細(xì)節(jié)需要注意。一般歷史搜索為了防止關(guān)鍵詞數(shù)量展示過多，會(huì)設(shè)置關(guān)鍵詞的統(tǒng)計(jì)規(guī)則和展示數(shù)量，如展示"最近一個(gè)月的前 20 條"，同時(shí)為了進(jìn)一步壓縮展示空間，一般會(huì)展示一部分，剩下的隱藏，如"展示最近的 10 條，剩下的隱藏處理"。

所以，在用戶刪除歷史搜索數(shù)據(jù)的時(shí)候，就需要考慮關(guān)鍵詞在不同展示狀態(tài)下的操作流程。比如在收起狀態(tài)，用戶點(diǎn)擊刪除，此時(shí)是讓用戶在不知道隱藏歷史關(guān)鍵詞的情況下全部刪除，還是先展開所有關(guān)鍵詞，再讓用戶選擇性刪除，就需要根據(jù)不同業(yè)務(wù)訴求來思考了。

2. 搜索中/搜索后

由于電商產(chǎn)品屬于強(qiáng)搜索屬性，所以用戶不管是在搜索中還是搜索后，都有可能頻繁更換關(guān)鍵詞搜索，所以如何讓用戶能更快地替換關(guān)鍵詞呢？

一般在用戶輸入關(guān)鍵詞的過程中，為了方便用戶重新輸入，都會(huì)在輸入框后端顯示"一鍵清除"的按鈕，按鈕是在輸入框處于激活狀態(tài)且含有關(guān)鍵詞時(shí)出現(xiàn)；當(dāng)用戶輸入完成點(diǎn)擊搜索進(jìn)入搜索結(jié)果頁(yè)后，如果想更換關(guān)鍵詞搜索，常規(guī)操作流程是先點(diǎn)擊輸入框激活，再根據(jù)需要選擇清空關(guān)鍵詞或者刪除部分關(guān)鍵詞再重新搜索，但是針對(duì)第一種情況，為了能達(dá)到用戶快速替換，也可以不激活輸入框而直接清空關(guān)鍵詞，從而提升了用戶的搜索效率。

三、用戶體驗(yàn)

產(chǎn)品的用戶體驗(yàn)一般會(huì)起到"錦上添花"的作用，在主功能與操作都完善的情況下，好的用戶體驗(yàn)?zāi)茏層脩舾玫赝瓿刹僮?，提升用戶的留存。搜索功能的用戶體驗(yàn)主要目標(biāo)是幫助用戶更快、更精準(zhǔn)的搜索到想要的商品?；谶@個(gè)目標(biāo)，我們從提供幫助、內(nèi)容自適應(yīng)、可預(yù)見性三個(gè)維度，來分析下當(dāng)前電商產(chǎn)品中搜索功能的體驗(yàn)亮點(diǎn)。

1. 提供幫助

提供幫助簡(jiǎn)單理解就是"猜你所想"，就好像跟人溝通，當(dāng)你說到一半，對(duì)方就已經(jīng)知道了你想表達(dá)的內(nèi)容，這不僅減少了自己的時(shí)間，還增加了對(duì)對(duì)方的好感。那電商的搜索功能都提供了哪些幫助呢？

1）猜你想搜

用戶在輸入關(guān)鍵詞時(shí)，如何在用戶輸入完成之前就能知道用戶想搜什么呢？除了目前電商平臺(tái)都有的"關(guān)鍵詞聯(lián)想"功能，部分產(chǎn)品進(jìn)一步在對(duì)應(yīng)關(guān)鍵詞聯(lián)想后面加入不同的維度推薦入口。減少用戶輸入關(guān)鍵詞的時(shí)間，從而提升搜索的效率。

2）推薦你搜

當(dāng)用戶進(jìn)入搜索結(jié)果頁(yè)時(shí)，查看所有的商品瀑布流，如果滑動(dòng)幾屏還是沒有找到自己想要的商品，此時(shí)用戶可能會(huì)對(duì)產(chǎn)品"感到失望"，如何減少用戶的不良情緒，當(dāng)前產(chǎn)品大多都會(huì)在瀑布流的不同位置展示不同的關(guān)鍵詞組合，如"榜單"、"大家都在搜"等等，進(jìn)一步縮小用戶的"預(yù)期范圍"，從而幫助用戶更好地找到商品。

3）幫你選

幫你選類似"智能機(jī)器人"的角色，與推薦你搜存在于同一個(gè)場(chǎng)景中，即用戶沒有找到目標(biāo)商品，此時(shí)引導(dǎo)用戶進(jìn)入客服頁(yè)面，不僅可以減少用戶不良情緒，還可以根據(jù)用戶的特定化需求提供幫助。

2. 內(nèi)容自適應(yīng)

內(nèi)容自適應(yīng)簡(jiǎn)單說就是根據(jù)用戶的行為屬性，變換頁(yè)面功能與架構(gòu)，從而幫助用戶在各個(gè)場(chǎng)景中都能很好的完成目標(biāo)。電商產(chǎn)品中，由于不確定用戶通過什么關(guān)鍵詞搜索，所以在進(jìn)入搜索結(jié)果頁(yè)時(shí)，需要對(duì)關(guān)鍵詞進(jìn)行"識(shí)別"，判斷關(guān)鍵詞的屬性，然后根據(jù)相關(guān)屬性展示不同的頁(yè)面功能。

比如用戶輸入"格力"，判斷關(guān)鍵詞為"品牌"，猜測(cè)用戶想找該品牌下相關(guān)的商品，此時(shí)搜索結(jié)果頁(yè)中，就可以提供用戶相關(guān)品類的篩選；同理，當(dāng)用戶輸入"空調(diào)"，則展示相關(guān)品牌的推薦。通過搜索結(jié)果頁(yè)的內(nèi)容自適應(yīng)，幫助用戶更快的找到目標(biāo)商品，提高產(chǎn)品的用戶體驗(yàn)。

3. 可預(yù)見性

用戶如果在操作前就大致知道后續(xù)的結(jié)果，就能減少因結(jié)果偏離預(yù)期而帶來的"失望"。比如在搜索結(jié)果頁(yè)中，用戶在常規(guī)篩選找不到商品的情況下，可能會(huì)選擇更多維度的"篩選"功能，根據(jù)自己的訴求聯(lián)合篩選，但是就會(huì)存在自己搭配的組合沒有相關(guān)商品，相比較讓用戶進(jìn)入搜索結(jié)果頁(yè)再反饋空狀態(tài)，不如在用戶選擇搭配的組合時(shí)就告訴用戶滿足該組合的商品數(shù)量，提前讓用戶知道最終的結(jié)果，減少用戶因沒搜到商品而帶來的挫敗感。

總結(jié)

以上，就是筆者根據(jù)電商產(chǎn)品的使用感受，分享的一篇關(guān)于搜索功能體驗(yàn)分析的文章，經(jīng)驗(yàn)有限，歡迎大家批評(píng)指正與交流。

作者：背包流浪