在《設(shè)計(jì)搜一搜之前，我問(wèn)了自己7個(gè)問(wèn)題》的文章里，我提出了如果我是微信產(chǎn)品經(jīng)理的假設(shè)。這一篇請(qǐng)繼續(xù)跟隨我的假設(shè)，從宏觀到微觀，拆解搜一搜的核心流程和交互細(xì)節(jié)。

搜一搜流程圖

核心路徑原型展示

對(duì)整體的流程圖和原型圖了然于胸后，接下來(lái)請(qǐng)跟我一起深入交互細(xì)節(jié)，看看從微信團(tuán)隊(duì)的設(shè)計(jì)思路上能學(xué)習(xí)到什么。

全局說(shuō)明

因?yàn)樗岩凰咽菃雾?xiàng)需求，所以全局說(shuō)明里省去了頁(yè)面切換方式、頁(yè)面刷新等內(nèi)容，只是簡(jiǎn)單說(shuō)了標(biāo)識(shí)說(shuō)明和時(shí)間格式，方便大家理解我的原型圖。

微信教會(huì)我新功能提示可以這樣玩

有新功能上線，很常見(jiàn)的方式是用Badge(小紅點(diǎn)）的方式提醒用戶，我的設(shè)想也是如此。而當(dāng)我畫(huà)完原型圖，再更新到最新版本6.5.8，我卻「發(fā)現(xiàn)」頁(yè)并沒(méi)有「搜一搜」和「看一看」，起初還懷疑是不是沒(méi)更新成功。機(jī)智如我，我想應(yīng)該在設(shè)置里面，果然發(fā)現(xiàn)了「實(shí)驗(yàn)室」。

當(dāng)我點(diǎn)進(jìn)「實(shí)驗(yàn)室」之后，我驚嘆微信團(tuán)隊(duì)的高明：

1. 「允許用戶自由選擇」：無(wú)論微信團(tuán)隊(duì)是出于克制還是出于不確定，他們都盡量不引起用戶的反感，賦予給用戶說(shuō)“不”的權(quán)利。
2. 「意見(jiàn)反饋」：通常意見(jiàn)反饋只會(huì)在設(shè)置中出現(xiàn)，而微信為這兩個(gè)功能都各做了一個(gè)反饋入口，足以見(jiàn)微信團(tuán)隊(duì)多么在乎這兩個(gè)功能會(huì)不會(huì)得到用戶的認(rèn)可和喜歡。

進(jìn)入搜一搜

在分類方式上，個(gè)人認(rèn)為tabs的方式更高效，只是對(duì)于搜索場(chǎng)景頻率較低的三個(gè)分類：表情、音樂(lè)和小說(shuō)，需要左滑tabs才能出現(xiàn)。視覺(jué)上，微信突出了搜索框，沒(méi)有做熱詞引導(dǎo)，整個(gè)頁(yè)面更簡(jiǎn)潔一些。

微信把搜索歷史隱藏得很深，我試了好多次才發(fā)現(xiàn)：只有當(dāng)你輸入你以前搜過(guò)的詞，才會(huì)以一個(gè)icon的方式提醒你，這真是極簡(jiǎn)。這樣做合不合理，涉及到一個(gè)場(chǎng)景：微信上到底有多少人會(huì)搜以前搜過(guò)的東西？

分類搜索

對(duì)于帶著明確目的查找型用戶，我的設(shè)想是可以滑動(dòng)tabs來(lái)實(shí)現(xiàn)定向搜索，而微信需要進(jìn)入二級(jí)頁(yè)面，同時(shí)輸入框里的icon和提示語(yǔ)發(fā)生變化，提示用戶搜索范圍改變。

之所以放上朋友圈和小說(shuō)兩個(gè)分類搜索頁(yè)，是因?yàn)槲⑿旁谶@兩個(gè)類別下，做了一些推薦性質(zhì)和用戶歷史行為性質(zhì)的快捷入口。我認(rèn)為在文章類別下，也應(yīng)該做一個(gè)最近瀏覽的入口。

開(kāi)始輸入關(guān)鍵詞

輸入關(guān)鍵詞過(guò)程中的交互，我的設(shè)想和微信的設(shè)計(jì)出入不大，這里不贅述。

輸入的關(guān)鍵詞可能不對(duì)？

用戶有時(shí)候也會(huì)犯錯(cuò)，好的產(chǎn)品就是告訴你找到正確的路，同時(shí)也不會(huì)抹殺掉你情愿錯(cuò)下去的權(quán)利：）

顯示搜索結(jié)果

因?yàn)楣娞?hào)和文章是最高頻的搜索需求，所以我把這兩個(gè)類別放在最前面。又因?yàn)椴簧偃怂阉鞯氖且殃P(guān)注的公眾號(hào)，所以公眾號(hào)類別區(qū)里我僅保留了公眾號(hào)頭像和名稱兩個(gè)元素，以曝光更多公眾號(hào)。

對(duì)于少數(shù)想要搜索音樂(lè)和小說(shuō)的用戶，需要左滑tabs來(lái)實(shí)現(xiàn)定向搜索。

對(duì)比微信的設(shè)計(jì)，有3點(diǎn)值得我學(xué)習(xí)：

1. 不同的關(guān)鍵詞，對(duì)應(yīng)的分類排序是不一樣的，非常靈活，這也是卡片式分類的好處。小程序的類別排在比較前面，顯示了微信對(duì)于小程序的重視。文章排在最后，可以不斷加載，給用戶一種搜索結(jié)果很豐富的感覺(jué)，尤其是滿足了探索型用戶的需求。
2. 細(xì)分出資訊類別，而這些資訊的來(lái)源也是公眾號(hào)，這些公眾號(hào)的特點(diǎn)都是新聞媒體性質(zhì)的，如南方都市報(bào)、騰訊新聞、搜狐娛樂(lè)等。
3. 對(duì)搜索結(jié)果進(jìn)行標(biāo)記，公眾號(hào)會(huì)有“已關(guān)注”，小程序會(huì)有”使用過(guò)”，文章會(huì)有“最近讀過(guò)”、“X個(gè)好友分享”，音樂(lè)會(huì)有“xx人近30天在朋友圈分享”。這些把社交元素和場(chǎng)景化設(shè)計(jì)都揉在搜索結(jié)果里了。

單個(gè)類別的搜索結(jié)果顯示頁(yè)

在公眾號(hào)列表頁(yè)，我加了一個(gè)“+關(guān)注”的button來(lái)吸引用戶關(guān)注。

微信里的“2個(gè)好友關(guān)注”標(biāo)記融入了微信的社交感。給用戶一種心理暗示：這個(gè)公眾號(hào)應(yīng)該不錯(cuò)，我也來(lái)關(guān)注看看？

微信在文章分類頁(yè)里的2個(gè)細(xì)節(jié)值得我學(xué)習(xí)：

1. 增加了排序功能，用戶可按默認(rèn)排序或者時(shí)間排序來(lái)查看文章；
2. 對(duì)文章做標(biāo)記幫助用戶快速篩選，用“最近讀過(guò)”標(biāo)記來(lái)區(qū)分讀過(guò)和未讀過(guò)的文章；“x個(gè)好友分享”標(biāo)記更能吸引用戶閱讀。

在前期調(diào)研發(fā)現(xiàn)，用戶很少在微信上搜索音樂(lè)，那么為了培養(yǎng)這個(gè)習(xí)慣，我在音樂(lè)列表上加了轉(zhuǎn)發(fā)的button，方便用戶快捷轉(zhuǎn)發(fā)給朋友或者分享到朋友圈。

微信的設(shè)計(jì)里有3個(gè)值得注意的細(xì)節(jié)：

1. 對(duì)于非QQ音樂(lè)平臺(tái)的音樂(lè)，沒(méi)有播放按鈕。用意很明顯，總要偏袒自家兄弟的產(chǎn)品嘛；
2. 統(tǒng)計(jì)近30天的朋友圈分享量，來(lái)體現(xiàn)歌曲的熱度；
3. 不僅支持歌名匹配，也支持歌手匹配。

對(duì)于微信朋友圈的分類頁(yè)，我只是以同樣的內(nèi)容復(fù)制排列，所以這里就只放微信的設(shè)計(jì)了。

對(duì)比之下，我發(fā)現(xiàn)其實(shí)朋友圈的結(jié)果匹配是最需要考慮仔細(xì)的，因?yàn)榕笥讶Φ姆窒韮?nèi)容非常多樣化，而且朋友圈里的任何元素只要匹配關(guān)鍵詞，都可以被搜索到。

從視覺(jué)上來(lái)說(shuō)，這里和我們平時(shí)刷的朋友圈長(zhǎng)得又不一樣：

• 文字信息最多只放兩行；
• 音樂(lè)和鏈接視覺(jué)比重明顯減小，沒(méi)有音樂(lè)封面圖、文章封面圖，統(tǒng)一用icon來(lái)標(biāo)明；
• 對(duì)于沒(méi)有文字，直接分享鏈接和音樂(lè)的朋友圈，會(huì)加一句“分享了一個(gè)鏈接”、“分享了一首歌”。

這是典型的場(chǎng)景化設(shè)計(jì)。平時(shí)刷朋友圈是瀏覽的心情，而搜索時(shí)用戶帶著明確目的，所以應(yīng)該盡可能地提供有效的信息，減少干擾信息。

總得來(lái)說(shuō)，微信在「搜一搜」上的用戶體驗(yàn)花了不少功夫，現(xiàn)在面臨的最大難題是：如何培養(yǎng)用戶使用搜一搜的習(xí)慣？個(gè)人猜測(cè)是這樣：

如果有一天，微信的數(shù)據(jù)庫(kù)強(qiáng)大到用戶不用打開(kāi)其他軟件，只要搜一搜，就可以發(fā)布一條帶圖文、音樂(lè)和視頻的朋友圈，那么用戶必然會(huì)依賴搜一搜，習(xí)慣也在不知不覺(jué)中被培養(yǎng)起來(lái)。

相關(guān)閱讀

良好體驗(yàn)的微信搜索，背后到底暗藏了多少小心思？

作者：小蠢俠，16年畢業(yè)，負(fù)責(zé)ToB端的產(chǎn)品經(jīng)理，經(jīng)常在朋友圈搞事情、發(fā)紅包的問(wèn)題少女。坐標(biāo)上海。正在讀的書(shū)：《騰訊傳》、《搜索模式》。個(gè)人微信：1545882156

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