良好體驗的微信搜索，背後到底暗藏了多少小心思？

我想多去研究和借鑒這種優秀產品的交互設計，基於場景去思考為什麼這個功能要這樣設計，那個功能要那樣設計，有沒有優化的空間，就會漸漸培養出自己的產品感。

微信，是一個生活方式。走過六個年頭的微信，如今的確與我們的生活有著千絲萬縷的聯繫，從某種程度上說，拋棄百度，光是用微信的搜索功能，就已經能獲取大部分我們想要的信息。當人們都在談小程序、微信被迫關閉iOS端讚賞功能時，你是否留意過微信的搜索體驗到底有多棒？微信的搜索入口和流程經過怎麼樣的細節設計？

本文就微信搜索的交互流程和細節進行分析。

微信的搜索入口層級

微信在「微信」和「通訊錄」這兩個tab頁面下設計了全局搜索入口，也還在聊天記錄、公眾號、收藏、表情、遊戲下設置了子入口。這就可以幫助用戶在某個頁面模塊下，不需要返回一級菜單，就可快速找到想要的內容。

搜索入口有四種常見形式

• 放在tab bar上，例如App Storel、微博、b站；
• 放在nav bar上，例如淘寶、京東；
• 放在nav bar下，例如微信、QQ；
• 點擊搜索icon，如網易雲課堂。

微信的全局搜索入口

微信的全局搜索入口是第三種，位於nav bar下，而且只在「微信」和「通訊錄」這兩個tab下的頁面設計了入口。視覺設計上和頁面主體顏色接近。在交互上有3個關鍵點：

• 在「微信」tab頁，初始化狀態時時搜索框是隱藏的（用戶初次打開「收藏」時也是同樣的設計），而在「通訊錄」tab頁，搜索框是默認顯示的。
• 當用戶向下滑動時，搜索框再次會被隱藏。
• 當用戶下滑后再回到頂部時或做下滑刷新手勢操作時，搜索框才顯示出來。

分析：

微信的核心場景是聊天，搜索是其輔助功能，這就決定了布局上、視覺上、交互上的層級不需要像電商或內容型產品那樣突出，以保持頁面的簡潔。

在「微信」和「通訊錄」tab頁，搜索框的初始化狀態分別做隱藏和顯示的兩種不同的處理，這非常體現了場景化思維，如果不是一流的產品經理，很難會想得這麼細。相對來說，用戶來到「通訊錄」頁比在「微信」頁更容易產生搜索的動作，所以搜索框在「微信」頁做得更加隱蔽。

對於用戶的手勢交互，微信也是別有用心，當用戶向下滑動頁面時，通常都很清楚自己要找什麼，所以搜索框就被隱藏了，減少對用戶注意力的干擾。只有當用戶回到頂部時，才有可能進行搜索操作。這就給用戶一種感覺，「我不需要你時，你從不打擾，而我需要你時，你恰好出現。」

分類搜索

分類搜索通常有3種常見形態

• 在搜索框下方顯示不同的入口；
• 點擊彈出浮層進行切換，例如淘寶、噹噹、微博、豆瓣；
• 在搜索框下方顯示不同的tab，如網易雲音樂、知乎;

分析

微信的分類搜索採取的是第一種方式。

從戰略角度來說，微信正在締造一個騰訊生態圈，更加滲入人們的生活。從產品體驗角度來說，當一個產品越能幫助用戶找到、並且連接到他想要的東西，用戶黏性就越高。從某種程度上來說，微信搜索的信息時效性都要高於百度，微信前陣子推出的微信指數，讓我覺得微信正在低調地爭奪百度搜索入口的流量。

落到具體的交互體驗層面上，我們分析下為什麼沒有選用另外兩種設計呢？

微信的搜索是默認搜索全部內容的，在用戶沒有選擇下方入口時，默認優先搜索聯繫人、群聊、遊戲、公眾號、聊天記錄、收藏。為什麼它們在搜索框下方沒有做入口？因為這些和用戶的關係更深一些，如果需要點擊入口再跳轉新的頁面，路徑就會變長，體驗就不好。另外搜索的類別很多的話，以tab形式展現，用戶需要不斷切換tab，這樣會比較麻煩。

第二種設計針對的場景是每個類別的搜索頻率是差別比較大的，通常默認第一種分類就能滿足大多數人的搜索需求，如在淘寶里很多人都是搜寶貝。

對於類別不多的產品，每個類別下結果又很多，而且用戶並不明確自己的搜索類別時，第三種tab切是更好的設計，視覺比第二種更直接，路徑也比第一種更短，用戶不需要跳轉三級頁面縮小搜索範圍，直接切換tab就可瀏覽不同類型下的搜索結果。

搜索結果的分類

通常的分類方式是tab切和卡片，如網易和微信。tab切的好處前面已經簡單提到過。對於微信這種每一類結果可能不是很多的情況下，卡片式的瀑布流布局能讓快速定位到自己想要的內容。

搜索推薦

微信的搜索推薦做得非常輕量化，僅有「朋友圈熱文」。其實對於擁有龐大活躍用戶數的微信來說，如果想要做一些個性化推薦的內容，會帶來不菲的廣告收入。個人猜測沒有這樣做的原因是，用戶數越多，眾口越難調，也就越考驗演算法，如果沒做好，反而損害用戶體驗。

微信為什麼沒有搜索提示語、搜索歷史？

很多產品在搜索框都會有提示用戶可以搜索的信息，例如網易雲音樂會提示「搜索音樂、歌詞、電台」，或者也會給出用戶具體的內容進行引流，例如優酷會提示「人民的名義」。提示語都可以引導用戶，幫助用戶更加理解產品的定位，同時也避免了用戶隨意輸入關鍵詞搜不到結果，而對產品產生不好的印象。

當游標聚焦搜索框時，也會出現搜索歷史，而微信搜索框僅有「搜索」二字，也沒有搜索歷史。

這很符合微信的極簡設計，但卻不可以輕易效仿，因為這裡面有對產品的定位思考。微信，是一個生活方式，既然是生活，那就是無所不包。設想一下：如果微信設置了提示語：搜索聯繫人、聊天記錄、公眾號、收藏……，那豈不是限制了用戶的思維，而且視覺上也顯得信息冗餘。

再者，考慮一個功能要不要做，可以想一下如果有和沒有的差別會不會帶來使用體驗上的巨大差別？沒有提示語，用戶也會本能想到搜索聯繫人、聊天記錄、公眾號……等等，而且以微信的億級用戶量，每個人的搜索內容可能都是天壤之別的，簡單反而給用戶更大的範圍去探索。

那為什麼不做搜索歷史呢？

在手機QQ上，是有搜索歷史的，個人猜測微信沒做也許是需求優先順序不夠高，畢竟沒有這個功能，影響也不是很大。結合場景來思考的話，用戶什麼時候才需要搜索歷史呢？搜過的結果還會再用。這種場景是不是很多呢？我個人好像就不多。不知道你是否希望微信提供搜索歷史呢？

總結

知乎上曾有一個問題，「有哪些產品經理認為很簡單，實則開發很難的技術？」，搜索功能光榮上榜多次。本文僅僅是從交互體驗的角度分析，就發現光是要做好一個搜索功能，PM可不得花很多心思去思考啊！我想多去研究和借鑒這種優秀產品的交互設計，基於場景去思考為什麼這個功能要這樣設計，那個功能要那樣設計，有沒有優化的空間，就會漸漸培養出自己的產品感。

參考文章

@不知名設計師：《移動端搜索功能設計：3個階段解析搜索流程設計要點》。

作者：小蠢俠，16年畢業，負責ToB端的產品經理。坐標上海。

本文由 @小蠢俠 原創發佈於人人都是產品經理。未經許可，禁止轉載。