設計搜索框在建設網站時要考慮的因素

2020-12-01 08:52 欄目:公司新聞 查看()
在網站的設計中,搜索欄是一個很容易被忽略的部分,但是用戶依靠它來尋找特定的信息。因為搜索欄是網站上最常用的元素之一,所以搜索欄的設計對用戶體驗有很大的影響。

網站建設需要搜索欄嗎?

使用搜索欄背后的思維和心理就是幫助用戶快速找到信息。搜索欄對于包含超過100頁復雜內容的網站非常有用。在B2C (business-to-consumer, B2C)世界中,搜索欄用于大型電子商務網站、新聞網站、交易網站和預訂網站,幫助用戶輕松查找信息。它們也用于大型B2B網站,有許多客戶細分和產品線。
如果是一個頁面很少的小站點,你可能不需要一個搜索欄,但是隨著站點的增長,你會需要的。
創建搜索欄時要考慮的因素

搜索欄通常由兩個UI元素組成:一個輸入字段和一個按鈕。然而,搜索欄的設計對用戶在你的網站上找到他們想要的信息的速度有很大的影響。我們認為在設計搜索欄時應該考慮以下幾個問題:
突出你的搜索欄:使網站搜索欄容易找到,并顯示在你的網站顯著位置。
避免將搜索框隱藏在下拉菜單中或隱藏在搜索圖標后面(漸進式披露),因為這樣會使用戶很難找到它。此外,當您隱藏搜索欄時,您添加了一個額外的操作,用戶必須在搜索您的站點之前執行。
搜索欄增加了放大鏡圖標:圖標作為心理捷徑和視覺線索的一個行動或對象。放大鏡是一個普遍接受的搜索操作符號,使用它將使用戶更容易識別你的搜索欄,即使沒有文本標簽。當選擇一個縮放圖標時,選擇一個示意圖圖標,它不是過度程式化以提高識別速度。使用大量的對比和填充,以確保圖標醒目,足夠大。
遵循搜索按鈕的設計慣例:當為搜索欄創建一個搜索按鈕時,遵循好的按鈕設計的慣例,并確保它是正確的大小和有足夠的對比度,以使它脫穎而出。確保用戶可以通過鍵盤上的“輸入”功能提交他們的搜索查詢。一些用戶仍然使用Enter來提交查詢,而且它對于可訪問性也很好。

使用占位符文本指導用戶搜索:使用一個搜索查詢示例作為占位符文本來指導用戶在您的站點上進行搜索查詢。這對網站的搜索欄很有用,用戶可以在這里搜索不同的條目。限制占位符文本的長度,以減少認知負荷,并確保有足夠的對比,使其易于閱讀。

設計一個簡單的搜索框:創建一個看起來像搜索框并且容易使用的搜索框。從一個簡單的搜索開始,如果需要,讓用戶選擇使用搜索過濾器或高級搜索機制。
把你的搜索欄放在正確的位置:對于網絡用戶來說,把你的搜索欄放在f模式是很重要的,這樣他們就可以看到它。這是在網站的中上方或右上方。此外,用戶實際上希望在頁面頂部找到站點的搜索欄。不要把你的搜索欄埋在頁腳;用戶需要在那里尋找它。使用熱圖來找到用戶在站點上滾動和點擊次數最多的區域(熱點),并將搜索欄放在那里。
搜索欄提示:當用戶輸入自己的搜索查詢時,自動提示引導用戶避免搜索查詢公式出現錯誤。確保自動建議有助于避免混淆或分散用戶的注意力。用戶輸入和自動提示之間的差異以粗體顯示。
每個頁面上的搜索欄:在搜索欄設計中,用戶總是可以訪問到搜索框。
掃二維碼與項目經理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯網交流

鄭重申明:常州捷效信息技術有限公司以外的任何單位或個人,不得使用該案例作為工作成功展示!
(*^▽^*)MG特工简.布隆德归来_豪华版 天津时时彩走势图官网 广西快乐十分最新开奖一定牛 12bet什么是百家乐三珠路的串连 浙江麻将app下载 吉林十一选五开奖公告 河南快三软件下载 越南5分彩开奖走势图彩经网 918游戏大厅 诚玩内蒙麻将下载页 打武汉麻将的技巧 独行侠vs太阳全场录像回放 做app棋牌会亏本吗 时时彩辽宁十一选五 云南快乐10分投注指南 天天中彩票谁中了604万 银河棋牌app