大廠搜索哪家強(qiáng)?這些交互設(shè)計(jì)值得你收藏學(xué)習(xí)!

2022-11-2    博博

大體上分為兩類:彩蛋流和體驗(yàn)流

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

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

大體上分為兩類:彩蛋流和體驗(yàn)流

A.彩蛋流

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

1.谷歌瀏覽器

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



搜索【馬里奧兄弟】,右邊也有游戲里一樣的點(diǎn)擊彩蛋



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



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



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

如各種復(fù)活節(jié)、開學(xué)季、母親節(jié)動效。而且更多有趣、創(chuàng)意的設(shè)計(jì)案例,可上:有蛋案例 youdananli.com 近千個(gè)行業(yè)/大廠里的創(chuàng)意案例、上百個(gè)知識模型、設(shè)計(jì)方法。



2.百度瀏覽器

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



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



搜索【跳躍】,頁面會在上下跳動



搜索【失重】,頁面上的字會飄起來?



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





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





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



而且更多有趣、創(chuàng)意的設(shè)計(jì)案例,可上:有蛋案例 youdananli.com 近千個(gè)行業(yè)/大廠里的創(chuàng)意案例、上百個(gè)知識模型、設(shè)計(jì)方法。

B.體驗(yàn)流

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

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

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

·iPhone

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



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



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

·Mac

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



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



2.夸克瀏覽器

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



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

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



而且更多有趣、創(chuàng)意的設(shè)計(jì)案例,可上:有蛋案例 youdananli.com 近千個(gè)行業(yè)/大廠里的創(chuàng)意案例、上百個(gè)知識模型、設(shè)計(jì)方法。

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

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



– END



作者:和出此嚴(yán)      來源:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔