交互設(shè)計(jì)中搜索框設(shè)計(jì)的8個(gè)技巧發(fā)布者：本站     時(shí)間：2020-06-05 15:06:24

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

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

2. 常規(guī)搜索：

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

何時(shí)使用
1. 目標(biāo)對(duì)象很難找到時(shí)

對(duì)象很多時(shí)；
可能的目標(biāo)對(duì)象不在同一個(gè)位置時(shí)；如在磁盤中查找某類型文件時(shí)。
數(shù)據(jù)很難找到時(shí)；如在一篇長(zhǎng)文本中搜索某個(gè)字符串時(shí)。
2. 需要查找特定的內(nèi)容時(shí)；比如我們?cè)谔詫氈兴阉髌ヅ淠撤N特征的商品時(shí)。

3. 需要的結(jié)果不能在5秒找到時(shí)。

設(shè)計(jì)理念
1. 它是界面的一部分，所以要放在一個(gè)顯眼的位置，要容易找到；

2. 在同一應(yīng)用中，它們應(yīng)該有統(tǒng)一的外觀；

3. 它的功能應(yīng)該是有效的，它的結(jié)果應(yīng)該是準(zhǔn)確的，它的速度應(yīng)該是盡可能快速的。

外觀特征
1. 不需要使用標(biāo)簽，使用一個(gè)可選的提示；

2. 提示可以是一個(gè)指令（如搜索類型），或者一個(gè)范圍；

3. 提示語(yǔ)要簡(jiǎn)短；

4. 即時(shí)搜索時(shí)，提示首字母大寫；常規(guī)搜索時(shí)，首字母小寫。