2022-11-25 分類: 網站建設
網頁設計之搜索框的設計技巧
一、搜索框
表單應該遵循其功能;在設計控件時應該牢記可見性原則;
讓搜索框的位置保持統一,盡可能足夠寬以便容納較多的文字;
在頁面加載好后自動聚焦光標于搜索框內,并允許用戶通過回車鍵提交請求;
通過占位符和其它提示性語言來幫助用戶構建有意義的請求(但是在光標聚焦輸入框時讓它們立馬消失);
在完成搜索后仍在搜索框內保留請求文字。
二、范圍搜
范圍搜索針對的是有一定領域知識的用戶,為了顧及所有人,該功能不應成為應用里唯一的搜索方式。請確保默認情況下使用全局搜索;
如果在某個類別下搜索到的結果為零時,顯示所有類別下的搜索結果作為回退機制;
搜索結果中同時要清楚地顯示當前搜索的范圍是什么。
三、局部搜索
若局部搜索是以篩選菜單中一部分的形式出現,那就用占位符或其它指示性文字標簽明確注釋其功能。確保在完成搜索后于某一處顯示剛才搜索用的關鍵字詞。
如果是作為全局搜索的一個選項出現,那請留意這個切換機制與應用當前的整體情境緊密相連。另外,勾選“局部搜索”時原本搜索框框內的已輸入文字應該消失。
四、高級搜索
審視一下高級搜索的基本原理是什么,特別要考慮下對于某個專家級別的用戶而言,是否采用定制化的體驗是種更好的解決方案,而不是去“拍腦袋”決定要把搜索搞得富麗堂皇。
本文標題:網頁設計之搜索框的設計技巧
當前路徑:http://m.newbst.com/news17/216617.html
成都網站建設公司_創新互聯,為您提供外貿建站、小程序開發、商城網站、網頁設計公司、做網站、網站營銷
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容