網(wǎng)站建設(shè)的搜索框如何設(shè)計(中)
- 作者:新網(wǎng)
- 來源:新網(wǎng)
- 瀏覽:100
- 2018-02-22 18:04:31
搜索框在網(wǎng)站建設(shè)中扮演的角色不容小覷,一個可用性較高的搜索框往往可以有效節(jié)省用戶獲取信息和內(nèi)容的時間,大大提升用戶的瀏覽體驗,那么網(wǎng)站建設(shè)的搜索框如何設(shè)計?
搜索框在網(wǎng)站建設(shè)中扮演的角色不容小覷,一個可用性較高的搜索框往往可以有效節(jié)省用戶獲取信息和內(nèi)容的時間,大大提升用戶的瀏覽體驗,那么網(wǎng)站建設(shè)的搜索框如何設(shè)計?
6. 讓搜索框處于用戶預期的位置
當用戶想要使用搜索框,卻需要花費不少精力去找時,用戶的體驗就已經(jīng)大大降低了。網(wǎng)站上的搜索框最好易于察覺,放在用戶預期的位置,哪里才是用戶預期的位置呢?調(diào)查顯示大多數(shù)用戶會在網(wǎng)站的左上角和右上角尋找搜索框,這主要是因為用戶在瀏覽網(wǎng)站時使用F型掃視法,而網(wǎng)站右上角是大多數(shù)用戶的首選區(qū)域,因此在設(shè)計搜索框時我們最好把它放在頂部靠右或頂部居中的位置。
小貼士:
在理想情況下,搜索框的設(shè)計應(yīng)和整個網(wǎng)站的設(shè)計風格保持一致。不過在視覺上要略微突出,便于用戶發(fā)覺它的存在;
網(wǎng)站的內(nèi)容越多,搜索框就應(yīng)該越明顯,確保輸入框和按鈕能夠與背景區(qū)域相互區(qū)別;
7. 讓用戶明白哪些可以搜索到
讓用戶知道在網(wǎng)站中可以搜索到哪些內(nèi)容,也是一種能夠提高用戶對網(wǎng)站好感度的方法,這可以通過在輸入框中添加占位符文字做到。它在搜索框中添加了一些占位字符,提示用戶搜索框中可搜索的內(nèi)容,吸引用戶進行搜索。隨著HTML5
建站技術(shù)的不斷發(fā)展,這種形式的占位符添加在設(shè)計時也不沒有什么難度。不過這里建議占位符的內(nèi)容不要太多,避免給用戶帶來認知負擔。
由于一點點變化也會對整個網(wǎng)站的用戶體驗造成很大的影響,我們在改動搜索框時一定要足夠謹慎。如果你網(wǎng)站目前的轉(zhuǎn)化率還不錯,搜索框就不要做什么大的改動了;但如果你網(wǎng)站的轉(zhuǎn)化率很低,其他區(qū)塊設(shè)計也沒有發(fā)現(xiàn)什么問題,記得看看搜索框的設(shè)計是否存在缺陷。
免責聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認相關(guān)法律責任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請發(fā)送郵件至:operations@xinnet.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,本站將立刻刪除涉嫌侵權(quán)內(nèi)容。