POST TIME:2018-12-03 21:40
在《設(shè)計搜一搜之前,我問了本身7個問題》的文章里,我提出了如果我是微信產(chǎn)品經(jīng)理的假設(shè)。這一篇請繼續(xù)跟隨我的假設(shè),從宏不雅觀到微不雅觀,拆解搜一搜的核心流程和交互細節(jié)。
搜一搜流程圖核心路徑原型展示對整體的流程圖和原型圖了然于胸后,接下來請跟我一起深入交互細節(jié),看看從微信團隊的設(shè)計思路上能學習到什么。
全局說明因為搜一搜是單項需求,所以全局說明里省去了頁面切換方式、頁面刷新等內(nèi)容,只是簡單說了標識說明和時間格式,便利大家理解我的原型圖。
微信教會我新功能提示可以這樣玩有新功能上線,很常見的方式是用Badge(小紅點)的方式提醒用戶,我的設(shè)想也是如此。而當我畫完原型圖,再更新到最新版本6.5.8,我卻「發(fā)現(xiàn)」頁并沒有「搜一搜」和「看一看」,起初還懷疑是不是沒更新成功。機智如我,我想應(yīng)該在設(shè)置里面,果然發(fā)現(xiàn)了「實驗室」。
當我點進「實驗室」之后,我驚嘆微信團隊的高明:
「允許用戶自由選擇」:無論微信團隊是出于克制還是出于不確定,他們都盡量不引起用戶的反感,賦予給用戶說“不”的權(quán)利?!敢庖姺答仭梗和ǔR庖姺答佒粫谠O(shè)置中出現(xiàn),而微信為這兩個功能都各做了一個反饋入口,足以見微信團隊多么在乎這兩個功能會不會得到用戶的認可和喜歡。進入搜一搜在分類方式上,個人認為tabs的方式更高效,只是對于搜索場景頻率較低的三個分類:心情、音樂和小說,需要左滑tabs才能出現(xiàn)。視覺上,微信突出了搜索框,沒有做熱詞引導(dǎo),整個頁面更簡潔一些。
微信把搜索歷史隱藏得很深,我試了好多次才發(fā)現(xiàn):只有當你輸入你以前搜過的詞,才會以一個icon的方式提醒你,這真是極簡。這樣做合分歧理,涉及到一個場景:微信上到底有多少人會搜以前搜過的東西?
分類搜索對于帶著明確目的查找型用戶,我的設(shè)想是可以滑動tabs來實現(xiàn)定向搜索,,而微信需要進入二級頁面,同時輸入框里的icon和提示語發(fā)生變革,提示用戶搜索范圍改變。
之所以放上伴侶圈和小說兩個分類搜索頁,是因為微信在這兩個類別下,做了一些保舉性質(zhì)和用戶歷史行為性質(zhì)的快捷入口。我認為在文章類別下,也應(yīng)該做一個比來瀏覽的入口。
開始輸入關(guān)鍵詞輸入關(guān)鍵詞過程中的交互,我的設(shè)想和微信的設(shè)計出入不大,這里不贅述。
輸入的關(guān)鍵詞可能分歧錯誤?用戶有時候也會犯錯,好的產(chǎn)品就是告訴你找到正確的路,同時也不會抹殺掉你情愿錯下去的權(quán)利:)
顯示搜索結(jié)果因為公眾號和文章是最高頻的搜索需求,所以我把這兩個類別放在最前面。又因為不少人搜索的是已關(guān)注的公眾號,所以公眾號類別區(qū)里我僅保存了公眾號頭像和名稱兩個元素,以曝光更多公眾號。
對于少數(shù)想要搜索音樂和小說的用戶,需要左滑tabs來實現(xiàn)定向搜索。
對比微信的設(shè)計,有3點值得我學習:
差別的關(guān)鍵詞,對應(yīng)的分類排序是紛歧樣的,非常靈活,這也是卡片式分類的好處。小程序的類別排在比較前面,顯示了微信對于小程序的重視。文章排在最后,可以不停加載,給用戶一種搜索結(jié)果很豐富的感覺,尤其是滿足了探索型用戶的需求。細分出資訊類別,而這些資訊的來源也是公眾號,這些公眾號的特點都是新聞媒體性質(zhì)的,如南方都市報、騰訊新聞、搜狐娛樂等。對搜索結(jié)果進行標記,公眾號會有“已關(guān)注”,小程序會有”使用過”,文章會有“比來讀過”、“X個好友分享”,音樂會有“xx人近30天在伴侶圈分享”。這些把社交元素和場景化設(shè)計都揉在搜索結(jié)果里了。單個類另外搜索結(jié)果顯示頁在公眾號列表頁,我加了一個“+關(guān)注”的button來吸引用戶關(guān)注。
微信里的“2個好友關(guān)注”標記融入了微信的社交感。給用戶一種心理暗示:這個公眾號應(yīng)該不錯,我也來關(guān)注看看?