搜索功能是電商產品的一個重要功能，本文作者從信息架構、操作流程、用戶體驗這三個維度，對電商產品中的搜索功能進行了拆解分析，一起來看一下吧。

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

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

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

1. 信息架構
2. 操作流程
3. 用戶體驗

此次帶來的是電商產品的搜索功能的體驗分析。

一、信息架構

頁面的信息架構是頁面功能的承載，所以在分析搜索頁面的信息架構時，需要思考電商產品的搜索都涵蓋哪些功能頁面。我將它主要概括為三個，即搜索入口、搜索頁、搜索結果頁。

1. 搜索入口

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

用戶已經對搜索框是什么，怎么搜都有了固定的認知，即使搜索框不加搜索圖標與占位說明，也不會引起用戶的歧義，這就讓搜索入口有了更多的延展。如當前市面上的搜索框占位大多采用的是"關鍵詞推薦"，基于用戶行為與算法，打造出"我就知道你要搜這個"的感覺，增強產品與用戶的互動，同時也能提升用戶的搜索效率。

2. 搜索頁

搜索頁是用戶點擊搜索框進入的頁面，此時用戶已經有搜索意愿了，但是可能還沒有明確具體要通過哪個關鍵詞進行搜索。因此就出現(xiàn)了兩種場景，及主動搜索、被動搜索。

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

3. 搜索結果頁

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

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

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

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

二、操作流程

搜索功能的操作流程可以按照用戶輸入關鍵詞的前、中、后三個階段進行劃分，每個階段都有相關的觸點引導用戶操作，我們來拆解看看都有哪些？

1. 搜索前

用戶在輸入關鍵詞前，可能會停留在兩個場景中，即搜索入口、搜索頁。

搜索入口，除了引導用戶點擊進入搜索頁，我們在前面的分析中了解到，目前市面上的電商產品都會在輸入框顯示"關鍵詞推薦"，而設置的目的不管是提升相關關鍵詞商品的轉化還是提升用戶的感知，都需要用戶點擊轉化才能實現(xiàn)。所以如何讓用戶快速點擊搜索推薦關鍵詞就顯得尤其重要了。

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

而針對搜索頁，我們在前文中有提到，用戶主要有兩種操作行為，即主動搜索與被動搜索，而主動搜索層級在前。如何提升用戶主動搜索的效率？我們可以結合用戶的搜索路徑，將鏈路中的操作反饋前置，從而減少用戶的點擊次數(shù)與完成搜索時間。

常規(guī)的搜索鏈路中，用戶點擊搜索框，喚起鍵盤，用戶鍵入關鍵詞點擊搜索，反饋搜索結果。但是由于希望搜索承載更多內容，電商搜索中，用戶點擊搜索框是進入的搜索頁。那是不是需要用戶在搜索頁再次點擊搜索框喚起鍵盤呢？顯然不是，而是在用戶進入搜索頁時，就直接光標閃動并喚起鍵盤，方便用戶直接鍵入內容搜索。

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

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

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

2. 搜索中/搜索后

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

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

三、用戶體驗

產品的用戶體驗一般會起到"錦上添花"的作用，在主功能與操作都完善的情況下，好的用戶體驗能讓用戶更好地完成操作，提升用戶的留存。搜索功能的用戶體驗主要目標是幫助用戶更快、更精準的搜索到想要的商品?；谶@個目標，我們從提供幫助、內容自適應、可預見性三個維度，來分析下當前電商產品中搜索功能的體驗亮點。

1. 提供幫助

提供幫助簡單理解就是"猜你所想"，就好像跟人溝通，當你說到一半，對方就已經知道了你想表達的內容，這不僅減少了自己的時間，還增加了對對方的好感。那電商的搜索功能都提供了哪些幫助呢？

1）猜你想搜

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

2）推薦你搜

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

3）幫你選

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

2. 內容自適應

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

比如用戶輸入"格力"，判斷關鍵詞為"品牌"，猜測用戶想找該品牌下相關的商品，此時搜索結果頁中，就可以提供用戶相關品類的篩選；同理，當用戶輸入"空調"，則展示相關品牌的推薦。通過搜索結果頁的內容自適應，幫助用戶更快的找到目標商品，提高產品的用戶體驗。

3. 可預見性

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

總結

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

作者：背包流浪