我想多去研究和借鑒這種優(yōu)秀產(chǎn)品的交互設(shè)計，基于場景去思考為什么這個功能要這樣設(shè)計，那個功能要那樣設(shè)計，有沒有優(yōu)化的空間，就會漸漸培養(yǎng)出自己的產(chǎn)品感。

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

本文就微信搜索的交互流程和細(xì)節(jié)進(jìn)行分析。

微信的搜索入口層級

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

搜索入口有四種常見形式

1. 放在tab bar上，例如App Storel、微博、b站；
2. 放在nav bar上，例如淘寶、京東；
3. 放在nav bar下，例如微信、QQ；
4. 點擊搜索icon，如網(wǎng)易云課堂。

微信的全局搜索入口

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

1. 在“微信”tab頁，初始化狀態(tài)時時搜索框是隱藏的（用戶初次打開“收藏”時也是同樣的設(shè)計），而在“通訊錄”tab頁，搜索框是默認(rèn)顯示的。
2. 當(dāng)用戶向下滑動時，搜索框再次會被隱藏。
3. 當(dāng)用戶下滑后再回到頂部時或做下滑刷新手勢操作時，搜索框才顯示出來。

分析：

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

在“微信”和“通訊錄”tab頁，搜索框的初始化狀態(tài)分別做隱藏和顯示的兩種不同的處理，這非常體現(xiàn)了場景化思維，如果不是一流的產(chǎn)品經(jīng)理，很難會想得這么細(xì)。相對來說，用戶來到“通訊錄”頁比在“微信”頁更容易產(chǎn)生搜索的動作，所以搜索框在“微信”頁做得更加隱蔽。

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

分類搜索

分類搜索通常有3種常見形態(tài)

1. 在搜索框下方顯示不同的入口；
2. 點擊彈出浮層進(jìn)行切換，例如淘寶、當(dāng)當(dāng)、微博、豆瓣；
3. 在搜索框下方顯示不同的tab，如網(wǎng)易云音樂、知乎;

分析

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

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

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

微信的搜索是默認(rèn)搜索全部內(nèi)容的，在用戶沒有選擇下方入口時，默認(rèn)優(yōu)先搜索聯(lián)系人、群聊、游戲、公眾號、聊天記錄、收藏。為什么它們在搜索框下方?jīng)]有做入口？因為這些和用戶的關(guān)系更深一些，如果需要點擊入口再跳轉(zhuǎn)新的頁面，路徑就會變長，體驗就不好。另外搜索的類別很多的話，以tab形式展現(xiàn)，用戶需要不斷切換tab，這樣會比較麻煩。

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

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

搜索結(jié)果的分類

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

搜索推薦

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

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

很多產(chǎn)品在搜索框都會有提示用戶可以搜索的信息，例如網(wǎng)易云音樂會提示“搜索音樂、歌詞、電臺”，或者也會給出用戶具體的內(nèi)容進(jìn)行引流，例如優(yōu)酷會提示“人民的名義”。提示語都可以引導(dǎo)用戶，幫助用戶更加理解產(chǎn)品的定位，同時也避免了用戶隨意輸入關(guān)鍵詞搜不到結(jié)果，而對產(chǎn)品產(chǎn)生不好的印象。

當(dāng)光標(biāo)聚焦搜索框時，也會出現(xiàn)搜索歷史，而微信搜索框僅有“搜索”二字，也沒有搜索歷史。

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

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

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

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

總結(jié)

知乎上曾有一個問題，“有哪些產(chǎn)品經(jīng)理認(rèn)為很簡單，實則開發(fā)很難的技術(shù)？”，搜索功能光榮上榜多次。本文僅僅是從交互體驗的角度分析，就發(fā)現(xiàn)光是要做好一個搜索功能，PM可不得花很多心思去思考?。∥蚁攵嗳パ芯亢徒梃b這種優(yōu)秀產(chǎn)品的交互設(shè)計，基于場景去思考為什么這個功能要這樣設(shè)計，那個功能要那樣設(shè)計，有沒有優(yōu)化的空間，就會漸漸培養(yǎng)出自己的產(chǎn)品感。

參考文章

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

作者：小蠢俠，16年畢業(yè)，負(fù)責(zé)ToB端的產(chǎn)品經(jīng)理。坐標(biāo)上海。