編者按:在搜索功能上,天花板級別的設計師還能玩出什么花樣?本文梳理了眾多大廠的搜索設計細節,一次性看個夠!

更多搜索設計方法:

搜索的本質是什么?無疑是內容的召回和信息的推薦。

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

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

一、彩蛋流

注重提升搜索過程中的趣味程度,以增加用戶的好感度與產品印象/口碑。行業代表:谷歌瀏覽器、百度瀏覽器

1. 谷歌瀏覽器

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

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

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

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

還有各種有意思的搜索結果比如搜:is google down(谷歌關閉了嗎),搜索結果優先顯示:NO

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

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

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

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

如各種復活節、開學季、母親節動效。而且更多有趣、創意的設計案例。

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

2. 百度瀏覽器

百度在搜索彩蛋里下的的功夫也不少,最著名的應該是搜索「黑洞」時,頁面上會出現黑洞的吸入特效。

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

而且和谷歌相同,在其他的搜索關鍵詞上,百度也是埋下了不少彩蛋,比如:搜索「翻轉」,頁面會左右翻過來

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

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

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

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

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

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

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

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

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

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

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

二、體驗流

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

代表:蘋果產品、夸克瀏覽器

1. Apple/蘋果產品

iPhone

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

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

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

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

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

Mac

在Mac電腦的工具欄上搜索相關幫助時,系統會直接把該結果所對應的頁面位置調取出來并懸浮展示。用戶可以直觀地該結果在哪里,并減少尋找的操作路徑,免去多余操作。

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

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

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

2. 夸克瀏覽器

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

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

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

而且在輸入網址或英文等字段時,搜索框下方會出現一個滑塊區。點擊就會變成長條的滑塊,拖拽滑塊即可改變光標位置。

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

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

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

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

歡迎關注作者的微信公眾號:「和出此嚴」

覺得搜索設計簡單?看大廠如何把搜索功能玩出花!

收藏 44
點贊 26

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。