網頁設計之搜索框的設計技巧

2022-11-25 分類：網站建設

網站建設 - 建站教程 - 建站經驗 - 網頁設計之搜索框的設計技巧

網頁設計之搜索框的設計技巧

一、搜索框

表單應該遵循其功能；在設計控件時應該牢記可見性原則；

讓搜索框的位置保持統一，盡可能足夠寬以便容納較多的文字；

在頁面加載好后自動聚焦光標于搜索框內，并允許用戶通過回車鍵提交請求；

通過占位符和其它提示性語言來幫助用戶構建有意義的請求（但是在光標聚焦輸入框時讓它們立馬消失）；

在完成搜索后仍在搜索框內保留請求文字。

二、范圍搜

范圍搜索針對的是有一定領域知識的用戶，為了顧及所有人，該功能不應成為應用里唯一的搜索方式。請確保默認情況下使用全局搜索；

如果在某個類別下搜索到的結果為零時，顯示所有類別下的搜索結果作為回退機制；

搜索結果中同時要清楚地顯示當前搜索的范圍是什么。

三、局部搜索

若局部搜索是以篩選菜單中一部分的形式出現，那就用占位符或其它指示性文字標簽明確注釋其功能。確保在完成搜索后于某一處顯示剛才搜索用的關鍵字詞。

如果是作為全局搜索的一個選項出現，那請留意這個切換機制與應用當前的整體情境緊密相連。另外，勾選“局部搜索”時原本搜索框框內的已輸入文字應該消失。

四、高級搜索

審視一下高級搜索的基本原理是什么，特別要考慮下對于某個專家級別的用戶而言，是否采用定制化的體驗是種更好的解決方案，而不是去“拍腦袋”決定要把搜索搞得富麗堂皇。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容