手機(jī)版WPS 手機(jī)版wps免費(fèi)下載
2022-11-29
更新時(shí)間:2022-03-23 23:47:41作者:佚名
所謂搜索框,實(shí)際上就是一個(gè)輸入域和提交按鈕的組合。有人可能會(huì)認(rèn)為搜索框并不需要設(shè)計(jì), 畢竟它只涉及到兩個(gè)簡(jiǎn)單的元素。然而,在那些重內(nèi)容的網(wǎng)站上,搜索框常常都是用戶最用到的設(shè)計(jì)元素。當(dāng)用戶遇到一個(gè)相對(duì)復(fù)雜的網(wǎng)站時(shí),他們往往會(huì)首先尋找這個(gè)網(wǎng)站內(nèi)的搜索框,以便能快速高效地到前往自己想去的頁(yè)面或找到自己最為關(guān)心的內(nèi)容。因此,搜索框的設(shè)計(jì)及其可用性問(wèn)題其實(shí)是一個(gè)不容忽視的要點(diǎn)。
1、使用放大鏡圖標(biāo)
一個(gè)搜索框應(yīng)該始終與放大鏡圖標(biāo)放在一起。所謂圖標(biāo),其實(shí)就是代表著一個(gè)對(duì)象、動(dòng)作、想法等多種含義的圖形符號(hào)。我們通過(guò)圖標(biāo)看到的不僅僅是圖標(biāo)本身,而是它所代表的內(nèi)在含義。然而,對(duì)于用戶來(lái)講,具有通用性代表含義的圖標(biāo)為數(shù)并不多,幸運(yùn)的是,放大鏡圖標(biāo)正是其中之一。
即使沒(méi)有文本標(biāo)簽,用戶也能輕易地識(shí)別放大鏡圖標(biāo)
使用示意型的圖標(biāo)即可,這也是最簡(jiǎn)單的放大鏡圖標(biāo)版本。更少的圖形細(xì)節(jié)能夠加快用戶的識(shí)別效率。
2、搜索框要顯著
如果搜索是你的應(yīng)用程序/網(wǎng)站的一個(gè)重要功能,那么搜索框的顯示務(wù)必要足夠顯著,以保證用戶能夠最快的發(fā)現(xiàn)它。
直接顯示完整的搜索框很重要,因?yàn)槟J(rèn)只顯示搜索圖標(biāo)(點(diǎn)擊圖標(biāo)才展開(kāi)搜索框)的話會(huì)使搜索功能不那么明顯,而且增加了用戶的交互成本。
3、提供一個(gè)搜索按鈕
搜索按鈕可以幫助用戶識(shí)別出觸發(fā)搜索操作的下一步——即使他們可能往往會(huì)通過(guò)按Enter鍵來(lái)執(zhí)行此操作。
4.、將搜索框放在每一頁(yè)上
用戶在每個(gè)頁(yè)面上都應(yīng)該能獲取搜索框,因?yàn)槿绻脩粽也坏剿麄円业膬?nèi)容,他們往往會(huì)自然而然地想要嘗試使用搜索功能來(lái)進(jìn)行查找,他們才不關(guān)心自己當(dāng)前是在你網(wǎng)站的哪個(gè)地方。
5、搜索框要足夠簡(jiǎn)單
如果你設(shè)計(jì)了一個(gè)搜索框,請(qǐng)確保它看起來(lái)確實(shí)像是一個(gè)搜索框,并且使用起來(lái)要足夠簡(jiǎn)單??捎眯匝芯勘砻?,默認(rèn)情況下不顯示高級(jí)搜索選項(xiàng)對(duì)用戶會(huì)更加友好。高級(jí)搜索選項(xiàng)可能會(huì)混淆要嘗試使用它的用戶。
6、將搜索框放在用戶預(yù)期找到的位置
如果因?yàn)樗阉骺虿粔蛲怀?、不容易察覺(jué),用戶還得花費(fèi)精力去找它,那這個(gè)設(shè)計(jì)無(wú)疑是不夠友好的。
因此,最好將搜索框放在頁(yè)面的右上方或中上方,以確保用戶能在預(yù)期的位置找到它。
7、搜索框尺寸大小要合適
輸入框太短是設(shè)計(jì)人員常犯的一個(gè)錯(cuò)誤。當(dāng)然,用戶可以鍵入長(zhǎng)查詢,但一次只能看到一部分輸入的文本,這自然也就存在可用性問(wèn)題,因?yàn)橛脩魺o(wú)法輕松地回看和編輯其剛剛才輸入的查詢條件。事實(shí)上,當(dāng)搜索框具有有限數(shù)量的可見(jiàn)字符時(shí),用戶會(huì)被迫使用短的、不精確的查詢條件,因?yàn)楦L(zhǎng)的查詢條件將不易閱讀。 但如果輸入框的長(zhǎng)度是根據(jù)用戶的預(yù)期輸入來(lái)確定大小的,那對(duì)用戶而言就友好多了。
經(jīng)驗(yàn)表明一個(gè)可以輸入27個(gè)字符的輸入框是比較合適的,它能夠適應(yīng)90%的查詢條件。
8、使用自動(dòng)檢索匹配機(jī)制
自動(dòng)檢索匹配機(jī)制可根據(jù)用戶輸入的字符進(jìn)行預(yù)測(cè)來(lái)幫助用戶找到一個(gè)可能匹配的查詢條件。 該機(jī)制并不是為了加快搜索過(guò)程,而是為了引導(dǎo)用戶并幫助他們構(gòu)建他們的查詢條件。普通用戶在構(gòu)建查詢方面往往會(huì)有困難:如果他們?cè)诘谝淮螄L試查詢后沒(méi)有獲得滿意的結(jié)果,后面的查詢也會(huì)很難順利,事實(shí)上,他們常常就會(huì)放棄。而當(dāng)自動(dòng)檢索匹配機(jī)制運(yùn)作順利時(shí),它們就能幫助用戶將查詢條件表達(dá)的更加清楚。
Google搜索自2008年起就已經(jīng)開(kāi)始應(yīng)用該機(jī)制,現(xiàn)在已經(jīng)相當(dāng)成熟。由于用戶常常會(huì)多次搜索相同的內(nèi)容,因此通過(guò)記住搜索記錄,Google既節(jié)省了時(shí)間成本又能創(chuàng)造出更為便捷高效的搜索體驗(yàn)。
自動(dòng)完成模式可以節(jié)省用戶時(shí)間,給用戶合適的引導(dǎo)
9、明確告訴用戶可以搜索哪些內(nèi)容
在輸入框中顯示一個(gè)搜索查詢的示例條件是一個(gè)不錯(cuò)的做法,這樣能夠向用戶表明他們究竟可以應(yīng)用該搜索框搜索哪些/哪類內(nèi)容。 如果用戶可以搜索多個(gè)條件,則使用輸入提示模式來(lái)向用戶說(shuō)明。