給你的電子商務(wù)網(wǎng)站設(shè)計一個搜索框
對于電子商務(wù)網(wǎng)站建設(shè)來說,搜索框的重要性相信專業(yè)人士都知道,搜索框是我們最常用到的UI控件之一,它幾乎存在于所有的網(wǎng)站和APP當(dāng)中。在以內(nèi)容為導(dǎo)向的網(wǎng)站中,搜索框的重要性會相對更明顯,用戶需要快速又無痛地找到他們想要的內(nèi)容。
1、使用放大鏡圖標(biāo)
時至今日,搜索的概念和放大鏡圖標(biāo)之間的關(guān)系已經(jīng)深入人心,根深蒂固了。在日常最常用、最易于識別的幾個圖標(biāo)當(dāng)中,放大鏡所帶代表的搜索圖標(biāo)就是其中之一。
即使在沒有文本標(biāo)簽標(biāo)識的情況下,用戶也能輕松地識別圖標(biāo)的含義。
小貼士:使用最簡略直觀的放大鏡圖標(biāo),細節(jié)越少,越容易識別。
2、顯眼的搜索輸入框
如果搜索是你的網(wǎng)站或者APP的重要功能的話,你應(yīng)當(dāng)讓搜索框足夠顯眼,這樣的能設(shè)計讓用戶最快發(fā)現(xiàn)它的存在。
左邊:搜索功能隱藏在圖標(biāo)之后
顯示完整的文本輸入框是很重要的,隱藏在按鈕背后的輸入框會讓用戶覺得不是那么明顯,不容易被快速發(fā)現(xiàn)。需要點擊之后用戶才能看到。
3、提供搜索按鈕
按鈕的存在讓用戶能夠明白搜索的觸發(fā)方式——也就是說通過觸發(fā)按鈕來完成這一操作。
小貼士:
·控制搜索按鈕的尺寸大小,讓用戶使用光標(biāo)可以輕松找到并點擊,讓觸發(fā)區(qū)域大小合適。
·讓用戶可以通過回車鍵提交搜索,許多用戶仍然有通過點擊鍵盤按鍵來觸發(fā)搜索的習(xí)慣。
4、每頁都保留搜索輸入框
你應(yīng)該為用戶擁有在每個頁面都能立刻進行搜索的權(quán)限,如果你的用戶在特定的頁面找不到他們想要的內(nèi)容,可以立刻通過搜索獲取內(nèi)容,無論他在網(wǎng)站的哪個地方。
5、讓搜索框盡量簡單
在你設(shè)計搜索框的時候,請盡量讓它看起來就是一個搜索框,并且簡單易用??捎眯匝芯勘砻鳎J沒有顯示高級選項的搜索框看起來更加友好,所以,通常情況下給用戶提供的搜索框最好不要提供進階的搜索選項。
6、讓搜索框處于用戶預(yù)期的位置
當(dāng)用戶想要搜索內(nèi)容的時候還需要花費精力來尋找搜索框,這就非常尷尬了。這意味著搜索框本身就不容易被察覺。
下面這個圖表來自 A. Dawn Shaikh 和 Keisi Lenz 的一項研究,它展示出了 142 名被調(diào)查者對于網(wǎng)站的搜索框的預(yù)期的位置。這項研究表明,網(wǎng)站的左上角和右上角是用戶所期待的搜索框的位置,用戶在使用F型掃視法查看內(nèi)容的時候,可以輕松找到搜索框。
這份研究還表明,右上角的區(qū)域是用戶搜尋輸入框的首選區(qū)域。
因此,將輸入框置于頂部靠右或者頂部居中的位置,用戶會主動在這個地方尋找搜索框。
小貼士:
·在理想情況下,搜索框的設(shè)計應(yīng)當(dāng)和整個網(wǎng)站的設(shè)計風(fēng)格保持一致,同時在視覺上要略顯突出,便于用戶發(fā)覺它的存在。
如果網(wǎng)站的內(nèi)容足夠多,搜索框在設(shè)計上顯著程度應(yīng)該越高,如果搜索功能對于你的網(wǎng)站至關(guān)重要,那么你應(yīng)該采用較大的對比度,確保輸入框和按鈕從背景中脫穎而出。
電子商務(wù)網(wǎng)站搜索框的重要性,相信很多人都有所了解了,一個好的搜索框,能夠為網(wǎng)站帶來更多的PV以及增加用戶對產(chǎn)品的購買率。
相關(guān)推薦
- 1 電子商務(wù)網(wǎng)站打開慢怎么建設(shè)
- 2 建設(shè)英文電子商務(wù)網(wǎng)站注意事項
- 3 電子商務(wù)網(wǎng)站建設(shè)安全隱患如何避免
- 4 電子商務(wù)網(wǎng)站與電子商務(wù)系統(tǒng)的區(qū)別
- 5 電子商務(wù)網(wǎng)站建站增加用戶回頭率
- 6 電子商務(wù)網(wǎng)站如何賺錢
- 7 電子商務(wù)網(wǎng)站降權(quán)怎么辦?
- 8 個人電子商務(wù)網(wǎng)站建設(shè)用戶體驗怎么做
- 9 B2C電子商務(wù)網(wǎng)站建設(shè)策劃建議
- 10 中小企業(yè)電子商務(wù)網(wǎng)站建設(shè)經(jīng)驗心得