給你的電子商務網(wǎng)站設計一個搜索框

　　對于電子商務網(wǎng)站建設來說，搜索框的重要性相信專業(yè)人士都知道，搜索框是我們最常用到的UI控件之一，它幾乎存在于所有的網(wǎng)站和APP當中。在以內(nèi)容為導向的網(wǎng)站中，搜索框的重要性會相對更明顯，用戶需要快速又無痛地找到他們想要的內(nèi)容。

　　1、使用放大鏡圖標

　　時至今日，搜索的概念和放大鏡圖標之間的關系已經(jīng)深入人心，根深蒂固了。在日常最常用、最易于識別的幾個圖標當中，放大鏡所帶代表的搜索圖標就是其中之一。

　　即使在沒有文本標簽標識的情況下，用戶也能輕松地識別圖標的含義。

　　小貼士：使用最簡略直觀的放大鏡圖標，細節(jié)越少，越容易識別。

　　2、顯眼的搜索輸入框

　　如果搜索是你的網(wǎng)站或者APP的重要功能的話，你應當讓搜索框足夠顯眼，這樣的能設計讓用戶最快發(fā)現(xiàn)它的存在。

　　左邊：搜索功能隱藏在圖標之后

　　顯示完整的文本輸入框是很重要的，隱藏在按鈕背后的輸入框會讓用戶覺得不是那么明顯，不容易被快速發(fā)現(xiàn)。需要點擊之后用戶才能看到。

　　3、提供搜索按鈕

　　按鈕的存在讓用戶能夠明白搜索的觸發(fā)方式——也就是說通過觸發(fā)按鈕來完成這一操作。

　　小貼士：

　　·控制搜索按鈕的尺寸大小，讓用戶使用光標可以輕松找到并點擊，讓觸發(fā)區(qū)域大小合適。

　　·讓用戶可以通過回車鍵提交搜索，許多用戶仍然有通過點擊鍵盤按鍵來觸發(fā)搜索的習慣。

　　4、每頁都保留搜索輸入框

　　你應該為用戶擁有在每個頁面都能立刻進行搜索的權限，如果你的用戶在特定的頁面找不到他們想要的內(nèi)容，可以立刻通過搜索獲取內(nèi)容，無論他在網(wǎng)站的哪個地方。

　　5、讓搜索框盡量簡單

　　在你設計搜索框的時候，請盡量讓它看起來就是一個搜索框，并且簡單易用。可用性研究表明，默認沒有顯示高級選項的搜索框看起來更加友好，所以，通常情況下給用戶提供的搜索框最好不要提供進階的搜索選項。

　　6、讓搜索框處于用戶預期的位置

　　當用戶想要搜索內(nèi)容的時候還需要花費精力來尋找搜索框，這就非常尷尬了。這意味著搜索框本身就不容易被察覺。

　　下面這個圖表來自 A. Dawn Shaikh 和 Keisi Lenz 的一項研究，它展示出了 142 名被調(diào)查者對于網(wǎng)站的搜索框的預期的位置。這項研究表明，網(wǎng)站的左上角和右上角是用戶所期待的搜索框的位置，用戶在使用F型掃視法查看內(nèi)容的時候，可以輕松找到搜索框。

　　這份研究還表明，右上角的區(qū)域是用戶搜尋輸入框的首選區(qū)域。

　　因此，將輸入框置于頂部靠右或者頂部居中的位置，用戶會主動在這個地方尋找搜索框。

　　小貼士：

　　·在理想情況下，搜索框的設計應當和整個網(wǎng)站的設計風格保持一致，同時在視覺上要略顯突出，便于用戶發(fā)覺它的存在。

　　如果網(wǎng)站的內(nèi)容足夠多，搜索框在設計上顯著程度應該越高，如果搜索功能對于你的網(wǎng)站至關重要，那么你應該采用較大的對比度，確保輸入框和按鈕從背景中脫穎而出。

　　電子商務網(wǎng)站搜索框的重要性，相信很多人都有所了解了，一個好的搜索框，能夠為網(wǎng)站帶來更多的PV以及增加用戶對產(chǎn)品的購買率。