国产chinesehd精品酒店,邱淑贞aa极毛片,国产在线色视频,玖玖爱zh综合伊人久久

網(wǎng)站首頁(yè)
手機(jī)版

如何設(shè)計(jì)出一個(gè)完美的搜索框。

更新時(shí)間:2022-03-23 23:47:41作者:佚名

如何設(shè)計(jì)出一個(gè)完美的搜索框。

  所謂搜索框,實(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ō)明。


為您推薦

WPS Office手機(jī)版如何手寫(xiě)簽名

WPS Office手機(jī)版如何手寫(xiě)簽名?手機(jī)版WPS Office怎么手寫(xiě)簽名?很多用戶想知道手機(jī)版的WPS Office怎么手寫(xiě)簽名,WPS Office手機(jī)

2022-11-30 00:19

WPS Office手機(jī)版最近文檔如何刪除

WPS Office手機(jī)版最近文檔如何刪除?在手機(jī)版的WPS Office內(nèi),每次打開(kāi)的文件都會(huì)在最近文檔中顯示,那如何刪除最近文檔內(nèi),WPS Office手機(jī)

2022-11-30 00:17

WPS Office手機(jī)版怎么找回丟失的文檔

WPS Office手機(jī)版怎么找回丟失的文檔?當(dāng)我們不小心將WPS office手機(jī)版的文檔刪除之后,該怎么找回來(lái)呢,丟失的文檔怎么找回,WPS Office手

2022-11-30 00:17

手機(jī)版WPS(手機(jī)版wps怎么首行縮進(jìn)2字符)

手機(jī)版WPS Office怎么使用?WPS Office是一款辦公軟件,我們可以使用WPS Office創(chuàng)建文檔、表格、演示等等,那WPS Office怎么使用

2022-11-30 00:15

手機(jī)版WPS(手機(jī)版wps怎么首行縮進(jìn)2字符)

手機(jī)版WPS Office怎么做表格?表格可以用來(lái)做數(shù)據(jù)統(tǒng)計(jì)等等,非常的好用方便,那怎么使用手機(jī)版WPS Office制作表格呢,手機(jī)版WPS Office怎么

2022-11-30 00:15

手機(jī)版WPS 手機(jī)版wps怎么首行縮進(jìn)2字符

手機(jī)版WPS Office使用教程是什么?很多用戶對(duì)于WPS Office手機(jī)版還不知道如何使用,怎么使用手機(jī)版WPS Office,手機(jī)版WPS Office

2022-11-30 00:15