改善網(wǎng)站搜索體驗設(shè)計的5種方法

當(dāng)用戶訪問一個網(wǎng)站需要用到搜索框去搜索的時候，那么這個網(wǎng)站其實是并不成功的，因為設(shè)計的不夠簡單明了，不能讓用戶馬上看到他想要的內(nèi)容。但如果這個網(wǎng)站是分類很多產(chǎn)品很多的一個網(wǎng)站，那么這個網(wǎng)站擁有搜索框確是成功的。在不同類型的網(wǎng)站中如何去更好的運用你的搜索框這是值得思考的一個問題。下面文章中分享了5個可以幫忙改進(jìn)搜索體驗的一些小技巧，希望可以給到你啟發(fā)。

1、把搜索框放到用戶容易找到的地方

瀏覽見面的用戶當(dāng)他不得不去搜索搜索框時，這并不好，因為它不顯眼，也不容易識別。下面的圖表取自a . Dawn Shaikh和Keisi Lenz的一項研究:在對142名參與者的調(diào)查中顯示了網(wǎng)站搜索表單的預(yù)期位置。研究發(fā)現(xiàn)，對大多數(shù)用戶來說，最方便的地方是網(wǎng)站頁面的左上方或右上角。

因此，將搜索框放置在布局的右上角或中上方區(qū)域，您將確保您的用戶能夠找到他們期望的位置。理想情況下，搜索框應(yīng)該適合網(wǎng)站的總體設(shè)計，但當(dāng)用戶需要時，它能稍微突出顯示。你擁有的內(nèi)容越多，你就越想展示你的搜索功能。如果搜索對你的網(wǎng)站是必不可少的(比如你的網(wǎng)站是一個電子商務(wù)商店)，使用大量的對比，這樣你的領(lǐng)域和圖標(biāo)就會從背景和周圍的元素中脫穎而出。

2、為搜索輸入字段使用適當(dāng)?shù)淖侄未笮?/strong>

使輸入字段過短是web設(shè)計人員常見的錯誤。當(dāng)用戶鍵入長查詢時，只有一部分文本是可見的，這意味著糟糕的可用性，因為用戶無法輕松地查看和編輯他們的查詢。事實上，當(dāng)搜索框的可見字符數(shù)量有限時，用戶不得不使用簡短的、不完整的查詢，因為較長的查詢很難讀取。如果輸入字段按照預(yù)期的輸入大小，那么它們都更容易閱讀和為用戶解釋。一個經(jīng)驗法則是有一個27個字符的文本輸入(這個大小容納了90%的查詢)。

3、明確用戶可以搜索什么

在輸入字段中包含一個示例搜索查詢，以向用戶建議可以搜索的內(nèi)容，這是一個好主意。HTML5使得在輸入字段中包含文本作為占位符變得很容易。如果用戶可以搜索多個標(biāo)準(zhǔn)，請使用輸入提示模式來解釋(參見下面的IMDb示例)。但是一定要把你的暗示限制在幾句話，否則，你會增加認(rèn)知負(fù)荷。

4、點擊“搜索”按鈕后，不要刪除用戶的查詢

保留原始的搜索查詢。查詢重新制定是許多信息旅行中的關(guān)鍵步驟。如果用戶在第一次嘗試中沒有找到他們想要的東西，他們可能想再次使用一個稍微不同的查詢。為了使它們更容易，在搜索框中保留最初的搜索項，這樣他們就不必重新鍵入整個查詢了。

5、使用一個自我暗示機制

Nielsen Norman Group的研究發(fā)現(xiàn)，典型的用戶在查詢公式方面很差:如果第一次嘗試沒有得到好的結(jié)果，以后的搜索嘗試很少成功。事實上，用戶往往在第一次嘗試失敗后就放棄了。但是，可以通過使用自動建議機制來改善這種情況。自動建議機制幫助用戶根據(jù)輸入的字符進(jìn)行預(yù)測，從而找到合適的查詢。當(dāng)這個機制有效時，它可以幫助用戶更好地表達(dá)搜索查詢。以下是在你的網(wǎng)站上加入自動建議機制時要記住的幾點:

.確保自動建議是有用的。設(shè)計不當(dāng)?shù)淖詣咏ㄗh可能會混淆和分散用戶的注意力。因此，使用拼寫自動更正、識別詞根詞和預(yù)測文本來改進(jìn)工具。

.盡可能快地提供自動建議，比如輸入第三個字符之后。這將提供即時的值并減少用戶的數(shù)據(jù)輸入工作。

.顯示少于10個建議的項目(沒有滾動條)，所以信息不會成為壓倒性的。允許用戶在使用鍵盤的項目之間進(jìn)行導(dǎo)航。

.強調(diào)輸入信息和建議信息之間的差異(例如，輸入文本有一個標(biāo)準(zhǔn)權(quán)重，而建議的術(shù)語具有粗重)。

結(jié)論

搜索是建立盈利網(wǎng)站的關(guān)鍵因素。用戶在發(fā)現(xiàn)和了解事物的時候，會希望得到平滑的體驗，他們通常會根據(jù)一到兩組搜索結(jié)果的質(zhì)量，對網(wǎng)站的價值做出快速判斷。一個優(yōu)秀的搜索工具應(yīng)該幫助用戶快速和容易地找到他們想要的東西。