搜索的主要目的是為了幫助用戶快速的找到他們想要的呢日用，在很多的產品中有著舉足輕重的作用，如：用戶通過淘寶搜索篩選想要的商品；通過知乎搜索尋找問題答案；通過app搜索尋找自己想要的內容......乍一看，或許很多的人會覺得搜索很簡單，然而實際上，搜索涉及的邏輯很多的，今天，天津網站建設分享了設計一個好的搜索框需要掌握的要點，相信對廣大設計師而言會有幫助的。
一、什么是搜索框？
所謂的搜索框，是一張常見的交互控件，主要用于精準提取海量信息中準確的內容。搜索框幾乎存在的互聯網中每個產品中，幾乎所有的網站和APP中都有它的存在，尤其是存在于海量內容為導向的產品之中，如：音樂庫、電商類網站、門戶類網站.....所以做好搜索（框）尤其重要。
二、為什么要做搜索功能
主要的是為了方便用戶，讓用戶更加快捷高效的從大量信息內容中通過一些關鍵的搜索，快速的找到自己的感興趣的內容；其實，可以通過適當的引導設計來完成產品的商業需求。
三、搜索應用于哪些場景？
目前互聯網中所存在的搜索框設計有很多的，不過若細分的話，一般可以分為如下的幾大應用場景：
1）作為搜索引擎入口
提到搜索，人們最先想象到的就是搜索引擎，如:谷歌，360，然而在搜索引擎中，首頁十年始終如一的搜索框是最深入人心。反過來說，正是因為搜索引擎巨頭的成功，搜索才越發備受重視，搜索框幾乎也成為網站或app的標配。
2）用于活動推薦
有些電商網站，巧妙地利用搜索框中預置的詞，能夠達到活動推薦的效果，如：上圖中搜索框內置“洗衣機”一詞，用戶只需通過點擊搜索即可直達結果頁或者活動頁面。
3）用于查找內容
典型的應用場景，通常是放在網站頂部之類的最顯眼的位置，方便用戶看到，從而查找網站中的內容，一觸即達。
4）用于快速定位
查找內容的變種，如：在手機“設置”中，當設置的選項較多時，通過搜索框進行搜索，能夠快速定位到想要的設置項。
四、如何設計一個好用的搜索框？
1、搜索框要足夠簡單
若你設計了一個搜索框，一定要確保它看起來確實像一個搜索框，并且使用起來一定要足夠簡單。可用性研究表明，默認情況下，不顯示高級搜索選項對用戶會更加友好。原因在于，高級搜索選項很可能會混淆要嘗試使用它的用戶。
2、尺寸大小要合適
大部分設計人員都是會犯同樣的錯誤，那就是輸入框太短，當用戶輸入長內容時，只能看到其中的一部分，嚴重影響到用戶體驗，因為用戶無法輕松地回看和編輯其剛剛才輸入的查詢條件。但是，若輸入框的長度是根據用戶的預期輸入來確定大小的，這樣的話對用戶而言就會友好很多。
3、放在用戶預期找到的位置
若因為搜索框不夠突出，不容易被察覺，用戶還得花費精力去找它，那這個設計無疑是不夠友好的。下面的圖表來自 A. Dawn Shaikh 和 Keisi Lenz 的一項研究：它顯示了參與調查的142名參與者針對網站中的搜索表單的位置的預期情況。研究發現，對于用戶來說，搜索框最佳的位置是網站上每個頁面的左上方或右上方——用戶可以使用常見的F形瀏覽模式輕松地找到它。
上圖說明了參與者對搜索框所處位置的預期情況，右上方仍然是用戶希望找到搜索的⑴個地方。因此，較好將搜索框放在頁面的右上方或中上方，以確保用戶能在預期的位置找到它。
小提示：
1）理想情況下，雖然搜索框在用戶需要的地方應該能輕易出現，但是搜索框的設計也應該完美地契合網站的整體設計效果。
2）內容越重的站點，你越希望搜索框顯著。如果搜索對你的網站至關重要，請使用大的對比度，以便搜索框和圖標能從頁面背景和周圍元素中脫穎而出。
總之，搜索框的設計涉及到的方面很多的，除了以上的這些還有其他細節可能沒梳理到位，若你想要了解，可以參考之前天津網站建設的文章《搜索框設計需要注意哪些事項》。另外，在搜索框的操作中，最重要在做每個步驟時都要思考，為什么這樣設計，所有的設計都是有理有據的，要結合產品定位，用戶群體，開發資源等來分析具體的搜索應該怎么做，能解決問題的設計才是好設計。
QQ：2782950027
郵箱：2782950027@qq.com
