作為網(wǎng)頁設(shè)計(jì)中最常見的UI控件之一，搜索框的組成非常簡單：輸入框+觸動(dòng)按鈕，不少站長也因此沒有對它給予足夠的重視。其實(shí)搜索框在網(wǎng)站中扮演的角色不容小覷，一個(gè)可用性較高的搜索框往往可以有效節(jié)省用戶獲取信息和內(nèi)容的時(shí)間，大大提升用戶的瀏覽體驗(yàn)。尤其是在內(nèi)容為主的網(wǎng)站中，當(dāng)用戶面對復(fù)雜的內(nèi)容時(shí)，他們第一時(shí)間就會尋找搜索框，輸入關(guān)鍵詞以獲取想要的內(nèi)容，強(qiáng)大的搜索框能夠促進(jìn)用戶交互行為的發(fā)生。所以在網(wǎng)站建設(shè)過程中我們應(yīng)多花些時(shí)間思考搜索框如何設(shè)計(jì)。如果您沒有什么頭緒，不用擔(dān)心，和斑驢互聯(lián)小編一起來看看搜索框設(shè)計(jì)的幾個(gè)要點(diǎn)吧!
1. 使用放大鏡圖標(biāo)
現(xiàn)在，一看見放大鏡圖標(biāo)，用戶自然而然就會想起搜索功能，這種聯(lián)系是在長期使用過程中逐漸形成的，是為大家所廣泛認(rèn)可接受的。因此在網(wǎng)站中設(shè)計(jì)搜索框時(shí)，我們可以多使用放大鏡圖標(biāo)，畢竟它是最常使用、最易于辨認(rèn)的(即使沒有文本標(biāo)簽，用戶也能輕松識別)。當(dāng)然也要注意，放大鏡圖標(biāo)應(yīng)該簡潔直觀，盡量減少一些不必要的細(xì)節(jié)，提高圖標(biāo)的可辨識度。
2. 讓搜索框足夠顯眼
搜索框設(shè)計(jì)有一條重要的準(zhǔn)則就是：讓搜索框足夠顯眼，清晰可見的搜索框能讓用戶快速發(fā)現(xiàn)并使用。
3. 提供搜索按鈕
在搜索框中設(shè)置按鈕是為了讓用戶能夠明白搜索的觸動(dòng)方式，帶有按鈕的搜索框更易吸引用戶點(diǎn)擊進(jìn)行搜索。不過，在設(shè)計(jì)搜索按鈕時(shí)，我們要注意控制它的尺寸大小，選取合適的區(qū)域，讓用戶可以移動(dòng)光標(biāo)或手動(dòng)輕松點(diǎn)擊。另外，設(shè)置回車鍵提交搜索的功能也是有必要的，因?yàn)楝F(xiàn)在很多用戶仍然保留著點(diǎn)擊回車鍵觸動(dòng)按鈕的習(xí)慣。
4. 每頁都保留搜索輸入框
網(wǎng)站的每個(gè)頁面最好都有搜索框。這樣一來，當(dāng)用戶在特定的頁面找不到想要的內(nèi)容時(shí)，可以立即通過搜索框獲取內(nèi)容，這種設(shè)置是快速便捷的，是能夠顯著提高用戶對網(wǎng)站好感的。
5. 讓搜索框盡量簡單
搜索框設(shè)計(jì)還有一條原則，那就是簡單易用。研究表明，一個(gè)沒有顯示高級選項(xiàng)的搜索框看上去更加友好，可用性也更強(qiáng)。所以，一般情況下，在給用戶提供搜索框時(shí)最好不要提供復(fù)雜的搜索選項(xiàng)。
6. 讓搜索框處于用戶預(yù)期的位置
當(dāng)用戶想要使用搜索框，卻需要花費(fèi)不少精力去找時(shí)，用戶的體驗(yàn)就已經(jīng)大大降低了。網(wǎng)站上的搜索框最好易于察覺，放在用戶預(yù)期的位置。通過調(diào)查大多數(shù)用戶會在網(wǎng)站的左上角和右上角尋找搜索框，這主要是因?yàn)橛脩粼跒g覽網(wǎng)站時(shí)使用F型掃視法，而網(wǎng)站右上角是大多數(shù)用戶的首選區(qū)域，因此在設(shè)計(jì)搜索框時(shí)我們最好把它放在頂部靠右或頂部居中的位置。
7. 合理的輸入框尺寸
輸入框尺寸太小是最常見的搜索框設(shè)計(jì)錯(cuò)誤。不少網(wǎng)站的輸入框都太小，雖然可以容納較長的內(nèi)容，但部分內(nèi)容卻是不可見的，這種設(shè)計(jì)的可用性很差。由于視覺范圍的限制，用戶在輸入內(nèi)容可能會下意識覺得只能采用短的、不精確的查詢方式，或是輸入了較長的關(guān)鍵詞，卻在修改時(shí)遇到麻煩。因此，建議使用能夠根據(jù)輸入關(guān)鍵詞長度而變長的輸入框，這不僅可以節(jié)省屏幕空間，還能給予用戶充分的視覺提示。
8. 使用自動(dòng)搜索推薦機(jī)制
什么是自動(dòng)搜索推薦機(jī)制?以Google為例，當(dāng)我們在搜索框中輸入"Apple Watch 2"，它會自動(dòng)出現(xiàn)相關(guān)詞條推薦搜索，這就是自動(dòng)搜索推薦機(jī)制的表現(xiàn)形式。谷歌在這方面擁有絕對的發(fā)言權(quán)，從2008年開始，它就開始統(tǒng)計(jì)用戶的搜索歷史，整理詞條推薦，以幫助用戶節(jié)省時(shí)間，創(chuàng)造更佳的用戶體驗(yàn)。自動(dòng)搜索推薦機(jī)制能夠動(dòng)態(tài)地預(yù)測用戶的搜索方向，幫助用戶更快完成搜索。不過，在使用這種機(jī)制時(shí)我們也要注意以下幾點(diǎn)：
確保自動(dòng)搜索的推薦內(nèi)容是有價(jià)值的。如果輸入框中出現(xiàn)不恰當(dāng)或無用的搜索推薦，這非但不能為用戶的搜索提供便利，反而容易混淆和分散用戶的注意力。自動(dòng)搜索的推薦內(nèi)容一定要基于用戶的搜索歷史數(shù)據(jù)來決定。當(dāng)用戶在輸入框輸入關(guān)鍵詞時(shí)，盡快給予用戶推薦信息，比如在第三個(gè)字符之后，為用戶開始提供即時(shí)、有價(jià)值的建議，降低用戶的輸入難度和工作量。盡量為用戶提供少于10個(gè)搜索結(jié)果，避免信息過載。
總體而言，雖然搜索框看似簡單，其背后卻蘊(yùn)藏著大量的設(shè)計(jì)知識。由于一點(diǎn)點(diǎn)變化也會對整個(gè)網(wǎng)站的用戶體驗(yàn)造成很大的影響，我們在改動(dòng)搜索框時(shí)一定要足夠謹(jǐn)慎。如果你網(wǎng)站目前的轉(zhuǎn)化率還不錯(cuò)，搜索框就不要做什么大的改動(dòng)了；但如果你網(wǎng)站的轉(zhuǎn)化率很低，其他區(qū)塊設(shè)計(jì)也沒有發(fā)現(xiàn)什么問題，記得看看搜索框的設(shè)計(jì)是否存在缺陷。
標(biāo)簽： 南昌網(wǎng)站建設(shè)公司/南昌做網(wǎng)站的公司/南昌微信小程序/南昌APP開發(fā)/—斑驢互聯(lián)
贛公網(wǎng)安備 36010902000435號
