搜索框雖然在整個網(wǎng)站頁面上可以說是不起眼的一丟丟,但它存在的意義是非常大的。可以方便任何用戶想要找到他們想要了解的東西,在設(shè)計搜索框時就需要用心,才能讓用戶用的得心應(yīng)手。那么,完美的搜索框設(shè)計,需要注意哪幾點要素?
搜索框時我們常用的UI控件之一,它存在于所有的網(wǎng)站和APP中,很多人認為搜索框是不需要設(shè)計的,感覺它的存在在普通不過的元素組成的,其實搜索框存在的明顯與否,會直接影響用戶體驗度,而明顯程度是可以用設(shè)計來體現(xiàn)的。
1、使用放大鏡圖標
時至今日,搜索的概念和放大鏡圖標之間的關(guān)系已經(jīng)深入人心,根深蒂固了。在日常最常用、最易于識別的幾個圖標當中,放大鏡所帶代表的搜索圖標就是其中之一。
即使在沒有文本標簽標識的情況下,用戶也能輕松地識別圖標的含義。
小貼士:使用最簡略直觀的放大鏡圖標,細節(jié)越少,越容易識別。
2、顯眼的搜索輸入框
如果搜索是你的網(wǎng)站或者APP的重要功能的話,你應(yīng)當讓搜索框足夠顯眼,這樣的能設(shè)計讓用戶最快發(fā)現(xiàn)它的存在。
顯示完整的文本輸入框是很重要的,隱藏在按鈕背后的輸入框會讓用戶覺得不是那么明顯,不容易被快速發(fā)現(xiàn)。需要點擊之后用戶才能看到。
3、提供搜索按鈕
按鈕的存在讓用戶能夠明白搜索的觸發(fā)方式——也就是說通過觸發(fā)按鈕來完成這一操作。
小貼士:控制搜索按鈕的尺寸大小,讓用戶使用光標可以輕松找到并點擊,讓觸發(fā)區(qū)域大小合適。讓用戶可以通過回車鍵提交搜索,許多用戶仍然有通過點擊鍵盤按鍵來觸發(fā)搜索的習(xí)慣。
4、每頁都保留搜索輸入框
你應(yīng)該為用戶擁有在每個頁面都能立刻進行搜索的權(quán)限,如果你的用戶在特定的頁面找不到他們想要的內(nèi)容,可以立刻通過搜索獲取內(nèi)容,無論他在網(wǎng)站的哪個地方。
5、讓搜索框盡量簡單
在你設(shè)計搜索框的時候,請盡量讓它看起來就是一個搜索框,并且簡單易用。可用性研究表明,默認沒有顯示高級選項的搜索框看起來更加友好,所以,通常情況下給用戶提供的搜索框最好不要提供進階的搜索選項。
我們擁有國內(nèi)頂級的設(shè)計、技術(shù)團隊和多年互聯(lián)網(wǎng)軟件開發(fā)經(jīng)驗。