設計搜尋框有這7個小技巧

搜尋框也是需要好好設計的,這7個小技巧會讓你的搜尋框更顯而易見,更吸引人。許多人可能認為搜尋框不需要設計; 畢竟這只是兩個簡單的元素。然而,在內容繁雜的網站中,搜尋框通常是最常用的設計元素。當用戶遇到相對複雜的網站時,他們會立即尋找搜尋框,已到達到最終目的。搜尋框的設計及其可用性就顯得尤為重要。所以設計師們千萬不要大意了。

設計搜尋框有這7個小技巧

搜尋框的設計

搜尋框設計的7個技巧1.使用放大鏡圖示根據定義,圖示是物件,動作或想法的視覺化表示,並且有幾個圖示是使用者記憶最深刻的,也是通用的。放大鏡圖示就是其中之一。即使沒有文字標籤,使用者也可以識別放大鏡圖示的作用。2. 將搜尋框放在使用者希望找到的地方如果搜尋對於你的應用或網站來說是重要的功能,那麼搜尋框必須放在顯眼的位置,讓使用者一眼就能找到。研究發現,搜尋框放置的最佳位置是你網站上每個頁面的左上角或右上角,使用者可以使用常見的F形掃描模式輕鬆找到它。理想情況下,搜尋框應該完美匹配網站的整體設計,並在使用者需要時輕鬆展現。3.為搜尋框提供搜尋按鈕搜尋按鈕可以幫助人們瞭解還有額外的觸發操作 – 即使他們通常使用Enter鍵。4.將搜尋框放在每一頁上始終提供對每個頁面的搜尋框的訪問許可權,因為如果你的使用者找不到他們正在查詢的內容,他們將會使用搜索功能,無論他們處於你網站的哪個位置。5.使搜尋框簡單如果你設計一個搜尋框,請確保它看起來像一個搜尋框,並儘可能簡單的使用。根據可用性研究,預設情況下沒有顯示高階搜尋選項,這樣更加顯示使用者友好。高階搜尋選項可能會混淆將嘗試使用它的使用者。7.自適應欄位大小輸入欄位太短是設計人員常見的錯誤。當然使用者可以鍵入長查詢,但只有一部分文字可見,部分文字被隱藏,這意味著可用性差。因為使用者無法輕鬆檢視和編輯其查詢。那應該怎麼設計呢?實際上,當搜尋框能夠輸入的文字有限時,使用者被迫使用短的文字進行查詢,這樣就不能精確的查詢。如果輸入欄位根據其預期輸入進行大小調整,那麼它們更容易閱讀並給使用者提供良好的使用者體驗。經驗法則是具有27個字元的文字輸入(它可以容納90%的查詢)。總結,這7個實用的小技巧可以讓你的搜尋框看起來更吸引人。