在《設(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)）的方式提醒用戶(hù)，我的設(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ì)的高明：

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

在分類(lèi)方式上，個(gè)人認(rèn)為tabs的方式更高效，只是對(duì)于搜索場(chǎng)景頻率較低的三個(gè)分類(lèi)：心情、音樂(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ò)的東西？

分類(lèi)搜索

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

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

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

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

輸入的關(guān)鍵詞可能分歧錯(cuò)誤？

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

顯示搜索結(jié)果

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

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

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

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

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

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

標(biāo)簽：東營(yíng) 林芝 烏魯木齊 九江 鹽城