搜索入口相當於用戶搜索流程的第一步，在設計上不同品類的設計方案不盡相同，本文就來聊一下搜索入口都有哪幾種設計方案？
不知道大家有沒有注意到一點，當我們去商場時，一進門總是能看到一個叫做服務檯的區域，一旦在商場裡有什麼疑問，當我看到服務檯三個字，就知道，可以去那裡諮詢。
那麼用戶使用app的時候也是一樣，某一頁面出現的搜索入口就相當於寫著服務檯的工位，當用戶看到搜索兩字或者相關標識，就可以獲取到一個信息，在這裡我可以使用搜索功能，可以進行搜索。
所以對於搜索入口的設計，有兩個原則：
- 在用戶需要的時候隨時都可以找到它；
- 在用戶不需要的時候，它可以隱藏。
也就是讓它，既顯眼，又沒有存在感。搜索入口在頁面中一般具有鮮明簡單的標誌，在頁面提示用戶可以在這裡進行搜索，也可以引導用戶怎樣去搜索。
所以說搜索入口相當於用戶搜索流程的第一步，在設計上不同品類設計方案也不盡相同，今天我們來聊一下搜索入口都有哪幾種設計方案？
01 頂部搜索框
我們可以注意到，一般主流的產品，都會將搜索入口放置頂部。頁面是平面圖形，放眼望去，頁面的各個部分盡收眼底；但事實上，不同的位置，用戶的關注點並不相同。
通常情況下，我們會習慣性的從頁面的中上部開始閱讀，這也就是為什麼往往電商app會將輪播廣告放在這裡。所以，放在頁面頂部的搜索框此時便毫無存在感；但當用戶有需求，從上往下排查時，第一眼便可看到。
當用戶進入頁面，內容繁多，想要通過搜索進行篩選，這時頁面頂部放置一個搜索入口，即可滿足用戶需求。
1. 引導類
上面我們說到了在頂部放一個搜索入口，讓用戶想搜索的時候，可以立刻找到搜索功能並使用。
那麼如何讓用戶知道這裡是搜索呢？
頂部的搜索入口有一類為頂部搜索框。這樣我們就可以將文案在搜索框內顯示，對用戶進行引導。
我們來看在iOS系統設置頁面的場景，內容其實不算很多，但每個菜單下都存在子級，子級裡面又含有子級，用戶如果想要進行一個鎖屏密碼的設置，瞭解流程的情況下，也要點開三個子級才能找到。此時如果放個搜索入口，文本框內提示搜索兩字，便能對用戶達成引導目的，告訴他這裡是搜索入口，可以搜索定位相關功能。
2. 推薦信息類
在滿足了引導用戶找到搜索入口以後，我們可以對文本框的內容進行進一步提升，在引導用戶使用的同時，加強用戶搜索時候的聯想性。也就是我們平時說的默認詞放入框內，其參考內容可能是產品當下的熱門品類或活動，也可能是大數據根據用戶的日常瀏覽搜索記錄匹配出來的智能推薦，主要針對於消費場景的app多一些。
這種推薦式的細節功能，使得用戶在app內的單次留存時間變長；也是app對自身產品的二次推廣，比如電商軟件在雙十一的時候，將默認詞改為雙十一活動文案，增加了活動的宣傳性，也讓用戶有更多的百分比可以進入活動頁面購買下單。如果活動有多個，部分軟件將默認詞以輪播的形式展出，同樣也是達到了加強了宣傳效果，促進用戶瞭解消費。
3. 當前信息類
上述兩類只針對單一內容進行搜索，但當搜索內容多元化的時候，便可以將搜索信息進行代入，引用當前信息，進行n+1次搜索加速系統篩選顆粒度。
如高德地圖app，用戶查找一個地點後，再對該點附近的地點展開搜索，使得搜索結果更加精細準確。
02 頂部搜索icon
除了頂部文本框的搜素，頂部還有純粹的圖標搜索，雖然都是頂部搜索入口，但兩者並不相同。當app採用搜索icon的設計，可以減少頁面排版空間，搜索功能相對來說沒有那麼重要。
設計者的希望用戶先從中上部瀏覽頁面內容，瀏覽完畢後，當用戶有其他需求，從頂部開始排查時，按照通常閱讀習慣，從左往右依次看過去，最後才到搜索icon，所以一般搜索icon都是放在頁面的右上角。
相對於頂部搜索框，頂部搜索icon是對搜索入口的一種弱化，設計時，希望用戶先瀏覽完頁面的所有內容，再進行搜索操作。
比如螞蟻財富，主要是通過向用戶提供理財服務、行情介紹，進而促進用戶下單，相對於淘寶餓了麼此類app而言，用戶的搜索目的沒有那麼明確。
不過對於搜索icon的選擇，建議還是越明顯越好，讓用戶一看就知道是搜索功能，大多數產品使用的都是放大鏡icon，不過為了表現特色，每個設計師多多少少會在大小粗細顏色等細節進行修改美化，但千萬不要過度設計。
03 底部tab欄
那麼除了頂部可以讓搜索入口既顯眼又無存在感，哪裡也可以達到這種效果呢？
那就是頁面底部tab。
底部tab設置為搜索，說明在這裡搜索是該場景下的主要功能之一。用戶在任何時間都可以進入搜索頁面，一般偏內容類的app多些。這類app的頁面功能較少，目的性較強，搜索會作為一個底部tab出現，比如小說閱讀器等；
這類搜索入口外面可佈置的內容較多，可將熱門搜索展示在入口頁面，給用戶推薦一些熱門搜索內容，幫助用戶思考，增加更多可能性，拉長用戶在此app的使用時間。
推薦熱詞的設置和默認詞類似，但是可以找不同的是，一般來講，熱詞對字數有一定限制，相對簡潔精短，那麼默認詞佔長度優勢，可以描述的更加詳細。
但如果此時app底部導航已經含有四個及以上的更重要的功能tab，那麼就無需再將搜索功能加入，以防tab過多，影響用戶使用感受。
那麼，當我們對以上搜索入口進行設計時，要考慮哪幾點呢？
1. 搜索入口要足夠明顯
搜索入口主要是讓用戶快速進行搜索操作，那麼搜索框的位置需要足夠明顯，讓用戶在頁面內可以第一瞬間捕捉到。
2. 搜索入口的樣式設計
當一個搜索入口擺在頁面，除了文字，用戶如何知道這是一個搜索框呢？
最好是一個顯而易見的查找圖片，調查發現，多數app做這個功能時，都選用了放大鏡圖標，首先放大鏡意味著搜索，這一印象已經深入人心；其次這一設計簡潔明瞭，符合搜索入口的設計要求。
調研放大鏡圖標時，桃浪注意到了一點，幾乎所有的放大鏡icon，它的把手都是衝著右下角，我認為，這可能是在模擬多數人用放大鏡去找東西這一動作，當然左撇子的朋友不要抓住我這一點討論哦~大家有什麼不一樣的想法也可以在下面留言，我們一起討論~
3. 新增除文字以外的其他搜索字符
隨著科技的發展，我們使用手機等移動產品時，已經開始運用語音，圖片等語言方式，來更快速的表達想法。搜索也是如此，增加圖片、語音等其他搜索入口，可以增加搜索效率，提升用戶體驗。比如用戶不方便打字時，可以通過語音進行搜索；在搜索一些無法用言語表達清楚的數據時，可以發送圖片智能識別匹配。
4. 風格高效簡潔
搜索入口的職責就是幫助用戶快速使用搜索功能，注重簡單高效，如無特殊要求，則不需要繁瑣的設計，只要將搜索框或搜索圖標等基礎內容展現出來就足夠了，裝飾過多反而影響用戶使用。
5. 搜索按鈕
貫徹一切從簡、高效的原則，調研下來我發現，很多搜索入口其實已經隱藏了搜索按鈕，取而代之的是輸入法的回車鍵，那麼從用戶的使用角度來看，相對於還需要點擊搜索按鈕進行搜素，直接利用輸入法的回車鍵觸發搜索條件，簡化了用戶的操作動作，相對來說更加便捷高效。
作者：桃浪；公眾號：桃浪產品日記
本文由 @桃浪 原創發佈於人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基於CC0協議
