人(rén)
已閱讀

APP開發中搜索框的(de)設計需要注意什(shén)麽

來(lái)源：lexintech.com 發布時(shí)間：2017-08-18

搜索框是我們最常用(yòng)到的(de)UI控件之一，它幾乎存在于所有的(de)網站和(hé)APP當中。許多(duō)人(rén)認爲搜索框不需要設計，因爲它似乎就是由兩個(gè)最簡單的(de)元素構成的(de)。在以内容爲導向的(de)APP中，搜索框的(de)重要性會相對(duì)更明(míng)顯，用(yòng)戶需要快(kuài)速又無痛地找到他(tā)們想要的(de)内容。而對(duì)于設計相對(duì)負責的(de)APP而言，這(zhè)個(gè)需求尤其明(míng)顯。搜索框的(de)可(kě)用(yòng)性設計，是整個(gè)設計的(de)關鍵。

深圳APP開發公司樂(yuè)信科技，在多(duō)年的(de)項目經驗中，總結出一些關于搜索框設計的(de)注意事項。今天樂(yuè)信小編就跟大(dà)家聊一聊搜索框的(de)設計，如何讓用(yòng)戶盡量節省時(shí)間，搜到他(tā)們想要的(de)内容。

1、使用(yòng)放大(dà)鏡圖标

現在，搜索的(de)概念和(hé)放大(dà)鏡圖标之間的(de)關系已經深入人(rén)心，根深蒂固了(le)。在日常最常用(yòng)、最易于識别的(de)幾個(gè)圖标當中，放大(dà)鏡所帶代表的(de)搜索圖标就是其中之一。即使在沒有文本标簽标識的(de)情況下(xià)，用(yòng)戶也(yě)能輕松地識别圖标的(de)含義。使用(yòng)最簡略直觀的(de)放大(dà)鏡圖标，細節越少，越容易識别。

2、明(míng)顯的(de)搜索輸入框

如果搜索是你的(de)網站或者APP的(de)重要功能的(de)話(huà)，你應當讓搜索框足夠顯眼，這(zhè)樣的(de)能設計讓用(yòng)戶最快(kuài)發現它的(de)存在。

3、提供搜索按鈕

按鈕的(de)存在讓用(yòng)戶能夠明(míng)白搜索的(de)觸發方式——也(yě)就是說通(tōng)過觸發按鈕來(lái)完成這(zhè)一操作。

控制搜索按鈕的(de)尺寸大(dà)小，讓用(yòng)戶使用(yòng)光(guāng)标可(kě)以輕松找到并點擊，讓觸發區(qū)域大(dà)小合适。

讓用(yòng)戶可(kě)以通(tōng)過回車鍵提交搜索，許多(duō)用(yòng)戶仍然有通(tōng)過點擊鍵盤按鍵來(lái)觸發搜索的(de)習(xí)慣。

4、每頁都保留搜索輸入框

你應該爲用(yòng)戶擁有在每個(gè)頁面都能立刻進行搜索的(de)權限，如果你的(de)用(yòng)戶在特定的(de)頁面找不到他(tā)們想要的(de)内容，可(kě)以立刻通(tōng)過搜索獲取内容，無論他(tā)在網站的(de)哪個(gè)地方。

5、讓搜索框盡量簡單

在你設計搜索框的(de)時(shí)候，請盡量讓它看起來(lái)就是一個(gè)搜索框，并且簡單易用(yòng)。可(kě)用(yòng)性研究表明(míng)，默認沒有顯示高(gāo)級選項的(de)搜索框看起來(lái)更加友好，所以，通(tōng)常情況下(xià)給用(yòng)戶提供的(de)搜索框最好不要提供進階的(de)搜索選項。

6、讓搜索框處于用(yòng)戶預期的(de)位置

當用(yòng)戶想要搜索内容的(de)時(shí)候還(hái)需要花費精力來(lái)尋找搜索框，這(zhè)就非常尴尬了(le)。這(zhè)意味著(zhe)搜索框本身就不容易被察覺。

上一篇：爲什(shén)麽我們常見的(de)APP導航菜單都放在底部
下(xià)一篇：産品架構搭建在APP開發中的(de)重要性