6. 讓搜索框處于用戶(hù)預(yù)期的位置

 

當(dāng)用戶(hù)想要使用搜索框，卻需要花費(fèi)不少精力去找時(shí)，用戶(hù)的體驗(yàn)就已經(jīng)大大降低了。網(wǎng)站上的搜索框最好易于察覺(jué)，放在用戶(hù)預(yù)期的位置，哪里才是用戶(hù)預(yù)期的位置呢?調(diào)查顯示大多數(shù)用戶(hù)會(huì)在網(wǎng)站的左上角和右上角尋找搜索框，這主要是因?yàn)橛脩?hù)在瀏覽網(wǎng)站時(shí)使用F型掃視法，而網(wǎng)站右上角是大多數(shù)用戶(hù)的首選區(qū)域，因此在設(shè)計(jì)搜索框時(shí)我們最好把它放在頂部靠右或頂部居中的位置。

 

小貼士：

 

在理想情況下，搜索框的設(shè)計(jì)應(yīng)和整個(gè)網(wǎng)站的設(shè)計(jì)風(fēng)格保持一致。不過(guò)在視覺(jué)上要略微突出，便于用戶(hù)發(fā)覺(jué)它的存在;

 

網(wǎng)站的內(nèi)容越多，搜索框就應(yīng)該越明顯，確保輸入框和按鈕能夠與背景區(qū)域相互區(qū)別;

 

7. 讓用戶(hù)明白哪些可以搜索到

 

讓用戶(hù)知道在網(wǎng)站中可以搜索到哪些內(nèi)容，也是一種能夠提高用戶(hù)對(duì)網(wǎng)站好感度的方法，這可以通過(guò)在輸入框中添加占位符文字做到。它在搜索框中添加了一些占位字符，提示用戶(hù)搜索框中可搜索的內(nèi)容，吸引用戶(hù)進(jìn)行搜索。隨著HTML5建站技術(shù)的不斷發(fā)展，這種形式的占位符添加在設(shè)計(jì)時(shí)也不沒(méi)有什么難度。不過(guò)這里建議占位符的內(nèi)容不要太多，避免給用戶(hù)帶來(lái)認(rèn)知負(fù)擔(dān)。

 

由于一點(diǎn)點(diǎn)變化也會(huì)對(duì)整個(gè)網(wǎng)站的用戶(hù)體驗(yàn)造成很大的影響，我們?cè)诟膭?dòng)搜索框時(shí)一定要足夠謹(jǐn)慎。如果你網(wǎng)站目前的轉(zhuǎn)化率還不錯(cuò)，搜索框就不要做什么大的改動(dòng)了;但如果你網(wǎng)站的轉(zhuǎn)化率很低，其他區(qū)塊設(shè)計(jì)也沒(méi)有發(fā)現(xiàn)什么問(wèn)題，記得看看搜索框的設(shè)計(jì)是否存在缺陷。