5種改善網站搜索體驗設計方法

 2023-02-14 08:48       浏覽次數:       作者:小智

當用戶訪問一(yī)個網站需要用到搜索框去(qù)搜索的(de)時候,那麽這個網站其實是并不成功的(de),因為(wèi)設計的(de)不夠簡單明了,不能讓用戶馬上看到 他想要的(de)內(nèi)容。但如(rú)果這個網站是分類很多産品很多的(de)一(yī)個網站,那麽這個網站擁有(yǒu)搜索框确是成功的(de)。在不同類型的(de)網站中如(rú)何去(qù)更 好的(de)運用你的(de)搜索框這是值得思考的(de)一(yī)個問題。下面文章(zhāng)中分享了5個可(kě)以幫忙改進搜索體驗的(de)一(yī)些小技巧,希望可(kě)以給到你啓發。


1、把搜索框放到用戶容易找到的(de)地(dì)方

浏覽見面的(de)用戶當他不得不去(qù)搜索搜索框時,這并不好,因為(wèi)它不顯眼,也不容易識别。下面的(de)圖表取自(zì)a . Dawn Shaikh和(hé)Keisi Lenz 的(de)一(yī)項研究:在對142名參與者的(de)調查中顯示了網站搜索表單的(de)預期位置。研究發現,對大多數用戶來說,方便的(de)地(dì)方是網站頁面的(de)左上 方或右上角。 因此,将搜索框放置在布局的(de)右上角或中上方區域,您将确保您的(de)用戶能夠找到他們期望的(de)位置。理(lǐ)想情況下,搜索框應該适合網站的(de) 總體設計,但當用戶需要時,它能稍微突出顯示。你擁有(yǒu)的(de)內(nèi)容越多,你就越想展示你的(de)搜索功能。如(rú)果搜索對你的(de)網站是必不可(kě)少的(de) (比如(rú)你的(de)網站是一(yī)個電子(zǐ)商(shāng)務商(shāng)店),使用大量的(de)對比,這樣你的(de)領域和(hé)圖标就會從背景和(hé)周圍的(de)元素中脫穎而出。


2、為(wèi)搜索輸入字段使用适當的(de)字段大小

使輸入字段過短(duǎn)是web設計人員常見的(de)錯誤。當用戶鍵入長(cháng)查詢時,隻有(yǒu)一(yī)部分文本是可(kě)見的(de),這意味着糟糕的(de)可(kě)用性,因為(wèi)用戶無法 輕松地(dì)查看和(hé)編輯他們的(de)查詢。事實上,當搜索框的(de)可(kě)見字符數量有(yǒu)限時,用戶不得不使用簡短(duǎn)的(de)、不完整的(de)查詢,因為(wèi)較長(cháng)的(de)查詢很 難讀取。如(rú)果輸入字段按照預期的(de)輸入大小,那麽它們都更容易閱讀和(hé)為(wèi)用戶解釋。一(yī)個經驗法則是有(yǒu)一(yī)個27個字符的(de)文本輸入。


3、明确用戶可(kě)以搜索什麽

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


4、點擊“搜索”按鈕後,不要删除用戶的(de)查詢

保留原始的(de)搜索查詢。查詢重新制定是許多信息旅行(xíng)中的(de)關鍵步驟。如(rú)果用戶在次嘗試中沒有(yǒu)找到他們想要的(de)東西,他們可(kě)能想再次 使用一(yī)個稍微不同的(de)查詢。為(wèi)了使它們更容易,在搜索框中保留初的(de)搜索項,這樣他們就不必重新鍵入整個查詢了。


5、使用一(yī)個自(zì)我暗示機(jī)制Nielsen Norman Group的(de)研究發現,典型的(de)用戶在查詢公式方面很差:如(rú)果次嘗試沒有(yǒu)得到好的(de)結果,以後的(de)搜索嘗試很少成功。事 實上,用戶往往在次嘗試失敗後就放棄了。但是,可(kě)以通過使用自(zì)動建議機(jī)制來改善這種情況。自(zì)動建議機(jī)制幫助用戶根據輸入的(de)字 符進行(xíng)預測,從而找到合适的(de)查詢。當這個機(jī)制有(yǒu)效時,它可(kě)以幫助用戶更好地(dì)表達搜索查詢。以下是在你的(de)網站上加入自(zì)動建議機(jī) 制時要記住的(de)幾點:

. 确保自(zì)動建議是有(yǒu)用的(de)。設計不當的(de)自(zì)動建議可(kě)能會混淆和(hé)分散用戶的(de)注意力。因此,使用拼寫自(zì)動更正、識别詞根詞和(hé)預測文本 來改進工具。

. 盡可(kě)能快地(dì)提供自(zì)動建議,比如(rú)輸入第三個字符之後。這将提供即時的(de)值并減少用戶的(de)數據輸入工作。

. 顯示少于10個建議的(de)項目(沒有(yǒu)滾動條),所以信息不會成為(wèi)壓倒性的(de)。允許用戶在使用鍵盤的(de)項目之間進行(xíng)導航。

. 強調輸入信息和(hé)建議信息之間的(de)差異(例如(rú),輸入文本有(yǒu)一(yī)個标準權重,而建議的(de)術語具有(yǒu)粗重)。


結論

搜索是建立盈利網站的(de)關鍵因素。用戶在發現和(hé)了解事物的(de)時候,會希望得到平滑的(de)體驗,他們通常會根據一(yī)到兩組搜索結果的(de)質量, 對網站的(de)價值做(zuò)出快速判斷。一(yī)個的(de)搜索工具應該幫助用戶快速和(hé)容易地(dì)找到他們想要的(de)東西。

版權:【非特殊說明,本站文章(zhāng)均為(wèi)原創,轉載請注明出處非特殊說明,本站文章(zhāng)均為(wèi)原創,轉載請注明出處 非特殊說明,本站文章(zhāng)均為(wèi)原創,轉載請注明出處 。】

  • 首頁
  • 電話
  • 手機(jī)
  • 留言
  • 返回頂部
  • 在線留言

    姓名
    電話
    公司
    郵箱
    服務類型
    • 企業網站建設
    • 集團官網設計
    • 微信開發
    • 網站優化
    • 小程序開發
    預算
    • 5k以下
    • 5-10k
    • 10-20k
    • 20-30k
    • 30k-50k
    • 50-100k
    • 10w以上
    留言內(nèi)容
    驗證碼 點擊更換驗證碼