關(guān)于瀏覽器搜索設(shè)計(jì),我有9個(gè)建議
按照用戶的搜索行為路徑,搜索可以拆分為三個(gè)階段。本文作者對(duì)不同階段的問題展開了分析,梳理總結(jié)了9條建議,希望能幫助你進(jìn)一步做好搜索設(shè)計(jì)。
對(duì)于搜索,百度百科給出的基本解釋是:給予一定的條件后再尋求,搜查。因此,搜索,可以看做是用戶快速獲取特定信息的一種方式。
吾生也有涯,而知也無涯。以有涯隨無涯,殆已!早在戰(zhàn)國時(shí)期,莊子就發(fā)出了這樣的感嘆:以有限的生命追逐無限的知識(shí),必然是失敗的?;ヂ?lián)網(wǎng)伊始,當(dāng)網(wǎng)絡(luò)信息開始呈指數(shù)型增長時(shí),搜索就應(yīng)運(yùn)而生,從Yahoo、Google到百度,在搜索的地基上催生了龐大的商業(yè)帝國。由此可見,面對(duì)信息爆炸的互聯(lián)網(wǎng),人們對(duì)于搜索,這一主動(dòng)尋求特定信息方式的強(qiáng)烈渴求。
從認(rèn)知科學(xué)的角度來說,人腦很難了解和記住所有的信息。認(rèn)知科學(xué)的先驅(qū)托馬斯·蘭道爾,曾做過一個(gè)實(shí)驗(yàn),用與計(jì)算機(jī)內(nèi)存相同的衡量標(biāo)準(zhǔn)來衡量人類的記憶容量,他通過幾種巧妙的方法推算出成年人的平均知識(shí)量是0.5GB。后來他又根據(jù)人們知識(shí)習(xí)得的速度,用多種方法來估算70年壽命后人腦所能存儲(chǔ)的知識(shí)量,最后都指向同一個(gè)答案:1GB。這點(diǎn)存儲(chǔ)量和浩如煙海的互聯(lián)網(wǎng)信息相比,簡直微如塵埃,不值一提。當(dāng)然人類的大腦,主要用途并不是存儲(chǔ),也不擅長記憶,所以我們學(xué)會(huì)了創(chuàng)造并使用各種媒介來作為我們身體的延伸。
正因?yàn)榛ヂ?lián)網(wǎng)上信息浩如煙海,人們的記憶容量又極為有限,不同人在不同時(shí)刻,不同場(chǎng)景下想獲取的知識(shí)千差萬別,任何產(chǎn)品都很難揣摩其意圖,隨時(shí)隨地,心照不宣的給出人們想要的信息。所以搜索之于互聯(lián)網(wǎng),就像陽光雨露一般不可缺失。借助搜索這一工具,人們無需再眾里尋他千百度,只需一個(gè)簡單的輸入,搜索引擎就能把結(jié)果呈現(xiàn)在燈火闌珊處。
我們來共同關(guān)注兩項(xiàng)調(diào)查:
(1)根據(jù)艾媒咨詢2018年的調(diào)研報(bào)告,當(dāng)人們有搜索訴求時(shí),多數(shù)用戶第一反應(yīng)是采用瀏覽器進(jìn)行搜索。
▲艾媒咨詢2018中國移動(dòng)搜索用戶偏好適用搜索渠道渠道入口調(diào)查
(數(shù)據(jù)來源:艾媒報(bào)告 I 2018-2019中國移動(dòng)搜索市場(chǎng)監(jiān)測(cè)報(bào)告https://www.iimedia.cn/c400/63519.html)
(2)瀏覽器作為搜索的主要載體,正是在搜索的滋養(yǎng)下,羽翼漸豐。根據(jù)艾媒咨詢19年中國手機(jī)瀏覽器用戶使用目的調(diào)查——搜索信息,也是用戶使用瀏覽器的最主要目的。
▲艾媒咨詢2019中國手機(jī)瀏覽器用戶使用目的調(diào)查
數(shù)據(jù)來源:艾媒報(bào)告 I 2019 Q1中國手機(jī)瀏覽器季度監(jiān)測(cè)研究報(bào)告https://www.iimedia.cn/c400/64329.html
這兩個(gè)調(diào)研互相驗(yàn)證了搜索對(duì)于瀏覽器的重要性。
既然搜索信息是用戶使用瀏覽器的主要目的(同時(shí)搜索也能為瀏覽器產(chǎn)品帶來可觀的商業(yè)收益),我們就有必要不斷打磨瀏覽器的搜索體驗(yàn),提高瀏覽器搜索的用戶滿意度和留存,進(jìn)而提高瀏覽器的商業(yè)收益。
那么具體該怎么做呢?
搜索的最終目的都是為了獲取相關(guān)的知識(shí),這種知識(shí)的獲取,屬于典型的獵物酬賞。
這種酬賞,可以刺激大腦中的伏隔核,讓神經(jīng)細(xì)胞傳遞更多的多巴胺,從而讓我們感受到類似于“豐收”的喜悅,或者“意外”的驚喜。一旦用戶在搜索——喜悅之間建立連接和印象,用戶就會(huì)越來越信任搜索產(chǎn)品,從而為產(chǎn)品的商業(yè)轉(zhuǎn)化帶來更大的價(jià)值。
▲Fogg行為模型:B=MAT (Behavior=Motivation * Ability * Trigger).
根據(jù)Fogg行為模型,觸發(fā)提醒用戶采取行動(dòng),動(dòng)機(jī)決定用戶是否愿意采取行動(dòng)。動(dòng)機(jī)和能力先解決哪一個(gè)?答案始終是能力。因?yàn)樵鰪?qiáng)用戶的使用動(dòng)機(jī)往往耗時(shí)又費(fèi)錢。而簡化操作過程,推動(dòng)他們進(jìn)行實(shí)踐,遠(yuǎn)比強(qiáng)化他們的動(dòng)機(jī),吊足他們的胃口要管用得多。要贏得人心,首先要先讓自己的產(chǎn)品便捷易操作,讓用戶能夠輕松駕馭。
搜索的用戶其實(shí)分兩種,一種是內(nèi)部觸發(fā)的,用戶已經(jīng)產(chǎn)生了明確的搜索動(dòng)機(jī),知道自己想搜什么,希望瀏覽器能快速滿足自己的信息獲取需求。另一種,則是外部觸發(fā)的,用戶本來沒有明確的搜索目的,但是瀏覽器內(nèi)的某些信息,激發(fā)了用戶的好奇心和求知欲,于是產(chǎn)生了搜索行為。
不管是內(nèi)部觸發(fā),還是外部觸發(fā),都只是提醒用戶采取行動(dòng)。設(shè)計(jì)師需要將搜索過程做到極簡,以減少用戶到達(dá)結(jié)果的層級(jí)和阻力,便于行動(dòng)的達(dá)成。很多事實(shí)都證明,當(dāng)使用某個(gè)產(chǎn)品所需花費(fèi)的步驟能被縮減或是優(yōu)化時(shí),用戶使用它的頻率就會(huì)增加。
所以,我們把搜索過程的設(shè)計(jì)愿景歸納為:一鍵搜索,一鍵結(jié)果。借此來提升搜索的體驗(yàn)和頻次。
結(jié)合用戶使用瀏覽器的動(dòng)機(jī)和具體場(chǎng)景,按照用戶的搜索行為路徑,搜索可以拆分為三個(gè)階段:
- 搜索前
- 搜索時(shí)
- 搜索后
搜索前的設(shè)計(jì)目標(biāo)可以歸納為以下三點(diǎn):
一、若搜過,莫重搜
“若搜過,莫重搜”,指的是如果用戶之前搜過某個(gè)信息,產(chǎn)品就應(yīng)該記錄用戶的搜索行為,盡量減少用戶重復(fù)性的操作。這個(gè)具體體現(xiàn)在設(shè)計(jì)上,包括以下兩種解決思路:
第一,如果用戶上次使用瀏覽器搜索后,停留在某個(gè)結(jié)果頁面,未曾主動(dòng)離開,那么下次進(jìn)入這個(gè)產(chǎn)品時(shí),不管過了多久,這個(gè)產(chǎn)品應(yīng)始終留在原來的結(jié)果頁面,讓用戶可以繼續(xù)上次的瀏覽。這是Google瀏覽器和UC瀏覽器的常用做法。
原因有兩個(gè):
- 這些結(jié)果頁其實(shí)都是用戶當(dāng)時(shí)選擇的結(jié)果,如果銷毀,用戶再次找到他們的操作成本、認(rèn)知成本和時(shí)間成本都極高,保留這些記錄,對(duì)于計(jì)算機(jī)來說沒有任何存儲(chǔ)壓力,但對(duì)于仍需要它們的用戶來說,卻是極大的方便。
- 即使這些結(jié)果頁用戶不再需要,用戶只需要點(diǎn)擊返回,即可消除這些記錄,操作成本極低。從純粹的用戶體驗(yàn)角度來說,我比較提倡這種處理方式,因?yàn)檫@可以讓用戶產(chǎn)生熟悉感和控制感。這就好像我們離開家,無論多久回來,家里的擺設(shè)都還保留著當(dāng)初的模樣,會(huì)讓用戶感到個(gè)性化的尊重,激發(fā)用戶的回憶和好感。
第二,由于某些商業(yè)訴求,產(chǎn)品希望用戶再次回來時(shí)(特指用戶主動(dòng)/被動(dòng)退出瀏覽器后再回來,如果用戶并未退出瀏覽器,只是退駐到后臺(tái)再回來,無論如何,也應(yīng)該按照第一種解決思路進(jìn)行處理的),瀏覽一下其他內(nèi)容,比如新聞資訊等,所以把用戶帶回首頁。(畢竟用戶已退出了瀏覽器,再次回來回到起點(diǎn),用戶是可以接受的),這種情況下,需要做的就是明確提供一個(gè)提示及入口,讓用戶可以通過提示了解我們依然為他保留了上次的結(jié)果頁面,而且可以通過入口的操作,一鍵直達(dá)原來的搜索結(jié)果頁。
有了這項(xiàng)備選提示后,我們可以保證有需求的用戶,可以一鍵直達(dá)上次的結(jié)果頁,沒有需求的用戶,可以直接在首頁開啟新的任務(wù),或者接受產(chǎn)品的引導(dǎo),進(jìn)行新聞信息的瀏覽。
二、若想搜,直接搜
指的是如果用戶是帶著明確的搜索目的來的,我們應(yīng)盡量在用戶進(jìn)入瀏覽器的頁面,就可以直接發(fā)起搜索,而不需要逐級(jí)返回再去尋找搜索入口。
根據(jù)數(shù)據(jù)我們了解到,用戶進(jìn)入瀏覽器時(shí)的頁面主要分為三大類:首頁、宮格頁和其他。三類頁面的占比分別是:2X.XX%, X.XX%,6X.XX%, 首頁和宮格頁是直接帶搜索框入口的。其他頁有地址欄,但并沒有明確的搜索指示。導(dǎo)致三個(gè)頁面的搜索轉(zhuǎn)化率分別為:6X.XX%,X.XX%和2X.XX%。有此可見有近40%的用戶進(jìn)入到其他頁以后,轉(zhuǎn)化到了首頁去進(jìn)行搜索,而不是從其他頁直接發(fā)起搜索。
受到這一數(shù)據(jù)的啟示,我們?cè)谄渌摰牡刂窓谛畔⒅忻鞔_增加了搜索圖標(biāo),而且調(diào)整了地址欄的視覺樣式,讓其和輸入頁的搜索保持一致,以強(qiáng)化地址欄的搜索屬性,達(dá)到讓用戶隨時(shí)隨地,想搜就搜的目的。
三、未想搜,誘我搜
作為瀏覽器產(chǎn)品,滿足用戶已有的搜索訴求,是產(chǎn)品最基礎(chǔ)的需求,為了提升產(chǎn)品使用頻次,培養(yǎng)用戶的搜索習(xí)慣,還有必要采取一些列的措施去挖掘用戶潛在的搜索訴求,并引導(dǎo)用戶進(jìn)行搜索。引導(dǎo)用戶搜索,從引導(dǎo)的強(qiáng)化程度,又劃分為三大類。
第一,弱引導(dǎo)的點(diǎn)按搜索。點(diǎn)按搜索在界面上,并無任何特殊樣式去引導(dǎo)用戶搜索,只是一旦用戶點(diǎn)擊了某個(gè)文本,表達(dá)了對(duì)文本的興趣后,產(chǎn)品就會(huì)在底部出現(xiàn)搜索的提示,用戶可以通過點(diǎn)擊提示,一鍵直達(dá)搜索結(jié)果頁。如果用戶是因?yàn)檎`觸點(diǎn)擊的文本,則無需理會(huì)底部的提示,繼續(xù)瀏覽或操作其他內(nèi)容,提示就會(huì)自動(dòng)消失。這種搜索,依賴于用戶的操作,但將搜索的門檻降到了最低,可以有效的促進(jìn)搜索的轉(zhuǎn)化。
第二,有中性引導(dǎo)的標(biāo)藍(lán)搜索。標(biāo)藍(lán)搜索是指,在文章段落中,將用戶經(jīng)常搜索的內(nèi)容進(jìn)行標(biāo)藍(lán)顯示(超鏈接的標(biāo)準(zhǔn)樣式),讓用戶可以感知到,這個(gè)信息是有深度信息的,是可以通過一步點(diǎn)擊操作直達(dá)轉(zhuǎn)化的。這種具有初步視覺暗示的信息,如果激發(fā)了用戶的疑問和好奇心,也是非常容易轉(zhuǎn)化的。
第三,有強(qiáng)烈運(yùn)營和推薦屬性的熱詞搜索和相關(guān)搜索。這個(gè)誘導(dǎo)方式比較常見,產(chǎn)品內(nèi)也比較多。比如搜索框內(nèi)的引導(dǎo)詞,搜索熱榜,文章末尾的相關(guān)搜索,新聞資訊中的推薦搜索,搜索輸入頁的實(shí)時(shí)熱搜等等,這些都需要結(jié)合當(dāng)下熱點(diǎn)和用戶標(biāo)簽,才能夠提高搜索推薦的精準(zhǔn)性。
搜索時(shí)的設(shè)計(jì)目標(biāo)可以歸納為三點(diǎn):
四、能不輸,就不輸
這主要是指要盡量避免讓用戶鍵盤輸入。
大家都知道在移動(dòng)手機(jī)上,鍵盤小,屏幕按鈕沒有物理手感和物理反饋,需要高度集中精力才可以完成準(zhǔn)確的輸入。經(jīng)??吹铰飞嫌腥四弥謾C(jī)走著走著突然停下來,開始操作手機(jī),因?yàn)檫呑哌叢僮骱苋菀装l(fā)生錯(cuò)誤,只有停下來才能保證操作的正確性。而且當(dāng)人們?cè)诼吠局袝r(shí),手里可能還拿/扶著東西,只能被迫單手操作。
在這種大環(huán)境下,我們有必要提供一些輔助措施,讓用戶盡可能的避免鍵盤輸入,這里給大家提供一些避免鍵盤輸入的幾種方式。
第一,提供語音搜索或圖片搜索,讓用戶可以通過簡單的點(diǎn)擊喚起搜索,并通過語音或掃描的方式完成搜索信息的輸入。
第二,提供歷史記錄。當(dāng)用戶想要再次查詢?cè)?jīng)輸入過的內(nèi)容,可以通過點(diǎn)擊歷史記錄發(fā)起搜索。歷史記錄一定要考慮多入口記錄的合并,經(jīng)常有用戶反饋找不到歷史記錄,是因?yàn)樗麄冊(cè)诓煌娜肟谶M(jìn)行搜索的,但軟件卻沒有將這些記錄合并在一起顯示,導(dǎo)致用戶從另一入口進(jìn)入后就找不到歷史記錄。
第三,提供智能提示,當(dāng)用戶復(fù)制一個(gè)網(wǎng)址時(shí),考慮到網(wǎng)址和瀏覽器的親密性,可以考慮在復(fù)制的瞬間,自動(dòng)彈出智能提示,用戶可以通過點(diǎn)擊提示,一步直達(dá)網(wǎng)頁,而無需手動(dòng)粘貼輸入。
第四,顯示剪貼板內(nèi)容,當(dāng)用戶復(fù)制一個(gè)普通文本進(jìn)入到瀏覽器輸入頁時(shí),可以根據(jù)當(dāng)下的場(chǎng)景智能的顯示復(fù)制內(nèi)容,方便用戶一鍵點(diǎn)擊直達(dá)搜索結(jié)果頁,避免用戶手動(dòng)粘貼輸入。
五、非要輸,便捷輸。
這是指如果一定要讓用戶輸入,就盡量讓用戶輸入的操作更少,更順手。這里最常用的處理方式就是提供搜索聯(lián)想詞,而關(guān)于搜索搜索聯(lián)想詞,我也有三個(gè)小建議。
第一,支持拼音聯(lián)想,所見即所得,讓用戶可以快速看到聯(lián)想詞條,并且可以讓用戶減少一次鍵盤點(diǎn)擊,直接點(diǎn)擊對(duì)應(yīng)的聯(lián)想詞就發(fā)起搜索。
第二,凸顯差異化的聯(lián)想詞,讓用戶可以把視線焦點(diǎn)集中在差異化的詞尾上,方便用戶快速掃描對(duì)比聯(lián)想詞,減少用戶篩選的成本。
第三,無聯(lián)想詞條時(shí),要出現(xiàn)一條偽裝聯(lián)想詞,增強(qiáng)用戶搜索的信心,也方便習(xí)慣點(diǎn)擊聯(lián)想詞的用戶,可以通過點(diǎn)擊聯(lián)想詞發(fā)起搜索(一開始輸入時(shí),一般都會(huì)有聯(lián)想詞,隨著用戶輸入內(nèi)容的增多,有可能沒有可匹配的聯(lián)想詞,下方就一片空白,會(huì)讓部分用戶誤以為沒有搜索結(jié)果,所以出一條偽裝聯(lián)想詞,可以增強(qiáng)用戶輸入和搜索的信心)畢竟即使沒有聯(lián)想詞條,一般也都是有搜索結(jié)果的。
六、既已輸,全顯示。
當(dāng)前所有的搜索輸入框都是單行文本框,不管用戶輸入多少內(nèi)容,輸入框的高度都不會(huì)發(fā)生變化。當(dāng)輸入詞超過一行以后,輸入信息會(huì)自動(dòng)前滾,如果用戶想要檢查確認(rèn)所有輸入的內(nèi)容,必須要手動(dòng)移動(dòng)光標(biāo),去閱讀所有的文本。
這種單行文本框存在以下問題:
- 用戶無法直觀的獲取當(dāng)前所輸入的完整內(nèi)容,不能快速的檢查搜索內(nèi)容的正確性。
- 當(dāng)用戶決定要檢查輸入內(nèi)容時(shí),需要通過左右滑動(dòng)光標(biāo)來查看內(nèi)容,左右精度不太好控制,操作不方便。
- 當(dāng)用戶左右滑動(dòng)光標(biāo)時(shí),始終只能看見前后一行的內(nèi)容,比較考驗(yàn)用戶的短期記憶能力,而且還很容易和右側(cè)的關(guān)閉按鈕發(fā)生誤操作,用戶體驗(yàn)不太友好。
考慮到單行文本框的這些特點(diǎn),建議用自適應(yīng)高度的多行文本框來作為搜索框。未輸入時(shí)顯示是單行文本框,當(dāng)用戶輸入超過一行時(shí)則自適應(yīng)高度拓展一行??紤]到搜索引擎所支持的最大輸入文字個(gè)數(shù)在38-40個(gè)字,基本上三行的文本框可以覆蓋,所以可以將文本框的高度上限確定為3行,超過3行后,可能在框內(nèi)滾動(dòng)查看。因?yàn)槿械娘@示區(qū)和操作區(qū)都大于一行,所以顯示的完整性和操作的便捷度都大幅提高。
搜索后設(shè)計(jì)目標(biāo)拆解下來也有三點(diǎn):
七、無結(jié)果,要推薦
當(dāng)用戶發(fā)起搜索查詢后,若果沒有搜索結(jié)果,或者搜索結(jié)果少,或者不滿足用戶訴求時(shí),建議給出推薦搜索。
比如Google雖然退出了中國市場(chǎng),但是每日在中國使用Google搜索的用戶仍然有10W+,面對(duì)查詢失敗的結(jié)果,給用戶推薦國內(nèi)搜索引擎搜索,就是一個(gè)不錯(cuò)的選擇,它可以確保用戶能有渠道可查。
當(dāng)用戶選擇某一個(gè)搜索引擎搜索時(shí),如果一直滑動(dòng)到頁面底部依然沒有找到合適的結(jié)果,可以在底部提供其他相關(guān)搜索詞,建議用戶更換搜索詞進(jìn)行搜索,更利于用戶找到精準(zhǔn)的結(jié)果。
當(dāng)用戶不切換搜索詞,但是始終未找到合適的搜索結(jié)果時(shí),還可以推薦用戶切換搜索引擎進(jìn)行查詢。畢竟每個(gè)搜索引擎爬取的內(nèi)容范圍不一樣,而且某些指定內(nèi)容只支持特定的搜索引擎查詢(比如微信內(nèi)公眾號(hào)信息就支持搜狗搜索),切換搜索引擎,也有利用戶找到更全面的結(jié)果。
八、有結(jié)果,精匹配
搜索引擎的結(jié)果頁,是各大搜索引擎商業(yè)和內(nèi)容制衡的結(jié)果,畢竟每個(gè)搜索公司都不是非盈利組織,在其中插入商業(yè)廣告在所難免。此外,搜索精準(zhǔn)度排序,也是各個(gè)引擎公司優(yōu)化的重點(diǎn)。
瀏覽器一般只是接入搜索結(jié)果頁進(jìn)行呈現(xiàn)。由于商務(wù)及法律的原因,是不允許修改搜索結(jié)果頁的內(nèi)容及排序的。如果想要在搜索結(jié)果上提供更好的操作,各家的做法,基本上都是在呈現(xiàn)搜索結(jié)果頁之前,在用戶輸入過程中,就通過聯(lián)想匹配,直接給用戶呈現(xiàn)最相關(guān)的結(jié)果,可以方便用戶一鍵直達(dá)結(jié)果(如應(yīng)用、影視等),甚至無需繼續(xù)搜索,直接在聯(lián)想頁就得到最終結(jié)果(如天氣)。
九、看詳情,少干擾
雖然搜索結(jié)果頁是受搜索引擎控制,瀏覽器不能擅自修改內(nèi)容及排序,但是到了結(jié)果詳情頁,瀏覽器相對(duì)可控度就會(huì)大很多?,F(xiàn)在比較常見的控制方式有兩種。
第一:去廣告。
根據(jù)艾媒咨詢調(diào)研結(jié)論,中國移動(dòng)搜索用戶最期望的功能優(yōu)化就是減少頁面廣告。
▲艾媒咨詢2018中國移動(dòng)搜索用戶移動(dòng)搜索使用優(yōu)化期望調(diào)查
數(shù)據(jù)來源:艾媒報(bào)告 | 2018-2019中國移動(dòng)搜索市場(chǎng)監(jiān)測(cè)報(bào)告 https://www.iimedia.cn/c400/63519.html
一般瀏覽器都會(huì)做廣告攔截,攔截的機(jī)制是保持原有頁面的基本結(jié)構(gòu)不變,將頁面中所能識(shí)別到的各種廣告,比如彈窗,懸浮廣告,頁面內(nèi)插入廣告等,全部清除(清除后可能用戶無感知,也可能用戶會(huì)看到廣告占位符)給用戶一個(gè)相對(duì)干凈的網(wǎng)頁。
第二:精排版
摒棄原有的頁面結(jié)果,將用戶感興趣的內(nèi)容提煉出來,按照信息內(nèi)容的主次層級(jí),重新排版呈現(xiàn),給用戶打造一種更加沉浸的頁面瀏覽體驗(yàn)。比如Safari的清爽模式和vivo的小說閱讀模式。
以上就是瀏覽器搜索設(shè)計(jì)過程中的9個(gè)建議,圍繞這9個(gè)設(shè)計(jì)建議,可以展開很多具體的設(shè)計(jì)優(yōu)化點(diǎn),如果有文中沒有提到的,歡迎留言和我一起探討。
本文由@悅有所思 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash, 基于CC0協(xié)議
夸克做得不錯(cuò)