APP開發(fā)咨詢熱線：
人
已閱讀
已閱讀
APP開發(fā)中搜索框的設(shè)計(jì)需要注意什么
來源：lexintech.com ?? ?? 發(fā)布時(shí)間：2017-08-18
搜索框是我們最常用到的UI控件之一，它幾乎存在于所有的網(wǎng)站和APP當(dāng)中。許多人認(rèn)為搜索框不需要設(shè)計(jì)，因?yàn)樗坪蹙褪怯蓛蓚€(gè)最簡單的元素構(gòu)成的。在以內(nèi)容為導(dǎo)向的APP中，搜索框的重要性會(huì)相對(duì)更明顯，用戶需要快速又無痛地找到他們想要的內(nèi)容。而對(duì)于設(shè)計(jì)相對(duì)負(fù)責(zé)的APP而言，這個(gè)需求尤其明顯。搜索框的可用性設(shè)計(jì)，是整個(gè)設(shè)計(jì)的關(guān)鍵。
深圳APP開發(fā)公司樂信科技，在多年的項(xiàng)目經(jīng)驗(yàn)中，總結(jié)出一些關(guān)于搜索框設(shè)計(jì)的注意事項(xiàng)。今天樂信小編就跟大家聊一聊搜索框的設(shè)計(jì)，如何讓用戶盡量節(jié)省時(shí)間，搜到他們想要的內(nèi)容。
3、提供搜索按鈕
1、使用放大鏡圖標(biāo)
現(xiàn)在，搜索的概念和放大鏡圖標(biāo)之間的關(guān)系已經(jīng)深入人心，根深蒂固了。在日常最常用、最易于識(shí)別的幾個(gè)圖標(biāo)當(dāng)中，放大鏡所帶代表的搜索圖標(biāo)就是其中之一。即使在沒有文本標(biāo)簽標(biāo)識(shí)的情況下，用戶也能輕松地識(shí)別圖標(biāo)的含義。使用最簡略直觀的放大鏡圖標(biāo)，細(xì)節(jié)越少，越容易識(shí)別。
2、明顯的搜索輸入框
如果搜索是你的網(wǎng)站或者APP的重要功能的話，你應(yīng)當(dāng)讓搜索框足夠顯眼，這樣的能設(shè)計(jì)讓用戶最快發(fā)現(xiàn)它的存在。
3、提供搜索按鈕
按鈕的存在讓用戶能夠明白搜索的觸發(fā)方式——也就是說通過觸發(fā)按鈕來完成這一操作。
控制搜索按鈕的尺寸大小，讓用戶使用光標(biāo)可以輕松找到并點(diǎn)擊，讓觸發(fā)區(qū)域大小合適。
讓用戶可以通過回車鍵提交搜索，許多用戶仍然有通過點(diǎn)擊鍵盤按鍵來觸發(fā)搜索的習(xí)慣。
4、每頁都保留搜索輸入框
你應(yīng)該為用戶擁有在每個(gè)頁面都能立刻進(jìn)行搜索的權(quán)限，如果你的用戶在特定的頁面找不到他們想要的內(nèi)容，可以立刻通過搜索獲取內(nèi)容，無論他在網(wǎng)站的哪個(gè)地方。
5、讓搜索框盡量簡單
在你設(shè)計(jì)搜索框的時(shí)候，請(qǐng)盡量讓它看起來就是一個(gè)搜索框，并且簡單易用?？捎眯匝芯勘砻鳎J(rèn)沒有顯示高級(jí)選項(xiàng)的搜索框看起來更加友好，所以，通常情況下給用戶提供的搜索框最好不要提供進(jìn)階的搜索選項(xiàng)。
6、讓搜索框處于用戶預(yù)期的位置
當(dāng)用戶想要搜索內(nèi)容的時(shí)候還需要花費(fèi)精力來尋找搜索框，這就非常尷尬了。這意味著搜索框本身就不容易被察覺。
電話：
郵箱：
地址：
