網站建設
    我們不斷創新和探索
    只為企業品牌重塑
    5種改善網站搜索體驗設計方法
    發布時間:2023-09-05 發布作者:超級管理員 閱讀次數:588

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

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

    f66ca85073858318f085a9fe062b1557.png

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

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

    2、為搜索輸入字段使用適當的字段大小

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

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

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

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

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

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

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

    .確保自動建議是有用的。設計不當的自動建議可能會混淆和分散用戶的注意力。因此,使用拼寫自動更正、識別詞根詞和預測文本來改進工具。

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

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

    強調輸入信息和建議信息之間的差異(例如,輸入文本有一個標準權重,而建議的術語具有粗重)。

    結論

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


    相關推薦
    多一份方案,多一次選擇

    聯系我們,免費獲取專屬《策劃方案》及報價

    *如有疑問請聯系我們!
    135-0512-2574(7*24小時)0523-82119318(工作日)
    微信咨詢
    立即聯系我們,無限可能從第一次交流開始

    在線咨詢

    網站建設 百度托管 電商運營 營銷外包

    微信咨詢

    初元科技

    電話咨詢

    QQ:451625860

    135-0512-2574(7×24)

    提交需求

    初元科技

    微信掃一掃,聯系初元科技

    關閉
    提交需求
    關閉
    久热香蕉精品视频在线播放| 国产精品成人小电影在线观看| 91精品国产色综久久| 国产一精品一av一免费爽爽| 国产精品免费久久久久电影网| 日韩精品成人一区二区三区| 精品国产精品久久一区免费式| 55夜色66夜色国产精品视频| 在线精品国产一区二区| 人妻少妇精品视频二区| 精品国产福利一区二区| 久久久久成人精品一区二区| 国产精品亚洲精品日韩已满| 国产午夜福利精品久久| 国产精品午夜福利在线无码| 免费人妻精品一区二区三区| 亚洲AV日韩AV一区二区三曲| 中文字幕国产日韩| 国产日韩久久免费影院| 亚洲人午夜射精精品日韩| 国产在线精品二区韩国演艺界 | 日韩专区无码人妻| 国产精品成人无码免费| 国内精品久久久久久影院| 蜜臀亚洲AV无码精品国产午夜.| 国产成人精品一区二区A片带套| 无码人妻精品一区二区蜜桃 | 三级精品视频在线播放| 久久93精品国产91久久综合| 精品综合久久久久久88小说| 久久久亚洲精品蜜桃臀| 岛国精品一区免费视频在线观看| 国内精品久久久久久久久| 久久噜噜久久久精品66| 精品在线一区二区三区| 久久久久国产精品免费看| 日本精品高清一区二区2021| 久久99精品视香蕉蕉| 国产69精品久久久久99尤物| 国产精品亚洲高清一区二区| 精品久久综合1区2区3区激情 |