色欧美4477福利网在线观看,亚洲国产AV一区二区污污污,精品欧美一区二区三区,免费人成在线观看欧美精品

百教網(wǎng) > 鄭州海程在線 > 新聞中心 > 常用的搜索框設(shè)計(jì)的七大技巧

鄭州海程在線是一家專注于青年人才服務(wù)領(lǐng)域的綜合型企業(yè)機(jī)構(gòu)
鄭州海程在線是中國(guó)領(lǐng)先的科技型人力資源服務(wù)提供商
專注于互聯(lián)網(wǎng)和IT人才培養(yǎng)與線下輸送的現(xiàn)代化職業(yè)教育品牌

全國(guó)學(xué)習(xí)專線 8:00-22:00

常用的搜索框設(shè)計(jì)的七大技巧

UI設(shè)計(jì) 103已閱讀 2020-05-10 11:46:30

導(dǎo)讀 搜索框是我們最常用到的UI控件之一，它幾乎存在于所有的網(wǎng)站和APP當(dāng)中，用戶與網(wǎng)絡(luò)世界的萬(wàn)千聯(lián)系都是從搜索開(kāi)始的，那么常用的搜索框有哪些設(shè)計(jì)技巧呢？小編為大家整理了具體的內(nèi)容介紹，一起來(lái)了解下吧。

常用的搜索框設(shè)計(jì)的七大技巧

常用的搜索框設(shè)計(jì)的七大技巧：

1.使用放大鏡圖標(biāo)

根據(jù)定義，圖標(biāo)是對(duì)象，動(dòng)作或想法的可視化表示，并且有幾個(gè)圖標(biāo)是用戶記憶最深刻的，也是通用的。放大鏡圖標(biāo)就是其中之一。即使沒(méi)有文字標(biāo)簽，用戶也可以識(shí)別放大鏡圖標(biāo)的作用。

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

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

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

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

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

4.將搜索框放在每一頁(yè)上

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

5.使搜索框簡(jiǎn)單

如果你設(shè)計(jì)一個(gè)搜索框，請(qǐng)確保它看起來(lái)像一個(gè)搜索框，并盡可能簡(jiǎn)單的使用。根據(jù)可用性研究，默認(rèn)情況下沒(méi)有顯示高級(jí)搜索選項(xiàng)，這樣更加顯示用戶友好。高級(jí)搜索選項(xiàng)可能會(huì)混淆將嘗試使用它的用戶。

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

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

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

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

相關(guān)文章

: ui設(shè)計(jì)中常用的幾種網(wǎng)頁(yè)布局類(lèi)型

現(xiàn)在網(wǎng)頁(yè)布局是網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中非常重要的一環(huán)，很多客戶可能都會(huì)糾結(jié)甚至?xí)孀憔W(wǎng)頁(yè)設(shè)計(jì)和布局的工作當(dāng)中，可以說(shuō)一個(gè)好的布局不僅能夠給企業(yè)帶來(lái)長(zhǎng)期發(fā)展的前景，不知道大家都了解哪幾種形式，小編給大家總結(jié)了以下幾種布局類(lèi)型，在你UI設(shè)計(jì)工作中可以根據(jù)具體需求來(lái)做分析。... [詳情]

194人閱讀

: 常用的搜索框設(shè)計(jì)的七大技巧

搜索框是我們最常用到的UI控件之一，它幾乎存在于所有的網(wǎng)站和APP當(dāng)中，用戶與網(wǎng)絡(luò)世界的萬(wàn)千聯(lián)系都是從搜索開(kāi)始的，那么常用的搜索框有哪些設(shè)計(jì)技巧呢？小編為大家整理了具體的內(nèi)容介紹，一起來(lái)了解下吧。... [詳情]

103人閱讀

: 大數(shù)據(jù)分析常用的六大工具

現(xiàn)在大數(shù)據(jù)行業(yè)發(fā)展得十分火熱，而大數(shù)據(jù)也確實(shí)為我們的生活帶來(lái)了許多的便利，隨著大數(shù)據(jù)平臺(tái)的開(kāi)發(fā)和增多，各種各樣的用于大數(shù)據(jù)分析的工具都被開(kāi)發(fā)出來(lái)了，小編為大家整理了大數(shù)據(jù)分析常用的六大工具，一起來(lái)了解下吧。... [詳情]

112人閱讀

: 網(wǎng)頁(yè)設(shè)計(jì)不容忽視的三大細(xì)節(jié)

網(wǎng)頁(yè)設(shè)計(jì)看似簡(jiǎn)單，實(shí)則不容易，你有沒(méi)有經(jīng)歷過(guò)看到一個(gè)頁(yè)面的時(shí)候馬上就被它的設(shè)計(jì)吸引并且留下了深刻的印象呢？小編為大家找來(lái)了網(wǎng)頁(yè)設(shè)計(jì)不容忽視的三大細(xì)節(jié)，一起來(lái)學(xué)習(xí)下吧。... [詳情]

100人閱讀

: 做好UI設(shè)計(jì)必知6大要素

我們常常把用戶體驗(yàn)掛在嘴邊，而UI就是提升用戶體驗(yàn)的秘密武器，友好的用戶界面，可以實(shí)現(xiàn)用戶與網(wǎng)站或者軟件之間更好的交互，讓軟件的操作變得更加舒適、更加人性化，可以毫不夸張的說(shuō)，UI決定了互聯(lián)網(wǎng)創(chuàng)業(yè)的成敗，那么，要如何才能針對(duì)自己的實(shí)際情況設(shè)計(jì)出好的UI呢？小編為大家整理了具體的內(nèi)容介紹，一起來(lái)了解下吧。... [詳情]

124人閱讀

: IT行業(yè)是個(gè)不錯(cuò)的選擇！

俗話說(shuō)，窮不過(guò)三代，富也不過(guò)三代。如今中國(guó)窮人家的孩子想要逆襲，該怎么辦？普遍的情況是金融和IT行業(yè)，可金融真是挑家庭背景的，只剩下IT行業(yè)了，成為了一個(gè)個(gè)窮苦人家孩子的翻身稻草。... [詳情]

105人閱讀