最近由于工作需要，調(diào)研學習各類產(chǎn)品的搜索功能，于是準備做個筆記和大家分享，也督促自己總結(jié)抽象。
首先思考一個問題，什么是搜索？我對搜索的定義是主動表達，與之相對應的是被動表達，比如推薦系統(tǒng)。由于工作經(jīng)歷，對推薦系統(tǒng)不熟，平常主要做主動表達相關的產(chǎn)品工作，今天分享的重點也是這部分。
第二個問題，為什么需要搜索？我想很多人心里有答案，有限的呈現(xiàn)空間無法將產(chǎn)品內(nèi)容和數(shù)據(jù)都到達用戶，換句話說，我們當前沒有辦法在用戶不做主動表達的情況下給用戶需要的內(nèi)容，所以需要用戶通過一系列的行為幫助我們?nèi)ダ斫馑约骸?/p>
第三個問題，常見的搜索有哪些類型？從搜索輸入的角度看，最常見的是文本搜索，其次是語音、圖片、掃碼等；從搜索覆蓋的對象來講，百度、谷歌、搜狗屬于通用搜索，搜索對象覆蓋互聯(lián)網(wǎng)上的各類信息，音樂、視頻、購物等搜索屬于垂直搜索，搜索對象為某一領域的內(nèi)容。
這次調(diào)研覆蓋的對象是通用+日常使用各領域的產(chǎn)品，大概40個左右，后面會有比較詳細的列表。梳理了一遍現(xiàn)有各類主流產(chǎn)品，搜索產(chǎn)品從外觀上，基本可以抽象為幾類組成要素：
入口
即輸入框，依據(jù)搜索產(chǎn)品的地位不同，入口位置明顯差別，也有個別有意思的設計，典型入口位置有首頁頂部搜索框（豆瓣、知乎）、右側(cè)搜索button（QQ閱讀）、底部第三個tab鍵（bilibili）；入口展示的信息也各有不同，淘寶、攜程、微博內(nèi)置熱搜詞，不搜即得，多數(shù)app內(nèi)置搜索范圍，少數(shù)app搜索框文案作為擺設（樂視。。。）
點擊入口后的默認搜索界面
這個界面依據(jù)產(chǎn)品想表達給用戶的不同和產(chǎn)品類別，差異非常明顯，這一步會給用戶帶來體驗差異的部分包括：
是否調(diào)起輸入法，調(diào)起輸入法代表期望用戶更多表達（百度地圖），但會有遮擋下方展示問題，不調(diào)起輸入法代表期望在這個頁面推給用戶更多內(nèi)容（半糖）
默認搜索頁面希望呈現(xiàn)給用戶哪些信息，這個頁面可選擇內(nèi)容包括用戶的歷史搜索記錄（歷史記錄是否支持單條刪除和批量刪除，點擊批量刪除是否有確認提醒都會帶來體驗差異，淘寶和京東有誤操作提醒，其他app基本都沒有），熱門搜索（呈現(xiàn)方式包括排行榜、大家都在搜、換一換等，代表app為視頻類，搜狐視頻有分類排行榜）、分類搜索內(nèi)容（蘑菇街支持開始就區(qū)分類別，淘寶、脈脈和微信支持在一開始就選擇搜索內(nèi)容，比如文章、公眾號等）、推薦模塊（旅行類產(chǎn)品常見猜你喜歡模塊）等
輸入過程
這個過程中主體是引導模塊，即suggestion，suggestion設計上的幾個點包括是否有命中態(tài)，是否支持特型，是否對suggestion進行分類，是否支持直達特定結(jié)果，是否和搜索結(jié)果聯(lián)動
常見為區(qū)分產(chǎn)品主色表達命中態(tài)，缺省色為非命中態(tài)（螞蜂窩、微博），比較推薦的做法為命中態(tài)削弱（QQ瀏覽器頂部搜索框），部分產(chǎn)品不區(qū)分是否有命中態(tài)
特型suggestion比較常見的如QQ瀏覽器的天氣、應用特型，微博的人物特型，知乎的話題及人物特型
Suggestion分類和產(chǎn)品關聯(lián)度很高，比如視頻類產(chǎn)品中標明為電視劇、電影、綜藝，音樂類產(chǎn)品標明專輯、MV等
直達特定結(jié)果在酒店預訂類產(chǎn)品中常見，比如去哪
搜索結(jié)果聯(lián)動，是指輸入過程未終結(jié)，搜索結(jié)果已經(jīng)展示出來，同時隨著輸入內(nèi)容的刪減而變化，代表app有半糖、知乎
搜索結(jié)果呈現(xiàn)
本以為搜索結(jié)果的呈現(xiàn)會非常多樣性，調(diào)研完主流產(chǎn)品后發(fā)現(xiàn)基本元素一致，原因可能是這個頁面都需要解決一個核心問題：告知用戶，這條結(jié)果為什么會在這里出現(xiàn)
結(jié)果頁基本都以列表形式組織，上下翻頁，目前以自動加載為主流，這幾個組合應該是當前效率最高的決策方式
根據(jù)內(nèi)容是否分類，搜索結(jié)果分為純列表和分tab兩大類，純列表代表為多看閱讀，分tab代表為新浪微博、知乎、騰訊視頻、樂視視頻等，分tab又分為兩類，一類產(chǎn)品主tab包含了其他副tab的內(nèi)容，支持跳轉(zhuǎn)（新浪微博、樂視），一類產(chǎn)品各tab間內(nèi)容互斥（知乎、QQ音樂、半糖）
結(jié)果頁依據(jù)類別不同支持二次排序和篩選：作為結(jié)果頁的重要組成元素，依據(jù)產(chǎn)品類別不同，排序和篩選也有明顯差異，比如酒店預訂和購物類產(chǎn)品中，這類功能尤為重要
從決策效率上講，結(jié)果頁最好支持命中態(tài)展示，能更好的幫助用戶了解為什么給到他這條結(jié)果
上面是可見部分的搜索功能，背后的工作有許多，搜索是典型的“臺上一分鐘，臺下十年功”產(chǎn)品，每一個展現(xiàn)在前臺的元素及篩選項，都需要建立索引并參加排序，搜索產(chǎn)品要到達用戶，最粗粒度的流程：數(shù)據(jù)集建立->倒排索引->召回->排序->結(jié)果呈現(xiàn)，還有一個一直存在的議題，如何衡量搜索效果，也是我目前工作的主要組成之一，后續(xù)找時間總結(jié)。
附各APP簡單分析list（沒時間做表格，大家湊合看吧）：
1.搜索類：
a.百度
a.點擊后上推頁面，調(diào)起輸入法，頁面list形式展示歷史sug，支持查看更多歷史，不支持單條刪除，右側(cè)為取消
b.頁面清爽
b.搜狗
a.同百度，點擊后上推頁面，調(diào)起輸入法，頁面list形式展示歷史sug，不支持單條刪除，右側(cè)為取消
c.谷歌
a.H5動效很好，技術(shù)牛X
d.神馬
a.設計較好：人物、新聞
2.瀏覽器：
a.UC
a.瀏覽器自己的sug，和神馬不同，命中標藍，未命中黑色
b.點擊后線上推頁面，調(diào)起輸入法，右側(cè)有取消
c.下方僅有歷史搜索記錄，支持全部清空
d.支持語音搜索
e.資訊交互流暢
b.QQ
a.熱詞+語音+掃碼
b.點擊后線上推頁面，調(diào)起輸入法，右側(cè)有取消
c.默認為熱門（支持換一換）+歷史搜索list
d.資訊是下拉后分tab
e.sug有特型：天氣、劇情、應用、網(wǎng)址等，選中灰色，未選中黑色，未選中應該突出，支持清除
c.Safari
a.內(nèi)置默認百度+書簽歷史搜索+當頁查找（類似word，其他產(chǎn)品都沒見到類似效果）
3.招聘類：
a.脈脈
a.默認有引導窗格，和微信很像
b.點擊后為右側(cè)進入的新頁面，調(diào)起輸入法，左側(cè)為返回箭頭
c.好友+人脈+聊天記錄+實名動態(tài)+匿名八卦+職位，list，分別支持查看更多
d.搜索結(jié)果命中態(tài)有強調(diào)
b.拉勾
a.強調(diào)搜索功能，有熱門搜索，歷史記錄+在線sug
b.點擊后為右平滑過渡的新頁面，調(diào)起輸入法，右側(cè)為取消，左側(cè)支持篩選地域
c.命中態(tài)拉勾藍色+未命中黑色
d.支持篩選
e.list方式
f.自動加載
4.新聞類：
a.騰訊
a.搜索功能弱化
b.點擊后為右側(cè)進入的新頁面，調(diào)起輸入法，無取消
c.默認有提示，可搜到騰訊新聞、全網(wǎng)新聞、騰訊微博
d.新聞、微博、查看更多
e.左圖右文
f.歷史記錄
b.網(wǎng)易
a.右上角有搜button
b.點擊后為右側(cè)進入的新頁面，調(diào)起輸入法，右側(cè)為取消
c.默認搜索結(jié)果頁：閱讀歷史+近期熱點
d.搜索結(jié)果list方式，無圖僅文字
e.命中紅
c.今日頭條
a.右上角有搜索button，
b.點擊后為右側(cè)進入的新頁面
c.點擊后有推薦模塊界面，點擊后進入搜索結(jié)果頁，各類混排
d.再點擊進入搜索頁，歷史記錄+在線sug
e.結(jié)果頁混排+自動加載
f.無篩選和二次排序
d.Zaker
a.右上角搜索button，支持搜索文章+頻道
b.點擊效果為打開新頁面，右側(cè)進入，不調(diào)起輸入法
c.精選+頻道推薦為默認界面
d.再次點擊進入熱門搜索
e.搜索結(jié)果頁list，訂閱+結(jié)果，單條結(jié)果左文右圖、左右結(jié)構(gòu)
f.自動加載
e.一點資訊
a.頂部顯著搜索button
b.點擊效果為當頁展開的動畫，搜索框變長，右側(cè)為取消
c.在線sug+分類特型（頻道+自媒體）
d.結(jié)果頁：混排，相關搜索，訂閱，單條結(jié)果，熱門問答，自動加載
5.社交類：
a.微博
a.正文頂部框+底部有搜索tab，點擊后效果一致，調(diào)開新頁面，右側(cè)為取消
b.歷史搜索（默認展現(xiàn)兩條）+微博熱搜榜（默認十條）
c.在線sug：歷史+在線文本+用戶，命中為微博色+未命中缺省色
d.搜索結(jié)果：默認綜合結(jié)果+分tab
i.綜合：用戶+精選+關注人微博+轉(zhuǎn)贊人數(shù)多的微博穿插為主+熱圖+相關文章+微博印象+相關搜索，tab內(nèi)結(jié)果混排
ii.tab包含綜合+用戶+精選+實時+關注人+印象+主頁+文章+圖片+視頻
iii.每一個模塊都可進行下一步操作：轉(zhuǎn)發(fā)、回復、點贊等，
e.搜索系統(tǒng)呈現(xiàn)復雜
b.陌陌
a.以推薦為主，搜索功能很弱，比微信目前搜索功能收的更緊
b.聯(lián)系人處支持搜索：好友可搜索，添加好友支持通訊錄、微信、QQ和默認推薦，支持模糊搜索
c.豆瓣
a.頂部顯著搜索框，搜索框內(nèi)默認植入文案說明可搜索范圍
b.點擊效果為平滑過渡，當頁替換，右側(cè)為取消
c.默認展示熱門搜索，說明在此處可搜到的八類結(jié)果（電影、圖書、唱片、小事、用戶、小組、群聊、游戲）
d.搜索結(jié)果分類list展示：電影電視+群聊+小組等，每個list支持展開更多，部分結(jié)果默認收起，點擊進入單獨垂搜頁
e.支持實時搜索
f.無sug
d.知乎
a.頂部顯著搜索框，搜索框內(nèi)默認植入文案說明可搜索范圍
b.點擊效果為平滑過渡，當頁展開，右側(cè)為X取消
c.點擊后區(qū)分內(nèi)容和用戶，默認顯示歷史搜索記錄，可清除
d.支持實時搜索內(nèi)容，
e.分tab，話題+問題tab1，用戶tab2
f.知乎需要解決的一個問題是全部回答和單個回答的邏輯關系，目前title進全部，正文答案區(qū)塊進該答案，支持通過頂部切換
g.自動加載
6.閱讀類：
a.QQ閱讀
a.右上角搜索
b.點擊效果為打開新頁面，右側(cè)進入，右側(cè)為取消
c.點擊后進入默認搜索界面，調(diào)起輸入法，提供熱門搜索+歷史搜索
d.在線sug：優(yōu)先書架內(nèi)容+sug特型（分類、標簽、作者、出版社）+一般sug
e.搜索結(jié)果：list+推薦+篩選
f.交互體驗平滑過渡
b.搜狗
a.顯著頂部搜索欄，內(nèi)置搜索范圍
b.點擊效果為打開新頁面，下方進入，右側(cè)為取消
c.熱門搜索，支持換一換
d.點擊搜索框后展示歷史
e.在線sug不流暢
f.搜索結(jié)果：搜狗書庫+來自互聯(lián)網(wǎng)，list方式
c.多看
a.右上角搜索button
b.點擊效果為打開新頁面，右側(cè)進入，右側(cè)為取消
c.點擊后展示搜索范圍，下方正文搜索歷史+熱門搜索
d.在線sug：本地書架+在線sug提示文本
e.搜索結(jié)果：list，無選中態(tài)
7.視頻類：
a.優(yōu)酷
a.默認頂部搜索框+搜索歷史記錄，向下滑動時變?yōu)樗阉骺颍换オ毺?/p>
b.搜索框內(nèi)置近期熱詞，同攜程
c.點擊效果為平滑過渡，右側(cè)按鈕為取消
d.點擊后調(diào)起輸入法，歷史搜索記錄+搜索排行，歷史搜索記錄支持單條刪除和全部刪除
e.在線sug：帶標簽的在線sug+純文本
f.搜索結(jié)果：完整片源+非結(jié)構(gòu)化片源（應該是這么區(qū)分的），非結(jié)構(gòu)化部分支持排序和篩選，有頂部固定的交互
g.自動加載
b.搜狐
a.頂部tab下方搜索欄，滑動后消失，內(nèi)置推廣熱詞
b.點擊效果為打開新頁面，從右側(cè)進入
c.點擊后調(diào)起輸入法，歷史搜索記錄+分類別的搜索排行，歷史搜索記錄支持全部刪除
d.在線sug：直達特型+帶類別的文本sug
e.搜索結(jié)果：完整片源+非結(jié)構(gòu)化片源（應該是這么區(qū)分的）
f.自動加載
c.騰訊
a.頂部tab下方搜索欄，滑動后消失，內(nèi)置搜索范圍
b.點擊效果為打開新頁面，從右側(cè)進入，右側(cè)為取消
c.點擊后調(diào)起輸入法，歷史搜索記錄+搜索排行，歷史搜索記錄支持全部刪除，熱門搜索30條
d.在線sug：命中紅+默認缺省色，無特型
e.搜索結(jié)果：分tab方式，類似新浪微博，全部+分tab，支持篩選和排序，完整片源+非結(jié)構(gòu)化片源（應該是這么區(qū)分的）
d.愛奇藝
a.頂部tab下方搜索欄+右側(cè)搜索button，滑動后消失
b.點擊后調(diào)起新頁面，調(diào)起輸入法，右側(cè)為取消
c.有個奇怪的logo寫著搜全網(wǎng)
d.搜索歷史+熱門搜索，搜索歷史支持全部清空
e.搜索結(jié)果分tab，支持篩選，唯一在搜索結(jié)果list中有廣告亂入的視頻app，結(jié)構(gòu)化+非結(jié)構(gòu)化結(jié)果，頁面結(jié)構(gòu)較為復雜
e.Bili
a.底部搜索tab，點擊后直接打開頁面，不調(diào)起輸入法
b.默認熱門搜索+排行引導
c.再次點擊搜索框調(diào)起輸入法+歷史搜索記錄list，支持全部清空
d.在線sug僅有文字類別
e.搜索結(jié)果分tab：綜合、番劇、專題、up主，綜合中番劇穿插，支持篩選
f.樂視
a.中間位置有搜索框，上翻后不消失，位置略奇怪
b.點擊后打開新頁面，右側(cè)進入，調(diào)起輸入法，
c.頁內(nèi)展示搜索歷史（支持全部清空）+熱門搜索
d.在線sug有特型前置+普通文本樣式
e.搜索結(jié)果分tab，全部+分類（電影、電視劇、娛樂、體育、動漫、音樂、綜藝等）
8.音樂
a.QQ音樂
a.右上角搜索button+內(nèi)置默認推廣詞
b.點擊后打開新頁面，比較平滑過渡+調(diào)起輸入法，右側(cè)有取消
c.頁面內(nèi)熱門搜索+歷史記錄（支持單條和全部刪除）+唱兩句識別歌曲
d.在線sug支持用戶+普通文本sug，區(qū)分在線和本地歌曲
e.搜索結(jié)果分tab：單曲+MV+專輯+歌單+歌詞，支持滑動
b.酷狗
a.搜索框固定，顯著位置
b.在線sug，純文本，10條
c.搜索結(jié)果分tab：同QQ
c.蝦米
a.右上角搜索button
b.點擊后不調(diào)起輸入法，右側(cè)取消，
c.熱搜詞+搜索歷史，支持單條+全部清除
d.在線sug分類別，有直達
e.搜索結(jié)果分tab：歌曲、專輯、藝人、精選集
f.自動加載
d.酷我
a.右上角搜索button，點擊后右側(cè)加載新頁面，不調(diào)起輸入法，搜索欄內(nèi)展示搜索范圍，支持語音搜索
b.默認頁面為熱門搜索詞+換一換
c.再次點擊展示歷史搜索記錄，支持清空
d.在線sug純文本10條
e.搜索結(jié)果分tab：歌曲+MV+歌手+專輯
9.購物
a.淘寶
a.頂部顯著搜索框，搜索框內(nèi)默認植入文案，支持搜索
b.點擊后打開新頁面，直接出現(xiàn)無動畫，調(diào)起輸入法，支持語音搜索、拍照搜索，右側(cè)有取消
c.默認展示歷史搜索記錄，支持一次清空，難得有清空提醒，避免誤操作，好評，歷史記錄支持細分篩選，左側(cè)支持篩選寶貝、天貓、店鋪
d.在線sug10條純文本，支持細節(jié)篩選
e.搜索結(jié)果盡可能的支持篩選和排序，有活動頁
b.京東
a.頂部顯著搜索框，搜索框內(nèi)默認展示搜索范圍
b.點擊后有動畫，調(diào)起輸入法，支持語音搜索，右側(cè)取消
c.下方為熱搜+歷史搜索，清空提醒
d.在線sug分類，結(jié)果條數(shù)前置
e.搜索結(jié)果list，支持篩選，自動加載
c.蘑菇街
a.頂部顯著搜索框，搜索框內(nèi)默認植入文案，支持搜索
b.點擊后打開新頁面，右側(cè)進入，搜索框默認分tab，調(diào)起輸入法，右側(cè)有取消
c.默認展示歷史搜索記錄，支持一次清空，下方為熱門搜索
d.在線sug 10條純文本，支持細節(jié)篩選
e.搜索結(jié)果盡可能的支持篩選和排序，大圖list
f.有推薦
d.唯品會
a.奇怪的交互，無搜索，僅支持各種點擊選擇
e.小紅書
a.沒有特別特殊的交互
f.堆糖
a.
g.半糖
a.搜索功能弱，下拉展現(xiàn)搜索
b.點擊后不調(diào)起輸入法，頁面右側(cè)進入，下方為分tab推薦，頂部搜索框
c.再次點擊打開新頁面，調(diào)起輸入法，上方歷史搜索，支持全部清除，下方熱門搜索
d.實時聯(lián)動的搜索結(jié)果，無sug
e.搜索結(jié)果分tab，單品、清單、帖子、用戶
10.旅行類：不斷提升轉(zhuǎn)化
a.去哪
a.頂部顯著搜索框
b.歷史記錄+猜你喜歡（推薦）
c.搜索輸入時：在線sug+特型+結(jié)果前置
d.酒店搜索
i.List+地圖
ii.排序+篩選+優(yōu)選+日期選擇
iii.排序和篩選的因素：關系到使用場景和需求
iv.自動加載
e.機票搜索
i.類似的日期選擇+篩選因素+組合模式
ii.單程往返
iii.國際國內(nèi)
b.阿里
a.頂部顯著搜索框，搜索框內(nèi)默認植入文案說明可搜索范圍
b.熱門搜索+歷史記錄+清除歷史
c.結(jié)果分類：度假產(chǎn)品+景點+簽證+wifi電話卡+機票+酒店
c.窮游
a.頂部顯著搜索框，搜索框內(nèi)默認植入文案說明可搜索范圍
b.歷史記錄+熱門搜索
c.在線sug，無特型
d.搜索結(jié)果分tab：目的地+帖子+折扣+用戶，list方式，無命中態(tài)
e.搜索結(jié)果與底部欄對應
f.自動加載
d.螞蜂窩
a.頂部顯著搜索框，搜索框內(nèi)默認植入文案說明可搜索范圍，默認界面展示歷史搜索3 query
b.點擊后歷史記錄（支持清除）+國內(nèi)熱門+國際熱門
c.在線sug，命中態(tài)螞蜂窩色+缺省色，有特型：目的地+景點+酒店+游記+當?shù)赜?餐廳+購物+問答
d.搜索結(jié)果
i.目的地
ii.問答
iii.游記
iv.list方式，每個都有查看更多
e.攜程
a.頂部顯著搜索框，搜索框內(nèi)默認植入文案，支持搜索
b.熱門搜索+歷史搜索
c.搜索輸入時：在線sug+特型+結(jié)果前置
d.與去哪非常類似
11.O2O
a.美團
a.頂部顯著位置搜索欄+搜索范圍說明
b.點擊后調(diào)起輸入法，右側(cè)進入打開新頁面，左側(cè)為返回按鈕
c.新頁面頂部為熱門搜索，下方為歷史搜索記錄，支持清除
d.搜索結(jié)果支持篩選，排序
e.圖+文
f.搜索結(jié)果內(nèi)置推薦
b.大眾點評
a.與美團比較類似
b.不支持地圖模式
c.百度外賣
a.頂部顯著位置搜索欄+搜索范圍說明
b.點擊后調(diào)起輸入法，右側(cè)進入打開新頁面，右側(cè)為搜索按鈕，左側(cè)為返回
c.新頁面頂部為熱門搜索，下方為歷史搜索記錄，支持清除
d.搜索結(jié)果支持篩選，排序
e.搜索結(jié)果內(nèi)置推薦
f.便捷發(fā)起二次搜索
12.出行類：
a.百度地圖
a.頂部顯著位置搜索欄+搜索范圍說明
b.點擊后動畫引入新頁面，左側(cè)返回按鈕，調(diào)起輸入法
c.上方為推薦泛搜索，下方分tab歷史搜索+收藏的點
d.在線sug分類別，支持直接發(fā)起線路搜索
e.搜索后半圖半文
b.嘀嘀
a.起終點選擇，歷史sug+調(diào)起輸入法，前置城市篩選
13.其他
a.安居客：跟酒店搜索流程接近
b.Appstore
a.底部搜索tab
b.點擊后不調(diào)起輸入法，展示熱門搜索10query
c.點擊搜索框調(diào)起，在線sug
d.搜索結(jié)果以list方式呈現(xiàn)
