發(fā)布日期：2017/3/16

“搜索” 是許多移動(dòng)端應(yīng)用中的常見(jiàn)功能，尤其對(duì)于電商類(lèi)、引擎類(lèi)、信息流類(lèi)的應(yīng)用，搜索往往是其中好主要的功能之一，據(jù)說(shuō)淘寶用戶 90%的行為都從搜索框開(kāi)始。無(wú)論是移動(dòng)端照舊 pc 端，“搜索” 的設(shè)計(jì)思考都以 “用戶要得到什么？” 作為出發(fā)點(diǎn)；但兩者的顯現(xiàn)形式卻不盡相同。相較于 pc 端，移動(dòng)端的搜索功能需要在更小的屏幕空間上占有一席之地；根據(jù)不同的營(yíng)業(yè)形式，其顯現(xiàn)的體例也是多種多樣。本文以 “搜索的時(shí)間邏輯” 作為脈絡(luò)，從 “為什么要搜索－搜索前－搜索時(shí)－搜索后” 對(duì)搜索功能進(jìn)行解剖式分析，給自己做分析整頓的同時(shí)也分享給剛剛?cè)腴T(mén)做移動(dòng)端體驗(yàn)設(shè)計(jì)的同窗。

為什么要搜索－關(guān)于搜索的行為思考

不同的搜索目的

不同的用戶或使用場(chǎng)景，用戶搜索的目的往往不同，一般分以下三類(lèi)。

1、正確搜索。這種場(chǎng)景下用戶目的清晰明確、直奔主題上海做網(wǎng)站，通過(guò)在搜索框輸入內(nèi)容快速找到所需目標(biāo)，完成此次搜索動(dòng)作。常見(jiàn)案例如百度地圖、UBER、網(wǎng)易有道詞典、同花順的搜索功能等。

2、提高尋找效率，高效鎖定目標(biāo)或快速縮小范圍。這時(shí)候 “搜索” 功能在一定程度上和 “篩選” 近似，有時(shí)候往往和篩選一路使用。這種常見(jiàn)于信息瀏覽類(lèi)應(yīng)用，在用戶瀏覽信息的同時(shí)往往 “迸發(fā)” 出念頭，想要快速瀏覽有針對(duì)性?xún)?nèi)容，于是開(kāi)始使用搜索。常見(jiàn)案例如愛(ài)奇藝、下廚房、優(yōu)酷、美團(tuán)、大眾點(diǎn)評(píng)、知乎等。

3、用戶不知道自己想要什么，通過(guò) “搜索” 啟發(fā)自己靈感。因?yàn)樵S多應(yīng)用的搜索頁(yè)面中往往有 “精心安排” 的信息。為迎合這類(lèi)用戶需求豪沃A7駕駛室，搜索頁(yè)面一般有熱門(mén)搜索的關(guān)鍵詞、搜索類(lèi)目、記錄等等。

寫(xiě)在搜索前－搜索怎么放

1、搜索圖標(biāo)：在導(dǎo)航欄一側(cè)或其他位置放置，根據(jù)用戶場(chǎng)景和主要級(jí)需求決定。一般搜索圖標(biāo)放在右側(cè)，當(dāng)右側(cè)有兩個(gè)及以上按鈕時(shí)，考慮平鋪或折疊。

2、搜索欄：以搜索欄的形式直接放在導(dǎo)航欄或放在導(dǎo)航欄下方等其他位置，此時(shí)搜索欄可結(jié)合語(yǔ)音、拍照、刪除（在輸入后顯示）等功能按鈕。

3、搜索作為標(biāo)簽欄中的某一個(gè)功能：根據(jù)內(nèi)容主要性決定排在第幾個(gè)標(biāo)簽中。

4、搜索以單獨(dú)頁(yè)面或主頁(yè) P0 功能顯現(xiàn)：直接作為主頁(yè)面或主頁(yè)以較大篇幅顯示搜索欄，內(nèi)容及形式根據(jù)用戶場(chǎng)景定義。（見(jiàn)圖一）

我是圖一

搜索時(shí)－搜索框的變身

1.以搜索欄形式顯現(xiàn)的搜索功能，搜索框的位置可以出現(xiàn)較短的文案，長(zhǎng)度需限制在搜索框的長(zhǎng)度以?xún)?nèi)，起到隱性提醒和指導(dǎo)的作用，有時(shí)也會(huì)加入運(yùn)營(yíng)內(nèi)容；當(dāng)出現(xiàn)搜索框時(shí)，往往配合 “取消”“刪除”“語(yǔ)音輸入”“拍照輸入” 等功能；當(dāng)搜索框與其他功能按鈕一路出現(xiàn)時(shí)，需要注重各個(gè)功能按鈕的可用性問(wèn)題。（見(jiàn)圖二）

我是圖二

2.以圖標(biāo)形式顯現(xiàn)的搜索功能，當(dāng)用戶點(diǎn)擊時(shí)，或以動(dòng)效形式出現(xiàn)搜索框，或直接至單獨(dú)的搜索頁(yè)面。當(dāng)然，搜索框的形式顯現(xiàn)時(shí)，點(diǎn)擊行為也會(huì)觸發(fā)至一個(gè)新的頁(yè)面。無(wú)論以上哪種形式，當(dāng)至單獨(dú)的搜索頁(yè)面時(shí)，可顯現(xiàn)的關(guān)于 “搜索” 的內(nèi)容就更加精彩紛呈了。一般可以給出以下內(nèi)容：

1）與搜索字段相關(guān)的聯(lián)想詞列表：頁(yè)面上實(shí)時(shí)顯現(xiàn)與搜索關(guān)鍵詞有關(guān)的單一內(nèi)容列表或多樣性?xún)?nèi)容展示。若關(guān)聯(lián)詞有相關(guān)操作或二級(jí)內(nèi)容，如關(guān)閉、搜索效果的副題目或增補(bǔ)內(nèi)容等，可直接在關(guān)聯(lián)詞后露出。

2）搜索內(nèi)容的支撐范圍：定義內(nèi)容、類(lèi)目列表、范圍欄（scope bar）給出支撐的標(biāo)簽或者 tab。其目的是讓用戶明確 “搜索” 支撐的范圍，相當(dāng)于搜索的 tips，有時(shí)候 “篩選” 功能會(huì)在該頁(yè)配合搜索一路使用。（見(jiàn)圖三）

我是圖三

3.搜索歷史

4.熱門(mén)搜索

5.可能在搜索（根據(jù)用戶習(xí)慣、喜愛(ài)等數(shù)據(jù)推薦）

6.精華內(nèi)容

7.運(yùn)營(yíng)推廣內(nèi)容：如內(nèi)容推薦、建議類(lèi)目的關(guān)鍵詞。（如類(lèi)目的設(shè)計(jì)、CMS 頻道的設(shè)計(jì)、促銷(xiāo)運(yùn)動(dòng)的設(shè)計(jì)）（參考案例百度地圖）

8.廣告

9.以上幾種內(nèi)容的結(jié)合體（見(jiàn)圖四）

我是圖四

10.針對(duì)關(guān)鍵詞的進(jìn)一步推薦搜索的列表（我個(gè)人稱(chēng)之為漸進(jìn)式搜索，參考案例：（知乎 APP）四川做網(wǎng)站首頁(yè)，這是一種搜索內(nèi)容未能提供情況下，讓用戶能夠 “有所得” 得好方法，提拔了用戶體驗(yàn)。試想當(dāng)你輸入了一大段文字之后顯現(xiàn)的頁(yè)面是 “暫無(wú)內(nèi)容”，相比于此四川上海做網(wǎng)站，提前讓用戶知道：“我們這里暫時(shí)沒(méi)有你要的。但是，或許可以看看別的”“別的內(nèi)容或許也有你意想不到的驚喜奧！” 此方案看上去像降級(jí)方案，但本質(zhì)是讓用戶的搜索行為可控，反而提拔了搜索效果的用戶體驗(yàn)。（見(jiàn)圖 5）

我是圖五

搜索后－搜索的效果呈現(xiàn)

當(dāng)我們完成搜索時(shí)，以何種形式呈現(xiàn)什么樣的內(nèi)容才能更好的知足我們的需求呢？當(dāng)用戶點(diǎn)擊搜索時(shí)，有兩種信息的呈現(xiàn)形式，一種是在當(dāng)前頁(yè)面展示，另一種是新開(kāi)頁(yè)面。

1、在當(dāng)前頁(yè)面展示搜索效果的頁(yè)面，內(nèi)容較簡(jiǎn)單，主要目的是為了讓用戶進(jìn)一步點(diǎn)擊選擇，使得搜索的效果可控。這種情況下常以列表形式平鋪地顯現(xiàn)信息，相關(guān)地二級(jí)題目或按鈕會(huì)結(jié)合搜索效果同步露出。這種情況下，許多時(shí)候鍵盤(pán)地 “搜索” 按鈕是禁用的或者鍵盤(pán)的設(shè)計(jì)無(wú)搜索按鈕。

2、當(dāng)需要展示的內(nèi)容有不同屬性，如列表、圖、圖文結(jié)合或更多的其他形式，則一般采用新開(kāi)頁(yè)面的體例，信息的展示也需要做分層處理。信息的分層包括每個(gè)單元內(nèi)信息之間的對(duì)比、強(qiáng)調(diào)和弱化。不同單元和屬性的信息間優(yōu)先級(jí)展示以及展示體例的區(qū)分。參考案例如下：（見(jiàn)圖6）

我是圖六

3、當(dāng)搜索無(wú)內(nèi)容時(shí)，我們給用戶什么？好簡(jiǎn)單粗暴的形式是直接告訴用戶沒(méi)有，但這種體驗(yàn)太不好，作為交互設(shè)計(jì)師應(yīng)該思考一件事 ““在沒(méi)有效果展示時(shí)我們還能為用戶做點(diǎn)兒什么？” 從用戶的角度思考，即 “啥都沒(méi)有，我要做什么呢？” 帶著疑問(wèn)來(lái)開(kāi)始這個(gè)頁(yè)面的設(shè)計(jì)，用戶分為自動(dòng)和被動(dòng)。自動(dòng)的用戶這時(shí)候會(huì)做什么？或許會(huì)重新提議一次搜索，輸入更加正確的關(guān)鍵詞、提交報(bào)錯(cuò)或反饋，這類(lèi)用戶總會(huì)找到他想做的事情。而對(duì)于被動(dòng)的用戶，我們就應(yīng)該去了解他，投其所好。如相似度和關(guān)聯(lián)性推薦、熱門(mén)推薦、可能喜好、搜索歷史等形式。（見(jiàn)圖 7）

我是圖七

有時(shí)候用戶對(duì)于搜索效果并不寫(xiě)意，我們可以在頁(yè)面上做效果頁(yè)展示的補(bǔ)償方案：如讓用戶進(jìn)一步明確搜索詞，縮小搜索范圍，如通過(guò)分類(lèi)和篩選功能。二是指導(dǎo)用戶在應(yīng)用可支撐的范圍內(nèi)進(jìn)行搜索，如同花順的股票搜索、知乎的搜索案例等。

結(jié)語(yǔ)

本文僅從 “時(shí)間邏輯” 的角度把搜索功能的形式做了一次簡(jiǎn)單總結(jié)；但搜索的場(chǎng)景往往根據(jù)具體營(yíng)業(yè)需求千變?nèi)f化，但這恰恰是用戶體驗(yàn)設(shè)計(jì)的意義點(diǎn)所在，也是設(shè)計(jì)的本源，即 “探索人搜索的初始欲望”。關(guān)于搜索，可以思考的點(diǎn)還有許多，隨意拋出一個(gè)問(wèn)題，如：點(diǎn)擊 “搜索” 的時(shí)候一定要喚起鍵盤(pán)嗎？再問(wèn)，點(diǎn)擊 “搜索框” 的時(shí)候一定要喚起鍵盤(pán)嗎？這些都沒(méi)有永恒的固定答案，而相對(duì)準(zhǔn)確的答案都在每一次的具體營(yíng)業(yè)中。選擇網(wǎng)站建設(shè)沙漠風(fēng)微信公眾號(hào)：sz-shamofeng