- 相關(guān)推薦
用戶界面搜索框設(shè)計(jì)的技巧
用戶界面搜索框設(shè)計(jì)的技巧有那些?交互設(shè)計(jì)基本功就是搜索，我們應(yīng)該怎么做?
1. 使用放大鏡圖標(biāo)
根據(jù)定義，圖標(biāo)是對象，動(dòng)作或想法的可視化表示，并且有幾個(gè)圖標(biāo)是用戶記憶最深刻的，也是通用的。
放大鏡圖標(biāo)就是其中之一。
即使沒有文字標(biāo)簽，用戶也可以識(shí)別放大鏡圖標(biāo)的作用。
2. 將搜索框放在用戶希望找到的地方
如果搜索對于你的應(yīng)用或網(wǎng)站來說是重要的功能，那么搜索框必須放在顯眼的位置，讓用戶一眼就能找到。
研究發(fā)現(xiàn)，搜索框放置的最佳位置是你網(wǎng)站上每個(gè)頁面的左上角或右上角，用戶可以使用常見的F形掃描模式輕松找到它。
理想情況下，搜索框應(yīng)該完美匹配網(wǎng)站的整體設(shè)計(jì)，并在用戶需要時(shí)輕松展現(xiàn)。
3. 為搜索框提供搜索按鈕
搜索按鈕可以幫助人們了解還有額外的觸發(fā)操作 – 即使他們通常使用Enter鍵。
4. 將搜索框放在每一頁上
始終提供對每個(gè)頁面的搜索框的訪問權(quán)限，因?yàn)槿绻愕挠脩粽也坏剿麄冋诓檎业膬?nèi)容，他們將會(huì)使用搜索功能，無論他們處于你網(wǎng)站的哪個(gè)位置。
5. 使搜索框簡單
如果你設(shè)計(jì)一個(gè)搜索框，請確保它看起來像一個(gè)搜索框，并盡可能簡單的使用。
根據(jù)可用性研究，默認(rèn)情況下沒有顯示高級搜索選項(xiàng)，這樣更加顯示用戶友好。
高級搜索選項(xiàng)可能會(huì)混淆將嘗試使用它的用戶。
6. 自適應(yīng)字段大小
輸入字段太短是設(shè)計(jì)人員常見的錯(cuò)誤。
當(dāng)然用戶可以鍵入長查詢，但只有一部分文本可見，部分文字被隱藏，這意味著可用性差。
因?yàn)橛脩魺o法輕松查看和編輯其查詢。
實(shí)際上，當(dāng)搜索框能夠輸入的文本有限時(shí)，用戶被迫使用短的文本進(jìn)行查詢，這樣就不能精確的查詢。
如果輸入字段根據(jù)其預(yù)期輸入進(jìn)行大小調(diào)整，那么它們更容易閱讀并給用戶提供良好的用戶體驗(yàn)。
經(jīng)驗(yàn)法則是具有27個(gè)字符的文本輸入(它可以容納90%的查詢)。
7. 使用自動(dòng)建議機(jī)制
自動(dòng)建議機(jī)制可以幫助用戶通過輸入的字符進(jìn)行預(yù)測來找到正確的查詢。
自動(dòng)建議機(jī)制不是加快搜索過程，而是關(guān)于指導(dǎo)用戶并幫助他們構(gòu)建搜索查詢。
用戶在查詢配置方面非常差：如果在第一次嘗試時(shí)沒有獲得良好的結(jié)果，他們可能就放棄了。
自動(dòng)建議機(jī)制可以幫助用戶更好地表達(dá)他們需要的搜索查詢。
【用戶界面搜索框設(shè)計(jì)的技巧】相關(guān)文章：
以用戶中心設(shè)計(jì)為基礎(chǔ)的網(wǎng)絡(luò)旅游預(yù)體驗(yàn)設(shè)計(jì)10-09
游戲界面設(shè)計(jì)師個(gè)人簡歷范文10-05
怎么樣做好用戶體驗(yàn)設(shè)計(jì)10-26
軟件設(shè)計(jì)中用戶身份的認(rèn)證方法10-05
軟件設(shè)計(jì)之虛擬現(xiàn)實(shí)藝術(shù)的軟件界面設(shè)計(jì)研究論文10-10
怎么搜索簡歷10-08