搜索功能，它是能讓用戶直接到達(dá)目的地的通道，起到了一個(gè)引導(dǎo)用戶走向的重要作用。一個(gè)成熟的搜索功能是產(chǎn)品優(yōu)秀的表現(xiàn)。

說到搜索功能，你是否會想到一個(gè)放大鏡的圖標(biāo)和一個(gè)矩形輸入欄？

大部分的APP都有搜索功能，搜索功能影響到用戶對產(chǎn)品資源的充分調(diào)動(dòng)使用，它是讓用戶直接到達(dá)目的地的通道，起到了一個(gè)引導(dǎo)用戶走向的重要作用，一個(gè)成熟的搜索功能是產(chǎn)品優(yōu)秀的表現(xiàn)。

一、搜索場景

1. 常見的搜索場景

1）作為搜索引擎入口

搜索中最常見最印象深刻的搜索引擎，比如谷歌搜索、百度搜索。

2）用于內(nèi)容查找?

一般放在網(wǎng)站的頂部，用于查找網(wǎng)站的內(nèi)容。

3）用于快速定位?

查找內(nèi)容的變種，主要是內(nèi)容定位作用，比如查找手機(jī)中某一款app。

4）用于活動(dòng)推薦?

主要是電商類的APP，會在搜索欄輸入活動(dòng)商品，用戶點(diǎn)擊搜索后進(jìn)入商品活動(dòng)頁面。

二、搜索用戶群體

根據(jù)搜索功能的使用，會發(fā)現(xiàn)使用不同的搜索場景下，用戶類型有明顯的特性，可分為：任務(wù)型用戶、鏈接型用戶、混合型用戶三種。

• 任務(wù)型的用戶：是直接使用搜索功能的用戶，在使用的時(shí)候有清晰的使用目的，直接在搜索欄輸入想要的內(nèi)容關(guān)鍵詞進(jìn)入搜索列表頁。
• 鏈接型的用戶：是打開一個(gè)頁面之后會找各個(gè)功能的鏈接（首頁廣告，功能入口，鏈接），即使他們已經(jīng)想好了要找某些信息，他們還是會通過點(diǎn)擊入口而不是輸入關(guān)鍵字來找頁面，只有當(dāng)他們找不到相關(guān)信息鏈接時(shí)才選擇使用搜索功能。
• 混合型的用戶：是綜合任務(wù)型和鏈接型的用戶特征，在尋找相關(guān)信息時(shí)會使用搜索也可能會尋找相關(guān)功能鏈接。

三、搜索功能的入口

不同功能，不同需求的界面會影響到搜索框入口的設(shè)計(jì)。目前主要有以下幾種搜索入口：

1. 在首頁只有搜索框

類似于Google、百度、Bing，搜索是他們的主營業(yè)務(wù)，自然希望用戶所要查看的大部分頁面都是通過搜索來獲得。所以把搜索框做為用戶的唯一使用路徑放在首頁，不論是APP還是網(wǎng)頁。

Bing的首頁相比Google來說，除了搜索功能外，添加了很多內(nèi)容，如今日熱點(diǎn)話題、絢麗好看的背景圖故事等，還可以切換到國際版搜索；

Google在隱身模式下搜索，首頁只有搜索輸入欄和語音搜索入口，點(diǎn)擊輸入欄后跳轉(zhuǎn)到搜索輸入頁面。

簡單搜索的首頁主要有搜索輸入欄、相機(jī)搜索、語音搜索等不同的搜索方式，點(diǎn)擊搜索進(jìn)入搜索輸入頁面。

輸入欄在不同的位置和搜索方式的組合，給用戶的體驗(yàn)感受。嗖~的設(shè)計(jì)樣式側(cè)重在不同搜索引擎下的搜索結(jié)果，Google的樣式給人加深品牌印象，簡單搜索多種搜索方式展示給人專業(yè)便捷的搜索體驗(yàn)。

2. 下拉頁面時(shí)才會出現(xiàn)搜索框

這種情況在系統(tǒng)界面比較容易看到，對于一個(gè)系統(tǒng)界面來說，給用戶提供各個(gè)APP，功能入口是一個(gè)系統(tǒng)的重要功能，所以對于搜索，系統(tǒng)做了隱藏處理。

系統(tǒng)桌面下拉搜索的用戶使用場景更傾向是快速定位，支持搜索手機(jī)上所有應(yīng)用的相關(guān)內(nèi)容，包括通訊錄，社交軟件聯(lián)系人等等。

Ios系統(tǒng)的下拉界面內(nèi)容較少，固定在頂部的輸入欄也比較清晰，方便用戶直接在輸入欄輸入搜索；安卓的下拉界面功能元素較多，采用icon的設(shè)計(jì)比較節(jié)約界面空間，搜索入口樣式是放大鏡圖標(biāo)，點(diǎn)擊放大鏡進(jìn)入搜索頁面。

在生活中，用戶對信息的管理較為注重，鑒于用戶對信息的特殊使用場景，在啟動(dòng)進(jìn)入APP時(shí)，一般是按最新的信息排列，沒有顯示搜索功能。但針對較少使用的搜索場景則采用下拉的方式，下拉是用戶在使用手機(jī)中較自然的一個(gè)交互動(dòng)作，另外信息本身在開啟使用的時(shí)候都會有自動(dòng)更新機(jī)制，因此下拉出現(xiàn)搜索框不存在其他沖突風(fēng)險(xiǎn)。

3. 在點(diǎn)擊搜索icon后出現(xiàn)搜索框

輕芒雜志和每日開眼的搜索入口是單獨(dú)的一個(gè)放大鏡icon，并不是為了節(jié)省空間，而是使整個(gè)界面更有設(shè)計(jì)感，新浪財(cái)經(jīng)的搜索入口只有放大鏡圖標(biāo)是當(dāng)前頁面的排版比較緊湊，這樣的設(shè)計(jì)更能節(jié)約空間，展示更多的重要的信息。

4. 在首頁最頂端的搜索框

對于任務(wù)型用戶或者，會使用搜索操作來直接到達(dá)自己想要到達(dá)的頁面。一般在電商類、內(nèi)容類產(chǎn)品中較為常見，搜索往往是固定在頂部Global上的，以便用戶快速搜索想要的內(nèi)容。

5. 作為一個(gè)主頁出現(xiàn)在底部標(biāo)簽欄上

當(dāng)搜索功能作為一項(xiàng)很重要的功能，層級很高、使用頻繁時(shí)，也會把它放在標(biāo)簽欄中做為一個(gè)主頁面展示。

適用任務(wù)型、鏈接型、混合型用戶的使用偏好。輸入時(shí)仍需要跳轉(zhuǎn)到搜索前輸入頁面，這種設(shè)計(jì)比較能夠全方位向平臺用戶推薦資源。

6. 在點(diǎn)懸浮窗搜索icon出現(xiàn)搜索框

懸浮窗搜索入口能夠使用戶在瀏覽的狀態(tài)下總能注意到搜索圖標(biāo)，隨時(shí)可以搜索的狀態(tài)。這個(gè)效果跟在固定首頁最頂?shù)乃阉鬏斎肟虻娜肟谛Ч^相似。

四、搜索方式

最常見的搜索方式是文字搜索，但隨著智能技術(shù)的發(fā)展，搜索功能呈現(xiàn)的形式越來越豐富，豐富的搜索形式是文字搜索的輔助功能，能夠引導(dǎo)用戶在搜索上獲得更便捷更高效的體驗(yàn)。目前在搜索形式上主要有文字搜索、語音搜索、圖片搜索，還有一些在此基礎(chǔ)上衍生的搜索形式，比如在圖片搜索基礎(chǔ)上在細(xì)分出掃碼搜索、拍題搜索、拍照翻譯搜索等細(xì)分領(lǐng)域。

1. 文字搜索

文字搜索的搜索輸入頁的元素一般有輸入欄，熱門搜索、搜索歷史、平臺搜索榜單推薦、語音搜索等。

其中輸入欄有三種情況，一種是空白的輸入欄，一種是顯示搜索類型提示，一種是顯示活動(dòng)推薦搜索關(guān)鍵詞，一種是在輸入欄增加語音搜索功能。熱門搜索、歷史搜索、搜索榜單推薦這些元素使搜索輸入頁內(nèi)容更豐富些，也讓用戶通過搜索更加了解平臺的其他資源或正火熱的資源。

2. 語音搜索

1）語音搜索的表現(xiàn)形式

語音搜索的輸入頁面設(shè)計(jì)主要有小屏彈窗式和全屏頁面兩種，進(jìn)入語音搜索輸入頁面時(shí)，系統(tǒng)開啟語音識別模式。

在界面一般會有停止語音識別按鈕，語音識別歷史和語音識別的交互動(dòng)態(tài)。

以上展示三種不同風(fēng)格的語音搜索輸入頁面，簡單搜索的界面主要注重簡單精準(zhǔn)，在界面交互設(shè)計(jì)上比較簡約。京東的語音搜索輸入頁注重人與機(jī)器的交互體驗(yàn)，在頁面上除了可以語音搜索交互外，還有有智能問答交互、語音交互的教學(xué)引導(dǎo)、購物指南、游戲等功能，把語音搜索的功能與京東吉祥物結(jié)合起來，創(chuàng)造出未來的智能感。蝦米音樂的語音搜索界面比較酷炫，呈現(xiàn)出潮流活力的感覺。

2）語音搜索的應(yīng)用場景

語音搜索提升許多用戶使用場景，比如年紀(jì)大的用戶，使用語音搜索將會比他們打字來得方便；路上不方便打字的用戶等等。語音搜索在音樂類APP上應(yīng)用較多，通過識別音樂來搜索音樂的相關(guān)內(nèi)容，很方便用戶不記得歌名的使用場景。部分音樂類app還針對一些場合做了些語音搜索上的優(yōu)化，比如哼歌識曲，提高了用戶想要搜索的內(nèi)容。

3. 圖片搜索

1）圖片搜索的頁面設(shè)計(jì)

圖片搜索輸入頁面中，核心功能是圖片搜索，但為了圖片搜索的結(jié)果質(zhì)量好或者用戶使用體驗(yàn)好的情況下，一般會在頁面上添加對應(yīng)的元素提升體驗(yàn)。在圖片拍照上會有聚焦和閃光燈用來幫助用戶提升拍攝畫質(zhì)，在用戶體驗(yàn)上會有新手引導(dǎo)、使用幫助、圖片上傳、拍照翻轉(zhuǎn)前后攝像頭、活動(dòng)推薦等功能提升使用感受。

2）圖片搜索的應(yīng)用場景

圖片搜索主要應(yīng)用在二維碼掃描、以圖搜圖、拍照搜題、拍照翻譯、AR翻譯等5種場景，目前在搜索工具類的APP上能看到這5種使用功能場景，淘寶已經(jīng)在應(yīng)用端上使用AR buy+的AR識別搜索技術(shù)。

4. 搜索輔助功能

在良好的輸入狀態(tài)下，能夠減少用戶的輸入時(shí)間，快速進(jìn)入搜索狀態(tài)。在文字搜索的形式下，主要有以下幾種輔助搜索功能。

搜索詞匹配、快速定位搜索詞、聯(lián)想的搜索輸入模式、輔助多重篩選搜索、分類標(biāo)簽搜索

1）搜索詞匹配

搜索詞匹配在用戶對搜索的關(guān)鍵詞處于模糊的場景比較常用，幫助用戶通過匹配廣泛的關(guān)鍵字列表選擇自己最想搜索的相關(guān)內(nèi)容，從而減少必要的思考和試錯(cuò)時(shí)間。

2）快速定位搜索詞

快速定位搜索詞主要是提供搜索詞相關(guān)的信息和搜索結(jié)果信息前置從而縮小結(jié)果范圍，提供搜搜詞相關(guān)的信息比如顯示搜索結(jié)果數(shù)量、商品數(shù)量等，而顯示搜索詞屬性、標(biāo)簽等則屬于后一種情況。

3）聯(lián)想是搜索

聯(lián)想式搜索輸入模式是app根據(jù)用戶輸入的關(guān)鍵詞和平臺的熱門關(guān)鍵綜合評價(jià)給出的聯(lián)想列表，以供用戶快速選擇搜索。

4）輔助多重篩選

電商類app一般都會有這一功能，比如淘寶的輔助多重篩選搜索，輸入時(shí)展現(xiàn)的一系列聯(lián)想內(nèi)容，點(diǎn)擊右邊的一個(gè)拓展icon，就可以采用聯(lián)想出的內(nèi)容，在此基礎(chǔ)上繼續(xù)縮小范圍篩選，從而幫助用戶獲得最接近需求的內(nèi)容。

5）分類標(biāo)簽搜索

當(dāng)應(yīng)用里的內(nèi)容涉及的類別較多、范圍較為廣泛，為了搜索出的內(nèi)容更加準(zhǔn)確，減少用戶在眾多相似的搜索結(jié)果中選擇內(nèi)容時(shí)的干擾，可采用分類標(biāo)簽的方式便于用戶搜索。這種主要適用于用戶已知需要搜索的內(nèi)容的類別，縮小搜索范圍。

5. 搜索結(jié)果

1）搜索成功

常見的搜索結(jié)果按卡片式的瀑布流頁面集中顯示，在頂部用分類標(biāo)簽篩選搜索結(jié)果。在電商類的搜索結(jié)果顯示中還會注重信息的篩選功能和結(jié)果排序。

2）未搜到結(jié)果

在APP內(nèi)沒有搜索到結(jié)果時(shí)，常見的有三種處理結(jié)果。

一種是直接顯示沒有搜索結(jié)果，一種是在頁面上顯示猜你喜歡類型的內(nèi)容，一種是顯示重新搜索，重新搜索比較適合語音搜索的使用場景。在沒有搜索結(jié)果的頁面設(shè)計(jì)上用IP人物萌趣化的形象提示相關(guān)未搜索到的原因更讓人輕松接受，同時(shí)增加猜你喜歡聯(lián)想搜索關(guān)鍵詞也能讓用戶體驗(yàn)好感上升。

五、總結(jié)

搜索使用場景主要有作為搜索引擎入口、用于內(nèi)容查找、用于快速定位、用于活動(dòng)推薦等。

1、根據(jù)搜索的使用可將用戶劃分為任務(wù)型、鏈接型、混合型。

2、不同功能，不同需求的界面會影響到搜索框入口的設(shè)計(jì)。目前主要的入口有在首頁只有搜索框、在下拉頁面時(shí)才會出現(xiàn)搜索框、在點(diǎn)搜索icon后出現(xiàn)搜索框、在首頁的最頂端的搜索框、在獨(dú)立頁面的搜索框、在點(diǎn)懸浮窗搜索icon出現(xiàn)搜索框。

3、常見的搜索形式上主要有文字搜索、語音搜索、圖片搜索。

4、文字搜索的搜索輸入頁的元素一般有輸入欄，熱門搜索、搜索歷史、平臺搜索榜單推薦、語音搜索等。

5、常見的搜索輔助：搜索詞匹配、快速定位搜索詞、聯(lián)想的搜索輸入模式、輔助多重篩選搜索、分類標(biāo)簽搜索。

6、語音搜索的主要應(yīng)用是語音翻譯、聽歌識曲、哼歌識曲。

7、圖片搜索的主要應(yīng)用是二維碼掃描、以圖搜圖、拍照搜題、拍照翻譯、AR翻譯、以圖搜劇等。

8、對搜索不到結(jié)果的顯示盡可能的萌趣些，引導(dǎo)用戶下一步操作，避免用戶在搜索不到產(chǎn)生的消極情緒而影響產(chǎn)品的使用。

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

題圖來自 Pexels，基于 CC0 協(xié)議