交互設(shè)計基本功：關(guān)于搜索框設(shè)計的點(diǎn)滴

　

許多人可能認(rèn)為搜索框不需要設(shè)計，終究這只是兩個簡單的元素。然而，在內(nèi)容繁雜的網(wǎng)站中，搜索框通常是最常用的設(shè)計元素。當(dāng)用戶遇到相對復(fù)雜的網(wǎng)站時，他們會立即尋找搜索框，已到達(dá)到最終目的。搜索框的設(shè)計及其可用性就顯得尤為重要。

兩種類型1、即時搜索

結(jié)果立即顯示在用戶界面上，不需要按鈕，，放大鏡僅顯示為一個圖標(biāo)，輸入時立即搜索

2、常規(guī)搜索

通過用戶點(diǎn)擊搜索按鈕后才開始執(zhí)行搜索

何時使用1、目標(biāo)對象很難找到時對象很多時；如從Mockplus的圖標(biāo)庫中需要找到某個圖標(biāo)時?？赡艿哪繕?biāo)對象不在同一個位置時；如在磁盤中查找某類型文件時。數(shù)據(jù)很難找到時；如在一篇長文本中搜索某個字符串時。2、需要查找特定的內(nèi)容時；

我們在淘寶中搜索匹配某種特征的商品時。

3、需要的結(jié)果不能在5秒找到時設(shè)計理念它是界面的一部分，所以要放在一個顯眼的位置，要容易找到；在同一應(yīng)用中，它們應(yīng)該有統(tǒng)一的外不雅觀；它的功能應(yīng)該是有效的，它的結(jié)果應(yīng)該是準(zhǔn)確的，它的速度應(yīng)該是盡可能快速的。外不雅觀特征不需要使用標(biāo)簽，使用一個可選的提示；提示可以是一個指令（如搜索類型），或者一個范圍；提示語要簡短；即時搜索時，提示首字母大寫；常規(guī)搜索時，首字母小寫。搜索框設(shè)計的8個技巧1.使用放大鏡圖標(biāo)

按照定義，圖標(biāo)是對象，動作或想法的可視化體現(xiàn)，而且有幾個圖標(biāo)是用戶記憶最深刻的，也是通用的。放大鏡圖標(biāo)就是其中之一。即使沒有文字標(biāo)簽，用戶也可以識別放大鏡圖標(biāo)的作用。

2. 將搜索框放在用戶希望找到的地方

如果搜索對于你的應(yīng)用或網(wǎng)站來說是重要的功能，那么搜索框必需放在顯眼的位置，讓用戶一眼就能找到。

研究發(fā)現(xiàn)，搜索框放置的最佳位置是你網(wǎng)站上每個頁面的左上角或右上角，用戶可以使用常見的F形掃描模式輕松找到它。抱負(fù)情況下，搜索框應(yīng)該完美匹配網(wǎng)站的整體設(shè)計，并在用戶需要時輕松展現(xiàn)。

3.為搜索框提供搜索按鈕

搜索按鈕可以幫手人們了解還有額外的觸發(fā)操作 – 即使他們通常使用Enter鍵。

4.將搜索框放在每一頁上

始終提供對每個頁面的搜索框的拜候權(quán)限，因?yàn)槿绻愕挠脩粽也坏剿麄冋诓檎业膬?nèi)容，他們將會使用搜索功能，無論他們處于你網(wǎng)站的哪個位置。

5.使搜索框簡單

如果你設(shè)計一個搜索框，請確保它看起來像一個搜索框，并盡可能簡單的使用。按照可用性研究，默認(rèn)情況下沒有顯示高級搜索選項(xiàng)，這樣更加顯示用戶友好。高級搜索選項(xiàng)可能會混淆將嘗試使用它的用戶。

6.自適應(yīng)字段大小

輸入字段太短是設(shè)計人員常見的錯誤。當(dāng)然用戶可以鍵入長查詢，但只有一部分文本可見，部分文字被隱藏，這意味著可用性差。因?yàn)橛脩魺o法輕松查看和編纂其查詢。實(shí)際上，當(dāng)搜索框能夠輸入的文本有限時，用戶被迫使用短的文本進(jìn)行查詢，這樣就不能精確的查詢。如果輸入字段按照其預(yù)期輸入進(jìn)行大小調(diào)整，那么它們更容易閱讀并給用戶提供良好的用戶體驗(yàn)。

經(jīng)驗(yàn)法則是具有27個字符的文本輸入（它可以容納90％的查詢）。

7.使用自動建議機(jī)制

自動建議機(jī)制可以幫手用戶通過輸入的字符進(jìn)行預(yù)測來找到正確的查詢。自動建議機(jī)制不是加快搜索過程，而是關(guān)于指導(dǎo)用戶并幫手他們構(gòu)建搜索查詢。用戶在查詢配置方面非常差：如果在第一次嘗試時沒有獲得良好的結(jié)果，他們可能就放棄了。自動建議機(jī)制可以幫手用戶更好地表達(dá)他們需要的搜索查詢。

Google早在2008就掌握此項(xiàng)技術(shù)。由于用戶傾向于多次搜索相同的內(nèi)容，通過記住搜索記錄，Google可以節(jié)省時間并創(chuàng)建更加便捷的體驗(yàn)。

標(biāo)簽：林芝 九江 鹽城 烏魯木齊 東營