網(wǎng)頁設計之搜索框的設計技巧

網(wǎng)頁設計之搜索框的設計技巧

一、搜索框

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

讓搜索框的位置保持統(tǒng)一，盡可能足夠?qū)捯员闳菁{較多的文字；

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

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

在完成搜索后仍在搜索框內(nèi)保留請求文字。

二、范圍搜

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

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

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

三、局部搜索

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

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

四、高級搜索

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

本文標題：網(wǎng)頁設計之搜索框的設計技巧
當前路徑：http://muchs.cn/news17/216617.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、小程序開發(fā)、商城網(wǎng)站、網(wǎng)頁設計公司、做網(wǎng)站、網(wǎng)站營銷

廣告

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