中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

搜索入口

如果搜索功能在產品中的比重相對比較重要，是需要重點突出的，可以采用如下設計策略：

1. 放在比較明顯的位置，或者用明顯的視覺元素吸引用戶注意力；
2. 頁面滑動的時候一直存在，或者一直有快速入口立刻切入；
3. 獨立的一級tab專門用于搜索；
4. 同時使用上述多個策略；

淘寶的搜索功能比較重要，放置位置較明顯，同時頁面滑動時，一直固定頂部

口袋購物除了將搜索入口一直放置在頂部外，還專門放了搜索的tab

如果搜索相對而言不是很重要，或者用戶早已熟悉產品的結構想把其他功能突出弱化搜索時，可采用如下策略：

1. 適度的位置留個入口進入，不明顯突出；
2. 首次使用時顯示搜索入口，后續再次進入時隱藏搜索入口；
3. 搜索入口一直留著，但頁面滑動時，不固定；
4. 完全隱藏搜索入口，通過新手教程引導，通過手勢促發；

微信的搜索入口第一次進入時呈現，后續進入不呈現，通過下拉查看搜索入口

IOS原生的快速搜索入口一直隱藏，通過手勢下拉觸發

搜索頁面

移動端的搜索往往都是跳轉至單獨的搜索頁面，根據時間順序可以分為三個階段：搜索前、搜索輸入中、搜索完成后。

搜索前

搜索前的搜索頁面是app的默認搜索頁面，往往包含以下元素：

1. 退出搜索的按鈕；
2. 搜索提示信息，比如輸入哪些內容進行搜索，提示可以在輸入框內，也可以放在輸入框下面；
3. 歷史記錄，已經搜索過的信息一鍵即可完成搜索，減少用戶手動輸入；
4. 熱點關鍵詞推薦；
5. 根據用戶信息進行推薦的內容；
6. 廣告；

…

微信、微博、美團的搜索默認頁面放置了默認提示、歷史記錄、實時熱點、熱門推薦等內容

百度還放置了垂直搜索入口和一些工具的入口

垂直搜索或者有需要分類的搜索，除了上述信息外，還需要有選擇搜索的分類項：

搜索輸入中

在輸入關鍵字搜索過程中，主要包含以下要素：

1. 輸入的關鍵字，以及刪除關鍵字的按鈕；
2. 匹配關鍵字的內容，如果內容過多，有進入更多列表的入口；
3. 如果內容分模塊，則顯示有關鍵字匹配的各模塊，或者可以進行模塊切換；
4. 如果每個匹配記錄含有多個結果，可以標出對應的數目；

旅游攻略和美團的搜索過程頁面(輸入鍵盤已經隱藏)

知乎搜索，除了分模塊外，還可以進行內容和用戶的切換

很多搜索到第二步已經完成了，點擊搜索按鈕的結果頁面就是當前關鍵字匹配頁面。但是也有部分app有搜索結果頁面，點擊搜索后跳轉。

如果是多項選擇操作中的搜索，除了上述元素外，還需要有一個容器用于盛放已經選擇的項，從而可以進行二次搜索。

微信發起群聊選擇聯系人過程中可以進行搜索，同時有容器盛放已選擇的項，以便可以反復搜索

搜索完成后

輸入關鍵字點擊搜索按鈕后跳轉搜索結果頁面，有些搜索的搜索結果就是第二步的關鍵字匹配頁面，僅僅把輸入鍵盤隱藏了。但是也有很多搜索有結果頁面，搜索結果頁面主要包含以下要素或行為：

1. 重新返回搜索界面的按鈕；
2. 搜索輸入框，且輸入框內容就是搜索的關鍵字；
3. 刪除搜索框內容的刪除按鈕；
4. 輸入焦點放入輸入框的時候，搜索頁面重新回到第二步的界面；
5. 頁面下滑時，搜索輸入框往往固定頂部，或者有快速呈現的方式（比如向上滑動立刻成型）；

微博、大眾點評的搜索結果頁面，輸入框始終固定頂部，不隨頁面滑動而隱藏

閑魚的搜索結果頁面中，搜索框在頁面下滑時隱藏，但是上滑時立刻呈現

結尾

搜索功能基本是每個app都會用到的，本文只是把常見的搜索設計方法進行了一次概括總結，意圖提取一套搜索的“設計模板”。然而場景是千變萬化的，設計最有意思的就是根據不同場景找到最合理的解決方案，“模板”是死的，僅供參考而已，而人是活的，不要禁錮于“模板”。

本文由 @Bingo Sun 原創投稿，并經人人都是產品經理編輯。未經許可，禁止轉載。