如何讓你的搜索框“與眾不同”？發(fā)布者：本站     時(shí)間：2020-06-02 11:06:49

搜索框，供用戶(hù)輸入檢索的入口。搜索框是網(wǎng)站最基本的也是最不可缺少的。雖然簡(jiǎn)單但是其重要性確是不言而喻的。如何在紛雜的網(wǎng)站中，讓用戶(hù)盡快的找到自己想要的東西，那么搜索框的設計便極其重要。
常規搜索：
通過(guò)用戶(hù)點(diǎn)擊搜索按鈕后才開(kāi)始執行搜索，以達到一定的目的。
即時(shí)搜索：
結果立即顯示在用戶(hù)界面上，不需要按鈕，放大鏡僅顯示為一個(gè)圖標，輸入時(shí)立即搜索，達到一定的目的。
外觀(guān)特征
1、不需要使用標簽，使用一個(gè)可選的提示；
2、提示可以是一個(gè)指令（如搜索類(lèi)型），或者一個(gè)范圍；
3、提示語(yǔ)要簡(jiǎn)短；
4、即時(shí)搜索時(shí)，提示首字母大寫(xiě)；常規搜索時(shí)，首字母小寫(xiě)。
設計理念
1、它是界面的一部分，所以要放在一個(gè)顯眼的位置，要容易找到；
2、在同一應用中，它們應該有統一的外觀(guān)；
3、它的功能應該是有效的，它的結果應該是準確的，它的速度應該是盡可能快速的。
如何改進(jìn)設計搜索框，以減少用戶(hù)所需要花費的查詢(xún)時(shí)間呢？下面就簡(jiǎn)單的介紹下。

搜索框要明顯
如果搜索是你的應用程序/網(wǎng)站的一個(gè)重要功能，那么搜索框的顯示務(wù)必要足夠顯著(zhù)，以保證用戶(hù)能夠最快的發(fā)現它。研究發(fā)現，搜索框放置的最佳位置是你網(wǎng)站上每個(gè)頁(yè)面的左上角或右上角，用戶(hù)可以使用常見(jiàn)的F形掃描模式輕松找到它。理想情況下，搜索框應該完美匹配網(wǎng)站的整體設計，并在用戶(hù)需要時(shí)輕松展現。
使用放大鏡圖標       
一個(gè)搜索框應該始終與放大鏡圖標放在一起。所謂圖標，其實(shí)就是代表著(zhù)一個(gè)對象、動(dòng)作、想法等多種含義的圖形符號。我們通過(guò)圖標看到的不僅僅是圖標本身，而是它所代表的內在含義。然而，對于用戶(hù)來(lái)講，具有通用性代表含義的圖標為數并不多，幸運的是，放大鏡圖標正是其中之一。即使沒(méi)有文本標簽，用戶(hù)也能輕易地識別放大鏡圖標
將搜索框放在每一頁(yè)上
用戶(hù)在每個(gè)頁(yè)面上都應該能獲取搜索框，因為如果用戶(hù)找不到他們要找的內容，他們往往會(huì )自然而然地想要嘗試使用搜索功能來(lái)進(jìn)行查找，他們才不關(guān)心自己當前是在你網(wǎng)站的哪個(gè)地方。
提供一個(gè)搜索按鈕
搜索按鈕可以幫助用戶(hù)識別出觸發(fā)搜索操作的下一步——即使他們可能往往會(huì )通過(guò)按Enter鍵來(lái)執行此操作。
搜索框要足夠簡(jiǎn)單
如果你設計了一個(gè)搜索框，請確保它看起來(lái)確實(shí)像是一個(gè)搜索框，并且使用起來(lái)要足夠簡(jiǎn)單?？捎眯匝芯勘砻?，默認情況下不顯示高級搜索選項對用戶(hù)會(huì )更加友好。高級搜索選項（例如下面的示例中的布爾搜索查詢(xún)）可能會(huì )混淆要嘗試使用它的用戶(hù)。
搜索框尺寸大小要合適
輸入框太短是設計人員常犯的一個(gè)錯誤。當然，用戶(hù)可以鍵入長(cháng)查詢(xún)，但一次只能看到一部分輸入的文本，這自然也就存在可用性問(wèn)題，因為用戶(hù)無(wú)法輕松地回看和編輯其剛剛才輸入的查詢(xún)條件。事實(shí)上，當搜索框具有有限數量的可見(jiàn)字符時(shí)，用戶(hù)會(huì )被迫使用短的、不精確的查詢(xún)條件，因為更長(cháng)的查詢(xún)條件將不易閱讀。 但如果輸入框的長(cháng)度是根據用戶(hù)的預期輸入來(lái)確定大小的，那對用戶(hù)而言就友好多了。
明確告訴用戶(hù)可以搜索哪些內容
在輸入框中顯示一個(gè)搜索查詢(xún)的示例條件是一個(gè)不錯的做法，這樣能夠向用戶(hù)表明他們究竟可以應用該搜索框搜索哪些/哪類(lèi)內容。 如果用戶(hù)可以搜索多個(gè)條件，則使用輸入提示模式來(lái)向用戶(hù)說(shuō)明（例如，下面示例中的百度。最新消息使得我們可以很輕松地在輸入框中寫(xiě)明作為占位符的提示文本。
將搜索框放在用戶(hù)預期找到的位置
如果因為搜索框不夠突出、不容易察覺(jué)，用戶(hù)還得花費精力去找它，那這個(gè)設計無(wú)疑是不夠友好的。
因此，最好將搜索框放在頁(yè)面的右上方或中上方，以確保用戶(hù)能在預期的位置找到它。
使用自動(dòng)檢索匹配機制
自動(dòng)檢索匹配機制可根據用戶(hù)輸入的字符進(jìn)行預測來(lái)幫助用戶(hù)找到一個(gè)可能匹配的查詢(xún)條件。 該機制并不是為了加快搜索過(guò)程，而是為了引導用戶(hù)并幫助他們構建他們的查詢(xún)條件。普通用戶(hù)在構建查詢(xún)方面往往會(huì )有困難：如果他們在第一次嘗試查詢(xún)后沒(méi)有獲得滿(mǎn)意的結果，后面的查詢(xún)也會(huì )很難順利，事實(shí)上，他們常常就會(huì )放棄。而當自動(dòng)檢索匹配機制運作順利時(shí)，它們就能幫助用戶(hù)將查詢(xún)條件表達的更加清楚。

網(wǎng)站設計中，一個(gè)好的搜索框，不管是直觀(guān)上，還是感觀(guān)上，都要給用戶(hù)帶來(lái)方便快捷的使用功能，提升用戶(hù)體驗。