×

網(wǎng)站建設(shè)的搜索框如何設(shè)計(jì)(上)

  • 作者:新網(wǎng)
  • 來(lái)源:新網(wǎng)
  • 瀏覽:100
  • 2018-02-22 18:02:59

作為網(wǎng)站建設(shè)網(wǎng)頁(yè)中最常見(jiàn)的UI控件之一,搜索框的組成非常簡(jiǎn)單:輸入框+觸動(dòng)按鈕,不少站長(zhǎng)也因此沒(méi)有對(duì)它給予足夠的重視。那么接下來(lái)就隨小編一起來(lái)看一下網(wǎng)站建設(shè)的搜索框如何設(shè)計(jì)?

 作為網(wǎng)站建設(shè)網(wǎng)頁(yè)中最常見(jiàn)的UI控件之一,搜索框的組成非常簡(jiǎn)單:輸入框+觸動(dòng)按鈕,不少站長(zhǎng)也因此沒(méi)有對(duì)它給予足夠的重視。那么接下來(lái)就隨小編一起來(lái)看一下網(wǎng)站建設(shè)的搜索框如何設(shè)計(jì)?

26P58PICRgC.jpg
1. 使用放大鏡圖標(biāo)
 
現(xiàn)在,一看見(jiàn)放大鏡圖標(biāo),用戶(hù)自然而然就會(huì)想起搜索功能,這種聯(lián)系是在長(zhǎng)期使用過(guò)程中逐漸形成的,是為大家所廣泛認(rèn)可接受的。因此在網(wǎng)站中設(shè)計(jì)搜索框時(shí),我們可以多使用放大鏡圖標(biāo),畢竟它是最常使用、最易于辨認(rèn)的(即使沒(méi)有文本標(biāo)簽,用戶(hù)也能輕松識(shí)別)。當(dāng)然也要注意,放大鏡圖標(biāo)應(yīng)該簡(jiǎn)潔直觀,盡量減少一些不必要的細(xì)節(jié),提高圖標(biāo)的可辨識(shí)度。
 
2. 讓搜索框足夠顯眼
 
搜索框設(shè)計(jì)有一條重要的準(zhǔn)則就是:讓搜索框足夠顯眼,清晰可見(jiàn)的搜索框能讓用戶(hù)快速發(fā)現(xiàn)并使用。搜索框左右兩側(cè)是兩種不同的搜索框設(shè)計(jì),左邊的搜索框隱藏在圖標(biāo)之后,這種隱性的搜索框太不顯眼了,用戶(hù)很難發(fā)現(xiàn)并使用。相比而言,右側(cè)的搜索框就能及時(shí)給用戶(hù)提供幫助。
 
3. 提供搜索按鈕
 
在搜索框中設(shè)置按鈕是為了讓用戶(hù)能夠明白搜索的觸動(dòng)方式,帶有按鈕的搜索框更易吸引用戶(hù)點(diǎn)擊進(jìn)行搜索。不過(guò),在設(shè)計(jì)搜索按鈕時(shí),我們要注意控制它的尺寸大小,選取合適的區(qū)域,讓用戶(hù)可以移動(dòng)光標(biāo)或手動(dòng)輕松點(diǎn)擊。另外,設(shè)置回車(chē)鍵提交搜索的功能也是有必要的,因?yàn)楝F(xiàn)在很多用戶(hù)仍然保留著點(diǎn)擊回車(chē)鍵觸動(dòng)按鈕的習(xí)慣。
 
4. 每頁(yè)都保留搜索輸入框
 
網(wǎng)站的每個(gè)頁(yè)面最好都有搜索框。這樣一來(lái),當(dāng)用戶(hù)在特定的頁(yè)面找不到想要的內(nèi)容時(shí),可以立即通過(guò)搜索框獲取內(nèi)容,這種設(shè)置是快速便捷的,是能夠顯著提高用戶(hù)對(duì)網(wǎng)站好感的。
 
5. 讓搜索框盡量簡(jiǎn)單
 
搜索框設(shè)計(jì)還有一條原則,那就是簡(jiǎn)單易用。研究表明,一個(gè)沒(méi)有顯示高級(jí)選項(xiàng)的搜索框看上去更加友好,可用性也更強(qiáng)。所以,一般情況下,在給用戶(hù)提供搜索框時(shí)最好不要提供復(fù)雜的搜索選項(xiàng)。
 
以上就是小編對(duì)于網(wǎng)站建設(shè)的搜索框如何設(shè)計(jì)的解答。
 

免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶(hù)自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請(qǐng)發(fā)送郵件至:operations@xinnet.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。

免費(fèi)咨詢(xún)獲取折扣

Loading