讓我們一起來(lái)【搜索】

作者： 點(diǎn)擊量： 2015-10-15 10:45:17

一、可見(jiàn)性
       在UX領(lǐng)域，可見(jiàn)性是其根本概念之一：由物體的外形特征推導(dǎo)出其行為上潛在的可能。比如大門(mén)上的推板意味著門(mén)是可以推的；把手則說(shuō)明門(mén)是可以拉的。你有沒(méi)有遇到過(guò)走到一扇門(mén)跟前卻發(fā)現(xiàn)開(kāi)門(mén)的方式與你預(yù)料的大不相同的情況呢（有的，我的大學(xué)就是，不過(guò)每年HCI的課都會(huì)拿出來(lái)舉例，給人一種“我是故意的”高逼格假象）？這是由于事物的外形特征和實(shí)際功能不匹配造成的。
       同樣地，搜索框的設(shè)計(jì)應(yīng)該遵循其功能性。其目的是允許用戶(hù)以關(guān)鍵字詞的方式輸入請(qǐng)求，那么它就應(yīng)該看起來(lái)像是能被輸入的，并且有一個(gè)能夠明確表明其功能的相關(guān)按鍵。它還應(yīng)該足夠?qū)?，這樣才能容納較長(zhǎng)的文字。


                                          eBags.com里的搜索功能結(jié)合了外形和功能


                                 basmatitree.net的一個(gè)相比起來(lái)不那么常見(jiàn)的搜索框設(shè)計(jì)

       可見(jiàn)性這個(gè)概念應(yīng)貫穿于用戶(hù)體驗(yàn)的方方面面。然而，目前有很多主流的網(wǎng)頁(yè)搜索引擎為了標(biāo)榜個(gè)性或品牌需要而選擇另類(lèi)的設(shè)計(jì)。Google就是個(gè)例子，它在首頁(yè)采用了兩個(gè)按鍵，其中包含了個(gè)莫名其妙的“I'm Feeling Lucky”選項(xiàng)。這兩個(gè)按鍵都被居中置于輸入框下面，所有組件的邊框是如此之窄致使其功能性只能被含糊地理解到。


                                                              極簡(jiǎn)的谷歌搜索框設(shè)計(jì)

       然而，這些設(shè)計(jì)已然被大眾接受了，畢竟都這么多年了，仗著谷歌的名聲人們似乎已習(xí)慣了把這種所謂的“簡(jiǎn)約”當(dāng)成其“優(yōu)秀”品牌文化的一種詮釋。首頁(yè)搜索框的位置和排版只是暫時(shí)的；當(dāng)用戶(hù)一在輸入框里進(jìn)行輸入時(shí)，頁(yè)面的排版就會(huì)變掉，而結(jié)果和搜索框會(huì)跑到頁(yè)面的左上角。搜索按鍵的標(biāo)簽會(huì)變成一個(gè)放大鏡的圖標(biāo)。直到這時(shí)，作為一個(gè)搜索功能的行動(dòng)按鍵，它具備了合格的可見(jiàn)性。


                                        谷歌顯示結(jié)果的頁(yè)面上一個(gè)更加常見(jiàn)的搜索框設(shè)計(jì)

       Bing也同樣在首頁(yè)提供了一個(gè)相似的居中搜索框，一旦進(jìn)行搜索后，搜索框等一系列組件會(huì)立馬乾坤大挪移到左上角。


                                                               Bing結(jié)果頁(yè)面上的搜索框

       雅虎可能算是所有這些搜索引擎里最正常的了——采用了簡(jiǎn)單的布局和始終明確可用性的按鍵，這兩者在搜索前后都會(huì)保持相當(dāng)?shù)囊恢滦浴?br />

                                                               雅虎搜索界面上的搜索框

       這三個(gè)網(wǎng)站都會(huì)在頁(yè)面一加載好就自動(dòng)定位光標(biāo)到搜索框上，同時(shí)也都允許用戶(hù)通過(guò)點(diǎn)按回車(chē)來(lái)提交搜索請(qǐng)求。
       另外，它們都會(huì)在提交搜索后在輸入框里保留搜索請(qǐng)求的內(nèi)容，這能讓用戶(hù)對(duì)其搜索的信息進(jìn)行確認(rèn)，同時(shí)還能為下一次關(guān)聯(lián)性的搜索提供便捷。
       在互聯(lián)網(wǎng)上，用戶(hù)可以搜索到近乎所有的東西，除了特定情況下對(duì)主題或內(nèi)容類(lèi)型有所限制。在網(wǎng)站搜索中（比如某個(gè)特定網(wǎng)站內(nèi)的搜索），這類(lèi)限制往往還會(huì)以更加嚴(yán)苛的形象頻繁出現(xiàn)。這正是那些占位符文字和其它提示性標(biāo)簽大展身手的時(shí)候，它們能幫助用戶(hù)僅對(duì)有意義的關(guān)鍵字詞進(jìn)行搜索。以Pipl網(wǎng)站為例，它通過(guò)占位符的方式告知用戶(hù)他們可以搜索人名、位置、郵件、用戶(hù)名或者電話(huà)號(hào)碼。當(dāng)用戶(hù)點(diǎn)擊輸入框進(jìn)行文字輸入時(shí)，這些提示性文字會(huì)立馬消失。


                                               Pipl上的搜索框能引導(dǎo)用戶(hù)輸入有意義的搜索請(qǐng)求

二、范圍搜索
       在一些搜索應(yīng)用里，內(nèi)容往往以類(lèi)別的形式被組織起來(lái)。比如eBay上的商品都通過(guò)其特有的內(nèi)容分類(lèi)法被歸結(jié)在一起。這讓用戶(hù)針對(duì)某個(gè)特定種類(lèi)的產(chǎn)品進(jìn)行限定范圍的搜索成為可能。比如這里可以使用下拉菜單或者其它類(lèi)似的組件：


                                               eBay上的搜索可以被局限為僅針對(duì)特定的一類(lèi)商品

       允許用戶(hù)在執(zhí)行搜索之前先選擇某一類(lèi)別能幫助他們更快地收窄搜索的范圍，并能借此為特定類(lèi)別內(nèi)的選項(xiàng)進(jìn)行細(xì)化。舉個(gè)例子，在eBay“汽車(chē)/摩托車(chē)/交通工具”的類(lèi)別里搜索“高爾夫”，出來(lái)的各個(gè)細(xì)化結(jié)果的選項(xiàng)與在“體育用品”里搜出來(lái)的結(jié)果大不相同（這里說(shuō)的“選項(xiàng)”不是搜索結(jié)果，而是對(duì)搜索出來(lái)的結(jié)果進(jìn)行再細(xì)化的一系列選項(xiàng)，后文還會(huì)提到）。范圍搜索對(duì)那些具有領(lǐng)域知識(shí)的用戶(hù)會(huì)大有幫助，特別是他們?cè)诿靼鬃约阂沂裁吹臅r(shí)候。
       但該方案對(duì)那些目的性不強(qiáng)、領(lǐng)域知識(shí)又較遜色的用戶(hù)來(lái)說(shuō)并不算適用，他們很可能會(huì)不確定一開(kāi)始的時(shí)候選擇哪個(gè)類(lèi)別。不恰當(dāng)?shù)念?lèi)別選擇會(huì)直接導(dǎo)致他們搜到毫不相干的內(nèi)容，亦或者范圍被縮得太窄而出現(xiàn)零結(jié)果，從而降低了偶然發(fā)現(xiàn)有用信息的可能性（無(wú)目的用戶(hù)往往會(huì)對(duì)這類(lèi)“不經(jīng)意”發(fā)現(xiàn)的信息有所行動(dòng)）。Craigslist的網(wǎng)站上提供了一系列選擇，但如果你想要找的是一個(gè)焦點(diǎn)小組又應(yīng)該選擇哪個(gè)類(lèi)別呢？


                                                                   Craigslist上的范圍搜索

       正確的答案是“其它工作”或“演出”。由此可得，如果默認(rèn)是以“所有類(lèi)別”而非范圍搜索作為開(kāi)始會(huì)是更好的解決方案。
       這個(gè)問(wèn)題在當(dāng)一個(gè)既有的范圍限制被默認(rèn)應(yīng)用于新的搜索請(qǐng)求時(shí)會(huì)變得更加復(fù)雜（比如天貓進(jìn)入某一店鋪后搜索框的“搜索本店”和“搜索全部”的差別，想象一下如果現(xiàn)在只有“搜索本店”會(huì)是個(gè)怎樣的體驗(yàn)）。比如在WARC網(wǎng)站上的“文字分析”類(lèi)別里搜索“圖表”會(huì)出現(xiàn)零結(jié)果，但同樣的請(qǐng)求在“所有類(lèi)別”里是會(huì)返還結(jié)果的。在所有情況下，特別是當(dāng)搜索的結(jié)果為零時(shí)，最好的方案就是采用全局搜索，并在結(jié)果中明確地顯示當(dāng)前搜索的范圍是什么。


              WARC中的范圍搜索結(jié)果為零時(shí)完全可以包含一個(gè)fall back機(jī)制以進(jìn)行全局搜索

三、局部搜索    
       搜索框可以說(shuō)是整個(gè)搜索體驗(yàn)的入口；在開(kāi)始進(jìn)行搜索之前，它確實(shí)是個(gè)最顯眼的玩意。但有很多時(shí)候我們會(huì)在搜索結(jié)果都跳出來(lái)了之后進(jìn)行一次額外的關(guān)鍵字檢索，目的通常是在既有的結(jié)果里找到我們想要的那一個(gè)，這時(shí)候我們就可以通過(guò)再搜索來(lái)精簡(jiǎn)、細(xì)分結(jié)果。這個(gè)和篩選菜單的作用很像（譯者注：前面提到過(guò)，就比如電商或房地產(chǎn)網(wǎng)站某個(gè)大類(lèi)產(chǎn)品下左側(cè)或上方列表菜單里的一系列通常由滑塊（價(jià)格區(qū)間/品牌/地段等）、單選按鈕組成的菜單）。
       鑒于此，局部搜索通常和篩選菜單成對(duì)出現(xiàn)。由于這時(shí)候會(huì)出現(xiàn)一個(gè)頁(yè)面出現(xiàn)兩個(gè)搜索框的現(xiàn)象，我們有必要去明確注明它們彼此的功能性，此時(shí)占位符和其它文本標(biāo)簽就可以拿來(lái)引導(dǎo)用戶(hù)了。另外，鑒于搜索用的關(guān)鍵詞一樣起到篩選的作用，它們也應(yīng)該被拎出來(lái)明確標(biāo)注于某處。


                                             dabs.com里的局部搜索是篩選菜單里的一部分

       還有一種可能，就是把局部搜索和標(biāo)準(zhǔn)搜索框合并在一起，然后用一個(gè)單選按鈕或者勾選框在兩個(gè)不同的輸入方式里進(jìn)行切換。在這類(lèi)案例里，切換的控制需要視當(dāng)前的情境而定（因此如果局部搜索在當(dāng)前頁(yè)面/狀態(tài)并不可用時(shí)這個(gè)選項(xiàng)就需要被屏蔽掉）。除此之外，在用戶(hù)勾選“局部搜索”后，當(dāng)前搜索框內(nèi)的文字應(yīng)該消失，畢竟他們與新的搜索行為已毫不相干。


                                           bulbs.com里的局部搜索是以勾選框的方式出現(xiàn)

       鑒于局部搜索時(shí)用戶(hù)輸入的特定精簡(jiǎn)條件可能不匹配當(dāng)前結(jié)果中的任一條，我們要為零結(jié)果的出現(xiàn)做好準(zhǔn)備。盡管這種情況不存在是最完美的，我們?nèi)匀挥泻芏嗍侄蝸?lái)解決這個(gè)問(wèn)題，比如去掉那些不匹配搜索標(biāo)準(zhǔn)的關(guān)鍵字詞，或?yàn)橛脩?hù)提供些建議和工具以進(jìn)行再次的搜索等等。

四、高級(jí)搜索
       所謂高級(jí)搜索大體上就是提供一些比基本搜索框或標(biāo)準(zhǔn)搜索體驗(yàn)更加豐富的功能。通常情況下高級(jí)搜索的入口是以普通搜索框旁邊的一條鏈接的形式出現(xiàn)。


                                        WARC里的高級(jí)搜索是以鏈接的形式出現(xiàn)的

       參數(shù)搜索一開(kāi)始被構(gòu)想出來(lái)的時(shí)候，其交互方式是基于從一個(gè)不斷增長(zhǎng)的表單里擇取參數(shù)的概念。由此看來(lái)默認(rèn)保留一些選項(xiàng)會(huì)更讓人容易理解一下，而非用一個(gè)高級(jí)選項(xiàng)來(lái)表達(dá)。


                                                    WARC里的高級(jí)搜索就是填表格

       但正因如此，我們對(duì)搜索的理解得以進(jìn)化，讓用戶(hù)提前做出選擇的方案已經(jīng)失去了價(jià)值。如果你準(zhǔn)備和某個(gè)陌生人進(jìn)行對(duì)話(huà)，你是否會(huì)先向他們?cè)儐?wèn)“我該用什么樣的語(yǔ)調(diào)”（比如是輕松隨便的還是刻板嚴(yán)謹(jǐn)?shù)模?？高效的策略并不需要在開(kāi)始就整那些有的沒(méi)的，只要在每個(gè)你可以察覺(jué)到的點(diǎn)進(jìn)行對(duì)交互行為進(jìn)行敏捷而有意義的微調(diào)就可以了，就像在聊天時(shí)隨時(shí)有意識(shí)地改變?cè)掍h一樣。
       當(dāng)然了，總是會(huì)有一些應(yīng)用或網(wǎng)站把用戶(hù)分成兩類(lèi)或多類(lèi)人群，比如醫(yī)療信息網(wǎng)站就同時(shí)服務(wù)于醫(yī)療系統(tǒng)內(nèi)的專(zhuān)家以及普羅大眾。在這類(lèi)案例里，需要一個(gè)更有彈性的策略來(lái)讓整個(gè)體驗(yàn)（比如內(nèi)容、導(dǎo)航等）被所有用戶(hù)接受，而非讓搜索功能成為特定用戶(hù)享受特權(quán)的地方。一個(gè)高效的搜索體驗(yàn)應(yīng)賜予所有用戶(hù)以“高級(jí)”搜索的工具，無(wú)論在何時(shí)以何等方式，用戶(hù)都可以、并樂(lè)意使用它們。遺憾的是在現(xiàn)實(shí)生活中，上面提到的這些高級(jí)搜索的例子都未被充分利用，甚至是不必要的。

五、除了關(guān)鍵詞
       目前我們已經(jīng)了解了使用關(guān)鍵字詞來(lái)進(jìn)行搜索，但實(shí)際上我們還有很多其它不同的方式表達(dá)信息。
       自然語(yǔ)言
       用自然語(yǔ)言來(lái)進(jìn)行詢(xún)問(wèn)或許是最為直接的方式，就像你在和另一個(gè)真實(shí)的人對(duì)話(huà)一般。這種交互被Ask（以前叫做Ask Jeeves）這樣的搜索引擎所推廣，它同時(shí)結(jié)合了文字和人的概念，造就了一個(gè)基于問(wèn)答系統(tǒng)的搜素體驗(yàn)。


                                                                Ask上的自然語(yǔ)言問(wèn)答

       事實(shí)上，自然語(yǔ)言在之前一直扮演著“殺手級(jí)app”的角色——它曾是無(wú)數(shù)初創(chuàng)公司搶食的蛋糕。然而其中對(duì)主流搜索體驗(yàn)產(chǎn)生持續(xù)影響的公司卻寥寥無(wú)幾。這主要是由于自然語(yǔ)言處理（NLP）的算法提升還前路漫漫。但它同樣反映了搜索體驗(yàn)自身的無(wú)數(shù)可能性：支持人類(lèi)在無(wú)比寬泛的任務(wù)情境里搜尋信息，我們需要促進(jìn)一個(gè)開(kāi)放、彈性和互動(dòng)的對(duì)話(huà)形式?；卮饐?wèn)題可能是其一部分，但是它并不是解決方案的全部。對(duì)于一些類(lèi)型的應(yīng)用來(lái)說(shuō)，類(lèi)似局部搜索的技術(shù)完全可以比以純粹的語(yǔ)言結(jié)構(gòu)交流更加“自然”的形式來(lái)進(jìn)行搜索對(duì)話(huà)。
       但這并不是說(shuō)NLP在搜索領(lǐng)域沒(méi)有未來(lái)。恰恰相反，用對(duì)地方就能大放異彩。舉個(gè)例子，NLP技術(shù)目前被應(yīng)用在一個(gè)前景樂(lè)觀且蓬勃發(fā)展的領(lǐng)域——各類(lèi)提供客戶(hù)服務(wù)的聊天機(jī)器人和互動(dòng)助手，以及各行各業(yè)里其它類(lèi)型的自動(dòng)支持服務(wù)上。在True Knowledge的網(wǎng)站中，NLP被應(yīng)用在一個(gè)幫助用戶(hù)理解問(wèn)題含義的問(wèn)答服務(wù)上。Wolfram Alpha也同樣采用NLP的形式，結(jié)合計(jì)算得出的答案以及結(jié)合關(guān)聯(lián)數(shù)據(jù)基于數(shù)據(jù)庫(kù)分析出的可視化圖表來(lái)回答用戶(hù)的問(wèn)題。


                                                 Wolfram Alpha的自然語(yǔ)言問(wèn)答系統(tǒng)

       非文本請(qǐng)求
       信息并不總是以語(yǔ)言或文字的方式進(jìn)行表達(dá)。有時(shí)候圖形化的媒介是更自然的方式，特別是當(dāng)有先例之時(shí)。在谷歌圖片里，你可以用以圖搜圖的方式來(lái)發(fā)動(dòng)搜索請(qǐng)求。


                                                                Google里的以圖搜圖

       類(lèi)似的，Like.com（現(xiàn)在是谷歌產(chǎn)品搜索的一部分）可以讓用戶(hù)上傳圖片來(lái)輔助描述那些難以用關(guān)鍵字詞表述的內(nèi)容。除此之外，像Shazam這類(lèi)服務(wù)允許用戶(hù)記錄并上傳音樂(lè)的一小部分，然后通過(guò)其龐大的音頻數(shù)據(jù)庫(kù)來(lái)識(shí)別其屬于哪一首歌曲。
       每一個(gè)此類(lèi)服務(wù)都代表著一種特定的搜索類(lèi)型。但是搜索請(qǐng)求并不需要是一個(gè)完整的東西。Retrievr允許用戶(hù)通過(guò)手繪圖形或線框查找相關(guān)信息。在Etsy里則可以通過(guò)于色盤(pán)里選擇顏色進(jìn)行搜索：


                                                              在Etsy里通過(guò)顏色進(jìn)行搜索

       這些另類(lèi)形式的輸入方式提醒我們：雖然關(guān)鍵字詞可能是最簡(jiǎn)單的一種輸入方式，但它們并不總是最自然的。有時(shí)候我們的信息需要超越文字。我們應(yīng)該根據(jù)整個(gè)大情境來(lái)判斷選擇哪種輸入方式。

六、總結(jié)與實(shí)踐
       1.搜索框
       Ø 表單應(yīng)該遵循其功能；在設(shè)計(jì)控件時(shí)應(yīng)該牢記可見(jiàn)性原則；
       Ø 讓搜索框的位置保持統(tǒng)一，盡可能足夠?qū)捯员闳菁{較多的文字；
       Ø 在頁(yè)面加載好后自動(dòng)聚焦光標(biāo)于搜索框內(nèi)，并允許用戶(hù)通過(guò)回車(chē)鍵提交請(qǐng)求；
       Ø 通過(guò)占位符和其它提示性語(yǔ)言來(lái)幫助用戶(hù)構(gòu)建有意義的請(qǐng)求（但是在光標(biāo)聚焦輸入框時(shí)讓它們立馬消失）；
       Ø 在完成搜索后仍在搜索框內(nèi)保留請(qǐng)求文字。
       2.范圍搜索
       Ø 范圍搜索針對(duì)的是有一定領(lǐng)域知識(shí)的用戶(hù)，為了顧及所有人，該功能不應(yīng)成為應(yīng)用里唯一的搜索方式。請(qǐng)確保默認(rèn)情況下使用全局搜索；
       Ø 如果在某個(gè)類(lèi)別下搜索到的結(jié)果為零時(shí)，顯示所有類(lèi)別下的搜索結(jié)果作為回退機(jī)制；
       Ø 搜索結(jié)果中同時(shí)要清楚地顯示當(dāng)前搜索的范圍是什么。
       3.局部搜索
       Ø 若局部搜索是以篩選菜單中一部分的形式出現(xiàn)，那就用占位符或其它指示性文字標(biāo)簽明確注釋其功能。確保在完成搜索后于某一處顯示剛才搜索用的關(guān)鍵字詞。
       Ø 如果是作為全局搜索的一個(gè)選項(xiàng)出現(xiàn)，那請(qǐng)留意這個(gè)切換機(jī)制與應(yīng)用當(dāng)前的整體情境緊密相連。另外，勾選“局部搜索”時(shí)原本搜索框框內(nèi)的已輸入文字應(yīng)該消失。
       4.高級(jí)搜索
       審視一下高級(jí)搜索的基本原理是什么，特別要考慮下對(duì)于某個(gè)專(zhuān)家級(jí)別的用戶(hù)而言，是否采用定制化的體驗(yàn)是種更好的解決方案，而不是去“拍腦袋”決定要把搜索搞得富麗堂皇。
       5.除了關(guān)鍵字詞
       有時(shí)候我們的信息并不僅僅是通過(guò)文字的形式呈現(xiàn)的。在選擇輸入方式時(shí)要注意和媒介匹配。



選購(gòu)指南：

本公司主要為山東地區(qū)的商業(yè)、企業(yè)及個(gè)人提供各類(lèi)定制開(kāi)發(fā)服務(wù)，如：軟件定制開(kāi)發(fā)、APP定制開(kāi)發(fā)、微信定制開(kāi)發(fā)以及P5業(yè)務(wù)支撐平臺(tái)等整體的信息化解決方案，能夠滿(mǎn)足各類(lèi)大中小型商業(yè)、企業(yè)及個(gè)人的需要。

如需了解本公司的詳細(xì)業(yè)務(wù)情況，敬請(qǐng)?jiān)L問(wèn)本公司官方網(wǎng)站：http://www.motion-stereo.com。

公司名稱(chēng)：山東森普信息技術(shù)有限公司

公司地址：濟(jì)南市高新區(qū)齊魯軟件園C座3樓

公司網(wǎng)址：http://www.motion-stereo.com

業(yè)務(wù)ＱＱ：176099777

聯(lián)系電話(huà)：400-677-0389