2016-11-3 資深UI設(shè)計(jì)者
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
搜索功能無(wú)論在web端還是移動(dòng)端，都是產(chǎn)品中十分重要的功能。文章主要從用戶體驗(yàn)和產(chǎn)品功能、策略角度來(lái)分析，提出一些對(duì)應(yīng)的設(shè)計(jì)方法。
搜索能夠幫助用戶快速找到想要的結(jié)果，其中兩個(gè)重要目標(biāo)是提高搜索結(jié)果的相關(guān)性，降低結(jié)果觸達(dá)的延遲性。用戶使用搜索功能來(lái)滿足其信息獲取的需求，其搜索目的是在搜索結(jié)果中進(jìn)行內(nèi)容消費(fèi)。搜索功能一般來(lái)說(shuō)都是全局性質(zhì)的“模糊搜索”（用戶可以搜索到產(chǎn)品的主要內(nèi)容），有時(shí)也會(huì)出現(xiàn)在局部結(jié)構(gòu)中（如某個(gè)功能模塊下的“定向搜索”）。
產(chǎn)品的用戶體驗(yàn)一般包括感官體驗(yàn)、交互體驗(yàn)、情感體驗(yàn)、瀏覽體驗(yàn)和信任體驗(yàn)幾種，對(duì)應(yīng)的產(chǎn)品屬性特征為舒適性、易用性和可用性、友好性、吸引力及可靠性。其中用戶在移動(dòng)端的搜索過(guò)程中對(duì)于感官體驗(yàn)影響較弱以外，其他幾種體驗(yàn)都會(huì)在整個(gè)搜索過(guò)程中涉及到。
搜索功能用戶體驗(yàn)描述
從用戶角度來(lái)看，搜索是給用戶提供其需要的東西，功能目標(biāo)的指向性更強(qiáng)；搜索過(guò)程出現(xiàn)的所有相關(guān)功能入口或功能訴求點(diǎn)，推薦內(nèi)容作為錦上添花，而不是作為主要的功能載體；對(duì)于功能完整度高的搜索功能，體驗(yàn)的重點(diǎn)更多落腳到搜索結(jié)果的內(nèi)容和呈現(xiàn)上，而結(jié)果的呈現(xiàn)，與用戶的選擇行為和認(rèn)知息息相關(guān)。
從產(chǎn)品角度來(lái)看，搜索結(jié)果滿足更多用戶的直接和潛在需求，如運(yùn)營(yíng)和廣告需求；露出更多功能和內(nèi)容點(diǎn)，提高UV和VV，并向其他入口導(dǎo)流。
本文源于設(shè)計(jì)師在實(shí)際設(shè)計(jì)過(guò)程中的經(jīng)驗(yàn)積累與感觸，寫作邏輯更加傾向于交互設(shè)計(jì)師的實(shí)際設(shè)計(jì)過(guò)程與思考，結(jié)合產(chǎn)品和前端開發(fā)的模塊劃分，一般將整個(gè)搜索流程分為搜索入口，搜索中間頁(yè)，搜索過(guò)程和搜索結(jié)果頁(yè)四部分。這也與用戶搜索操作流程相一致，但是并不是每個(gè)功能會(huì)有都會(huì)遇到，這也與實(shí)際的產(chǎn)品訴求相關(guān)。從“峰終理論”角度來(lái)看，用戶體驗(yàn)的關(guān)鍵點(diǎn)出現(xiàn)在過(guò)程的峰值和終點(diǎn)部分，這是影響用戶對(duì)整個(gè)過(guò)程體驗(yàn)的兩個(gè)關(guān)鍵點(diǎn)。搜索過(guò)程中的峰值，一般出現(xiàn)在搜索中間頁(yè)，讓用戶實(shí)現(xiàn)便捷搜索同時(shí)獲得更多的相關(guān)信息；終點(diǎn)毋庸置疑是搜索結(jié)果頁(yè)。
搜索中的產(chǎn)品、設(shè)計(jì)與用戶體驗(yàn)
一．搜索入口-用戶需求的起點(diǎn)，產(chǎn)品功能權(quán)重的體現(xiàn)
搜索入口是用戶開始搜索功能的起點(diǎn)，入口的可見性、易用性是影響產(chǎn)品初次搜索體驗(yàn)的要素。搜索入口沒(méi)有差異化，但是用戶存在差異化特征：
1.目標(biāo)明確型用戶：知道自己想要搜索什么，以及對(duì)搜索結(jié)果有一定的心理預(yù)期；
2.目標(biāo)模糊型用戶：操作無(wú)目的或目的不明確，對(duì)更多目標(biāo)內(nèi)容沒(méi)有預(yù)期，或者不了解搜索功能索涵蓋的范圍。
從產(chǎn)品策略層分析，尤其對(duì)于內(nèi)容消費(fèi)的產(chǎn)品而言，搜索功能所占據(jù)的功能權(quán)重更加重要，其功能架構(gòu)也更加厚重，搜索入口的設(shè)計(jì)方式，是產(chǎn)品屬性、功能策略的一種直觀反映。
因此從入口開始，便能看出搜索功能在產(chǎn)品中的權(quán)重如何。搜索入口從類型上可分為四種，包括獨(dú)立的導(dǎo)航標(biāo)簽、常駐的通欄導(dǎo)航條、功能布點(diǎn)的icon入口以及特殊樣式，其中前三種樣式較為常見，權(quán)重依次降低。
三種主要搜索入口樣式
1.獨(dú)立的導(dǎo)航標(biāo)簽
直接出現(xiàn)在底部或頂部導(dǎo)航欄中，這樣用戶在切換幾個(gè)導(dǎo)航頁(yè)面時(shí)，搜索的入口是實(shí)時(shí)存在的，全局性的設(shè)計(jì)讓用戶可以隨時(shí)點(diǎn)擊進(jìn)入到搜索頁(yè)面，一般而言，此類操作觸發(fā)后對(duì)應(yīng)的搜索頁(yè)面功能和層級(jí)也更加豐富，承載與搜索、發(fā)現(xiàn)相關(guān)的延伸功能。例如微博的搜索頁(yè)面，切換至搜索導(dǎo)航標(biāo)簽時(shí)，進(jìn)入的是一個(gè)獨(dú)立的頁(yè)面，其內(nèi)容的豐富程度不亞于首頁(yè)，而且承載了話題、明星等更深層級(jí)的入口，功能屬性層次感十分飽滿。
微博
2.頂部通欄樣式
這種設(shè)計(jì)方式占據(jù)了足夠的屏幕寬度，同時(shí)在高度上壓縮了其他內(nèi)容的展示區(qū)域；在頁(yè)面頂部位置出現(xiàn)，用戶對(duì)此一目了然，可以快速點(diǎn)擊搜索；這種搜索入口設(shè)計(jì)一般在首頁(yè)或者二級(jí)頁(yè)出現(xiàn)，讓用戶能夠更容易接觸到搜索功能；更深層級(jí)或者落地頁(yè)上貿(mào)然加上搜索入口，可能會(huì)帶來(lái)以下幾方面問(wèn)題：（1）頁(yè)面跳轉(zhuǎn)邏輯的混亂：混淆用戶的使用預(yù)期，也給開發(fā)帶來(lái)不便；（2）壓縮頁(yè)面高度：在較深層級(jí)頁(yè)面中，內(nèi)容往往比功能更重要，露出更多內(nèi)容有益于產(chǎn)品目標(biāo)的實(shí)現(xiàn)；（3）用戶缺乏訴求：最重要的一點(diǎn)，用戶在更深層的內(nèi)容詳情頁(yè)，對(duì)于搜索功能沒(méi)有那么強(qiáng)的場(chǎng)景訴求，此時(shí)更多內(nèi)容的露出是用戶當(dāng)前的主要關(guān)注點(diǎn)，無(wú)限制的增加入口很容易將操作帶入一個(gè)死循環(huán)中。如貓眼電影的首頁(yè)的搜索入口為頂部通欄樣式。
貓眼
3.icon入口樣式
以用戶最好理解的放大鏡icon作為搜索的入口，由于占據(jù)空間較小，出現(xiàn)的位置沒(méi)有嚴(yán)格限制；盡管icon樣式的入口能夠有效地觸發(fā)搜索功能，但是形式上的顯著程度不高，因此放置位置較為靈活，可以出現(xiàn)在頁(yè)面角落或者收起在更多入口當(dāng)中，避免與其他同等權(quán)重或高權(quán)重需求爭(zhēng)奪顯著性。
Bilibili 澎湃新聞
4.特殊樣式
一般特殊樣式的搜索入口與App本身的設(shè)計(jì)風(fēng)格緊密相關(guān)，如Android原生應(yīng)用中的懸浮按鈕功能等；另外，部分搜索入口中還會(huì)露出輔助功能，付拍照掃碼、切換分類內(nèi)容等。
空格
二．搜索中間頁(yè)-滿足用戶潛在需求，產(chǎn)品運(yùn)營(yíng)關(guān)鍵頁(yè)面
一般而言，用戶點(diǎn)擊搜索入口后會(huì)跳轉(zhuǎn)至獨(dú)立的搜索頁(yè)面，此時(shí)出現(xiàn)的頁(yè)面筆者習(xí)慣稱之為搜索（過(guò)程的）中間頁(yè)，實(shí)際上是獨(dú)立的搜索頁(yè)面。
從用戶層面來(lái)看，用戶點(diǎn)擊搜索入口后，第一直覺是直接進(jìn)入搜索功能，調(diào)起輸入法進(jìn)行關(guān)鍵詞輸入，這是用戶最直觀的需求，也是大部分App所做的。但是用戶的潛在需求卻包含更多信息，用戶需要知道在這里可以搜索什么、怎么去搜索的指導(dǎo)，搜索中間頁(yè)，實(shí)際上除了滿足產(chǎn)品運(yùn)營(yíng)需求以外，也是對(duì)用戶潛在需求的挖掘和滿足，也是產(chǎn)品可靠性的一種體現(xiàn)。
從產(chǎn)品策略層來(lái)看，對(duì)于輕量化的搜索功能，可以不使用搜索中間頁(yè)，從而降低信息體量和頁(yè)面冗余度，因?yàn)檫@種頁(yè)面往往是產(chǎn)品策略和運(yùn)營(yíng)需求的“重災(zāi)區(qū)”，動(dòng)態(tài)推廣內(nèi)容或者需要提升點(diǎn)擊量、導(dǎo)流的入口，都可以讓在這個(gè)頁(yè)面承載。
綜上來(lái)看，在整個(gè)搜索過(guò)程中，搜索中間頁(yè)可以認(rèn)為是僅次于搜索結(jié)果頁(yè)而存在的，這也是用戶在整個(gè)搜索過(guò)程中產(chǎn)生“峰值體驗(yàn)”的關(guān)鍵點(diǎn)，也是給用戶帶來(lái)驚喜，滿足潛在需求的方式。搜索中間頁(yè)，主要的設(shè)計(jì)要素包括：提示信息、分類搜索功能、搜索歷史、熱門搜索詞、其他用戶推薦信息與廣告運(yùn)營(yíng)位幾種。
1.提示信息
提示信息時(shí)與該場(chǎng)景下能夠?qū)崿F(xiàn)的搜索功能相關(guān)的文案內(nèi)容，常見樣式為出現(xiàn)在搜索框中的純文案，當(dāng)然也可以在整個(gè)頁(yè)面中展示。文案提示信息在用戶體驗(yàn)中相當(dāng)于一種前置反饋，這種設(shè)計(jì)體現(xiàn)產(chǎn)品友好性的一個(gè)小細(xì)節(jié)，對(duì)用戶也是一種良性的引導(dǎo)，給用戶提供了一個(gè)心理預(yù)期，同時(shí)也對(duì)用戶隨意輸入關(guān)鍵詞造成無(wú)結(jié)果的傷害體驗(yàn)的可能進(jìn)行了限制。例如視頻App的搜索，不僅可以搜索自己站內(nèi)視頻，也可以搜索其他平臺(tái)的視頻，不僅可以搜索視頻，還可以搜索明星、娛樂(lè)事件等。另一方面，露出必要的提示，有時(shí)也是一種宣傳手段。當(dāng)然，對(duì)于通欄的搜索入口，提示信息一般會(huì)直接顯示在入口中，進(jìn)入搜索中間頁(yè)后會(huì)直接帶入當(dāng)前文案信息。
橘子娛樂(lè) bilibili 天天快報(bào)
2.分類搜索功能
是指在搜索前就能夠選擇搜索范圍的功能，在一些平臺(tái)內(nèi)容較多需要細(xì)分的App中較為常見。搜索功能是全局性的，僅在搜索框中出現(xiàn)提示詞也不足以滿足用戶對(duì)于信息分類搜索的需求，因此需要獨(dú)立設(shè)置分類搜索按鈕進(jìn)行設(shè)置，在搜索開始前就縮小搜索范圍，提升操作的便捷性和智能化效果；但是不足之處是如果用戶對(duì)此感知不足的話，對(duì)與搜索結(jié)果只呈現(xiàn)小范圍內(nèi)的信息會(huì)產(chǎn)生疑惑，因此需要注意對(duì)范圍限制的提醒以及各個(gè)搜索范圍入口的打通。
虎撲 淘寶
3.搜索歷史
搜索歷史前端可以作為一種快速搜索的功能入口，呈現(xiàn)用戶的搜索歷史，一來(lái)可以方便用戶下次點(diǎn)擊的時(shí)候?qū)τ谥貜?fù)性的內(nèi)容實(shí)現(xiàn)快速搜索，二來(lái)也便于收集用戶習(xí)慣。
在設(shè)計(jì)搜索歷史是需要注意以下幾點(diǎn)，包括用戶行為特征和產(chǎn)品策略的內(nèi)容:
（1）位置：根據(jù)認(rèn)知心理學(xué)中的相似律，搜索內(nèi)容位置會(huì)處于頁(yè)面頂部，緊貼搜索框展示，此時(shí)用戶的視覺焦點(diǎn)在這里，更容易注意到，也不會(huì)產(chǎn)生認(rèn)知偏差，因此該位置要避免被其他信息模塊占據(jù)從而割裂二者的聯(lián)系；
（2）顯示樣式：一般搜索詞會(huì)作為一個(gè)完整的搜索內(nèi)容呈現(xiàn)，而且會(huì)涉及到點(diǎn)擊操作，因此不適合折行或者截?cái)囡@示，以便讓用戶一目了然自己搜索了哪些詞，一般的處理方式固定行數(shù)顯示，或者以btn樣式顯示，強(qiáng)化可點(diǎn)擊的操作意象；
（3）編輯操作：并不是所有用戶對(duì)于占據(jù)頁(yè)面大部分高度的內(nèi)容都是認(rèn)同或需要的，編輯刪除操作必不可少；
（4）數(shù)量限制：最后還要限制一下露出數(shù)量，前面由于限制了顯示策略，因此要根據(jù)用戶潛在的搜索內(nèi)容文案數(shù)量確認(rèn)當(dāng)前的露出數(shù)量；露出內(nèi)容少則對(duì)用戶的了意義不大，因?yàn)榕f的內(nèi)容很容易被新的搜索詞替換掉，露出較多則會(huì)占據(jù)頁(yè)面太多高度，考慮到此時(shí)頁(yè)面會(huì)調(diào)起輸入法，因此也不適合露出太多內(nèi)容。
4.熱門搜索詞
當(dāng)前平臺(tái)主推的內(nèi)容，或者高頻的搜索詞都可以放置于此。搜索熱詞一般是產(chǎn)品需求驅(qū)動(dòng)出現(xiàn)的，可以讓頁(yè)面內(nèi)容更加豐滿，同時(shí)也露出當(dāng)前的主推內(nèi)容，提升內(nèi)容的曝光率和點(diǎn)擊量。熱門搜索詞和搜索歷史的誰(shuí)家要點(diǎn)相似性很多，因此需要注意在樣式上與搜索歷史內(nèi)容進(jìn)行區(qū)分；另一方面，不同于搜索歷史的時(shí)，這是產(chǎn)品后臺(tái)配置的內(nèi)容，不是用戶主動(dòng)有意識(shí)或無(wú)意識(shí)觸發(fā)的，因此就存在用戶接受度的問(wèn)題。在數(shù)量上需要更加斟酌。根據(jù)產(chǎn)品內(nèi)容屬性的不同，純文案的搜索詞在10（或7±2）個(gè)左右能夠讓用戶一目了然，較為復(fù)雜樣式的搜索詞則更要簡(jiǎn)化數(shù)量，讓用戶能夠抓住信息的重點(diǎn)。放置過(guò)多搜索詞，不僅會(huì)稀釋用戶的注意力，更多的情況是被調(diào)起的輸入法遮擋，反而降低曝光率。
愛奇藝 網(wǎng)易新聞
5.其他用戶推薦信息與廣告運(yùn)營(yíng)位
依據(jù)平臺(tái)產(chǎn)品不同，可擴(kuò)展呈現(xiàn)更多的推薦內(nèi)容或者相關(guān)內(nèi)容，更有甚者可以把平臺(tái)內(nèi)容分模塊展現(xiàn)出來(lái)。廣告運(yùn)營(yíng)位與其他推薦信息的屬性是一致的，只是把內(nèi)容替換成廣告推廣信息。
微博
三．搜索過(guò)程-用戶操作便捷化與簡(jiǎn)潔化，產(chǎn)品功能人性化與智能化
從用戶操作場(chǎng)景來(lái)看：在實(shí)際的點(diǎn)擊過(guò)程中，用戶點(diǎn)擊搜索框，調(diào)起輸入法開始進(jìn)行輸入行為進(jìn)行搜索，核心目標(biāo)就是快速輸入關(guān)鍵詞，同時(shí)對(duì)于一些較長(zhǎng)的關(guān)鍵詞，能夠快速輸入進(jìn)去；或者說(shuō)，輸入過(guò)程的簡(jiǎn)潔、便捷、快速是影響用戶體驗(yàn)的關(guān)鍵痛點(diǎn)，這種快速很難在系統(tǒng)輸入法上做文章，但是可以在其他方面實(shí)現(xiàn)給用戶帶來(lái)“便捷”“快速”的體驗(yàn)，包括輸入框結(jié)構(gòu)相應(yīng)的變化以及即時(shí)呈現(xiàn)的搜索推薦詞，這也是搜索功能好用性和易用性的一種體現(xiàn)。
從產(chǎn)品策略來(lái)看：此時(shí)用戶主要的注意力焦點(diǎn)在輸入過(guò)程中，因此目前的過(guò)程是操作功能為主，策略也需要以更好地滿足用戶的操作功能為導(dǎo)向。
輸入搜索詞的過(guò)程中，光標(biāo)已經(jīng)定位于此，搜索框處于激活狀態(tài)，此時(shí)的頁(yè)面元素一般包括：（1）搜索框（一般帶著提示詞）；（2）清除按鈕（一般以X的形式出現(xiàn)，點(diǎn)擊可清空當(dāng)前全部搜索詞，同時(shí)點(diǎn)擊后可返回搜索中間頁(yè)或跳出搜索功能）；（3）搜索btn（iOS端鍵盤有搜索按鍵，但Android的輸入法可能不是原生的，無(wú)法判斷當(dāng)前的狀態(tài)，因此從通用性角度考慮，適宜放置一個(gè)顯著的搜索btn）。
QQ音樂(lè) 橘子娛樂(lè)
除了搜索框的變化，用戶在輸入搜索詞的過(guò)程中也伴隨著對(duì)應(yīng)的反饋，此時(shí)出現(xiàn)的即時(shí)反饋主要包括兩種樣式，搜索聯(lián)想詞和分類匹配，提高產(chǎn)品的友好性體驗(yàn)。
1.搜索聯(lián)想詞
搜索聯(lián)想詞，也稱為搜索suggestion，是根據(jù)用戶逐漸輸入內(nèi)容而不斷呈現(xiàn)的包含輸入關(guān)鍵詞的列表。對(duì)于功能完整的搜索過(guò)程，搜索聯(lián)想詞能夠幫助用戶的輸入信息起到糾正、提醒、引導(dǎo)的作用，對(duì)于有固定搜索結(jié)果頁(yè)的產(chǎn)品而言，搜索聯(lián)想詞是起到便捷搜索的作用，例如愛奇藝App的搜索功能；但是對(duì)于一些輕量化的搜索功能而言，即搜索目標(biāo)單一、搜索維度單一或者無(wú)專門的搜索結(jié)果聚合頁(yè)面來(lái)說(shuō)，則可以不設(shè)置搜索中間頁(yè)，直接通過(guò)suggestion列表的樣式呈現(xiàn)搜索結(jié)果，點(diǎn)擊后直接跳轉(zhuǎn)至搜索結(jié)果頁(yè)或者對(duì)應(yīng)的目標(biāo)落地頁(yè)，從而幫助用戶實(shí)現(xiàn)快速搜索功能，例如產(chǎn)品中的地區(qū)設(shè)置搜索（維度單一）或者百度地圖App中的搜索（目標(biāo)單一）等。
愛奇藝 百度地圖
2.分類匹配
對(duì)于多某塊或者多內(nèi)容的產(chǎn)品來(lái)說(shuō)，不僅在結(jié)構(gòu)中需要對(duì)不同范疇或?qū)傩韵碌膬?nèi)容進(jìn)行分類，在搜索過(guò)程中也要明確告知用戶該分類下的內(nèi)容，提高信息內(nèi)容的清晰度。用戶在搜索的過(guò)程中可以實(shí)時(shí)切換分類范圍，同時(shí)顯示固定范圍下的搜索數(shù)量，不斷自己的搜索范圍能夠讓最終的搜索結(jié)果更加準(zhǔn)確。此類設(shè)計(jì)方式在電商應(yīng)用中更常見。
根據(jù)分類結(jié)果或產(chǎn)品策略的不同，可以使用標(biāo)簽或者列表上的入口引導(dǎo)樣式來(lái)設(shè)計(jì)，如下圖所示。
京東 淘寶 nice
四．搜索結(jié)果頁(yè)-用戶的終極目標(biāo)，產(chǎn)品策略的爆發(fā)地
搜索結(jié)果頁(yè)是指用戶點(diǎn)擊搜索后看到的搜索內(nèi)容的聚合頁(yè)面，是用戶搜索的目標(biāo)所在。
從用戶操作場(chǎng)景來(lái)看，搜索結(jié)果頁(yè)就是想找到我想找的信息，因此目標(biāo)的準(zhǔn)確性呈現(xiàn)是重點(diǎn)，用戶需要一眼就看到目標(biāo)信息；另一方面，本著所見即所得的觀念，有了目標(biāo)信息，全端通用的交互操作和功能，在這里也都需要能夠?qū)崿F(xiàn)；這樣全端的操作體驗(yàn)才具有一致性和連續(xù)性。
從產(chǎn)品策略來(lái)看，搜索結(jié)果頁(yè)也是一個(gè)信息內(nèi)容聚合的關(guān)鍵頁(yè)面，除了呈現(xiàn)必要的目標(biāo)信息，往往還可以在其中放置更多偏向于產(chǎn)品策略的相關(guān)信息。當(dāng)然，其中還存在一類輕量化的搜索結(jié)果頁(yè)樣式，與搜索suggestion樣式相似。
1.多維度展示
當(dāng)內(nèi)容品類過(guò)多時(shí)，可以分tab標(biāo)簽或者分card顯示對(duì)應(yīng)的內(nèi)容；盡管搜索結(jié)果頁(yè)不是固定常駐的頁(yè)面，每次搜索都會(huì)重新請(qǐng)求服務(wù)器加載新的內(nèi)容，但是頁(yè)面聚合的信息內(nèi)容的種類是固定的，同樣需要按模塊進(jìn)行管理，提升信息的清晰度和可讀性，幫助用戶快速找到目標(biāo)信息。
2.功能操作
與搜索結(jié)果的屬性相關(guān)，主要用戶大部分中間用戶快速完成相關(guān)功能操作，縮短操作路徑。如果視頻類內(nèi)容，則會(huì)露出播放或下載緩存btn，如電商類產(chǎn)品則可出現(xiàn)購(gòu)買或者加入購(gòu)物車btn，用戶可直接點(diǎn)擊加入購(gòu)物車，縮短整個(gè)流程的操作次數(shù)等。
淘寶 愛奇藝 美團(tuán)
3.輕量化搜索結(jié)果頁(yè)
一些輕量化的搜索設(shè)計(jì)，會(huì)在用戶輸入的過(guò)程中實(shí)時(shí)顯示搜索結(jié)果，樣式與suggestion列表相似，但是實(shí)際呈現(xiàn)的是具體的搜索結(jié)果，而非搜索關(guān)鍵詞，用戶點(diǎn)擊后直接跳轉(zhuǎn)到對(duì)應(yīng)的詳情頁(yè)或者觸發(fā)相應(yīng)的交互操作。這種搜索結(jié)果頁(yè)樣式使用戶單維度的搜索，例如電話簿或者地區(qū)選擇等，搜索的結(jié)果和用戶的搜索目標(biāo)都是單一維度且高度一致的。這種設(shè)計(jì)方式主要源自于以下幾種原因：（1）用戶端：用戶在這種搜索場(chǎng)景下的目標(biāo)比較單一和固定，同時(shí)對(duì)于結(jié)果有一定的預(yù)期，因此可直接顯示搜索結(jié)果；（2）產(chǎn)品端：搜索范圍固定，內(nèi)容固定，目標(biāo)內(nèi)容在很長(zhǎng)一段時(shí)間內(nèi)不會(huì)變化，同時(shí)搜索功能在該場(chǎng)景下較弱，因此可以實(shí)現(xiàn)快速搜索，避免了請(qǐng)求服務(wù)器的加載loading過(guò)程中耗費(fèi)的時(shí)間；（3）其他：一般需要有搜索結(jié)果的頁(yè)面，除了搜索結(jié)果的內(nèi)容，還會(huì)放置很多結(jié)構(gòu)化、模塊化或者推薦的內(nèi)容；反觀地區(qū)或者電話聯(lián)系人搜索功能，用戶不需要再搜索結(jié)果頁(yè)中推薦多余的無(wú)關(guān)信息，不需要雜亂的信息干擾自己的操作目標(biāo)，而且在這兩種場(chǎng)景下，用戶的搜索結(jié)果是單一的，內(nèi)容局限性較強(qiáng)，使用獨(dú)立的搜索結(jié)果頁(yè)，可能大部分的頁(yè)面空間是空白的，也會(huì)影響頁(yè)面的視覺美觀效果。
貓眼
文章內(nèi)容對(duì)于搜索功能，從用戶體驗(yàn)和產(chǎn)品策略兩個(gè)方面進(jìn)行了分析，并結(jié)合自身的設(shè)計(jì)經(jīng)驗(yàn)提出了一些設(shè)計(jì)策略，基本涵蓋了較為完整的搜索功能設(shè)計(jì)樣式，但是也并不全面，只是對(duì)較為常見的搜索樣式設(shè)計(jì)并不是固定化的，是根據(jù)產(chǎn)品需求、目標(biāo)人群、技術(shù)實(shí)現(xiàn)、后臺(tái)數(shù)據(jù)等因素共同作用的結(jié)果，因此并不需要拘泥于一定的樣式。在設(shè)計(jì)過(guò)程中還是需要根據(jù)實(shí)際情況進(jìn)行調(diào)整，滿足用戶在目標(biāo)場(chǎng)景下的需求，同時(shí)達(dá)到產(chǎn)品的KPI目標(biāo)。
作者：蝦米&胖喵
原文鏈接：http://fatcatdesign.lofter.com/post/28e14e_ca5b455
藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com
