覺得搜索設(shè)計簡單？看大廠如何把搜索功能玩出花！

編者按：在搜索功能上，天花板級別的設(shè)計師還能玩出什么花樣？本文梳理了眾多大廠的搜索設(shè)計細(xì)節(jié)，一次性看個夠！

更多搜索設(shè)計方法：

搜索的本質(zhì)是什么？無疑是內(nèi)容的召回和信息的推薦。

可隨著時代的發(fā)展和行業(yè)公司的內(nèi)卷，不少公司除了持續(xù)優(yōu)化搜索結(jié)果與推薦外，在搜索的體驗和彩蛋上也是下了不少功夫，從而進一步加強自有產(chǎn)品的競爭力與用戶黏性。因此今天就來盤點一些，那些有意思的大廠搜索交互。

大體上分為兩類：彩蛋流和體驗流。

一、彩蛋流

注重提升搜索過程中的趣味程度，以增加用戶的好感度與產(chǎn)品印象/口碑。行業(yè)代表：谷歌瀏覽器、百度瀏覽器

1. 谷歌瀏覽器

可以說是搜索彩蛋的先行者，內(nèi)置了很多搜索關(guān)鍵詞的有趣彩蛋，如娛樂角色：搜索「滅霸」，頁面右邊會打響指，相關(guān)字段會被“毀滅”掉

搜索「馬里奧兄弟」，右邊也有游戲里一樣的點擊彩蛋

還有各種有意思的搜索結(jié)果比如搜：is google down（谷歌關(guān)閉了嗎），搜索結(jié)果優(yōu)先顯示：NO

再如搜索《銀河系漫游指南》的一句話：the answer to life, the universe, and everything。此時搜索結(jié)果頁會自動計算成42。貌似也只有讀過《銀河系漫游指南》的人才能明白其中的奧秘。聽說是生命、宇宙與萬事萬物的終極解答。

而且在日常的節(jié)日、活動、熱點運營上，谷歌也從不缺席。都會在搜索框上用「插畫、動效」等形式承載各種活動入口、吸引用戶參與，可以已經(jīng)形成一個穩(wěn)定、具有品牌感的企業(yè)文化了。

如各種復(fù)活節(jié)、開學(xué)季、母親節(jié)動效。而且更多有趣、創(chuàng)意的設(shè)計案例。

2. 百度瀏覽器

百度在搜索彩蛋里下的的功夫也不少，最著名的應(yīng)該是搜索「黑洞」時，頁面上會出現(xiàn)黑洞的吸入特效。

而且和谷歌相同，在其他的搜索關(guān)鍵詞上，百度也是埋下了不少彩蛋，比如：搜索「翻轉(zhuǎn)」，頁面會左右翻過來

搜索「跳躍」，頁面會在上下跳動

搜索「失重」，頁面上的字會飄起來?

而在「活動運營」上，百度也是很有心地進行著創(chuàng)新設(shè)計，力求給用戶一種眼前一亮的感覺。比如每年的愚人節(jié)，搜索結(jié)果頁上都有“調(diào)戲”用戶的創(chuàng)意設(shè)計，各種輕松調(diào)皮的畫風(fēng) 給不少用戶帶來了新鮮感和趣味性。

還有在「活動入口」的設(shè)計上也是特別有想法：在某年的圣誕節(jié)上，百度創(chuàng)新性地將活動入口嵌套在結(jié)果頁卡片中間，用活動里的IP形象雪人「抬著」結(jié)果頁卡片和在上面「滾動」。

用這種充滿創(chuàng)意+應(yīng)景的的入口設(shè)計與引導(dǎo)方式，最大限度地降低漏斗，吸引讓更多用戶參與該活動。另外，百度搜索框上面的運營活動入口，也和谷歌有異曲同工之妙。

二、體驗流

注重提升搜索過程中的交互體驗，以增加用戶的操作效率與產(chǎn)品易用性。

代表：蘋果產(chǎn)品、夸克瀏覽器

1. Apple/蘋果產(chǎn)品

iPhone

iPhone的「桌面搜索」除了能查詢手機上的各種信息、文件，它還自帶了「匯率轉(zhuǎn)換和計算器」。在搜索框輸入「數(shù)學(xué)公式、匯率轉(zhuǎn)換」時會自動計算對應(yīng)的結(jié)果。無需用戶額外打開計算器、瀏覽器，大大減少操作鏈路。

在iOS的原生鍵盤里，可以根據(jù)輸入詞檢測+搜索對應(yīng)的手機號碼：當(dāng)你輸入 「打+我或通訊錄好友+電話」時，鍵盤上會自動顯示自己或好友的電話號碼，點擊號碼就能自動粘貼在輸入框中。

用戶無需前往通訊錄就能輕松「獲知+想起」誰誰的電話號碼，大大提升操作體驗與效率。

Mac

在Mac電腦的工具欄上搜索相關(guān)幫助時，系統(tǒng)會直接把該結(jié)果所對應(yīng)的頁面位置調(diào)取出來并懸浮展示。用戶可以直觀地該結(jié)果在哪里，并減少尋找的操作路徑，免去多余操作。

在Mac電腦的系統(tǒng)偏好設(shè)置里搜索幫助，在結(jié)果列表上會以聚光燈的形式展示各個結(jié)果入口。選擇具體某個結(jié)果時，該入口的聚光燈會更清晰些，特別容易找到搜索結(jié)果。

2. 夸克瀏覽器

夸克瀏覽器除了傳統(tǒng)的「點擊搜索框」喚出輸入欄外，在屏幕任意位置下滑手勢同樣可以喚出搜索框。

降低「需要往上手指移動，才能點擊搜索框」的操作成本，讓用戶更快、更精準(zhǔn)地觸達(dá)搜索。

而且在輸入網(wǎng)址或英文等字段時，搜索框下方會出現(xiàn)一個滑塊區(qū)。點擊就會變成長條的滑塊，拖拽滑塊即可改變光標(biāo)位置。

讓用戶更方便地將光標(biāo)快速移動到想要的位置中，以便更快地搜索信息，大大降低操作成本。而且夸克還會前置搜索結(jié)果， 比如在搜索框中輸入“某城市+天氣”的關(guān)鍵詞，上方就會以卡片的形式顯示該地區(qū)最近一周的天氣。

用戶無需觸發(fā)搜索、進入結(jié)果頁才能看到想要查詢的信息。

歡迎關(guān)注作者的微信公眾號：「和出此嚴(yán)」