亚洲欧美v国产一区二区三区,中文字日产幕乱五区,综合亚洲,,,色,亚洲伊人久久大香线蕉综合,亚洲综合精品伊人久久

首頁(yè) > SEO動(dòng)態(tài) > 網(wǎng)站技術(shù)覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

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

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

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

一、彩蛋流

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

1. 谷歌瀏覽器

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

2. 百度瀏覽器

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

搜索「跳躍」,頁(yè)面會(huì)在上下跳動(dòng)

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

搜索「失重」,頁(yè)面上的字會(huì)飄起來(lái)?

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

二、體驗(yàn)流

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

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

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

iPhone

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

Mac

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

2. 夸克瀏覽器

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

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

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

覺(jué)得搜索設(shè)計(jì)簡(jiǎn)單?看大廠如何把搜索功能玩出花!

作者:和出此嚴(yán)

想了解更多網(wǎng)站技術(shù)的內(nèi)容,請(qǐng)?jiān)L問(wèn):網(wǎng)站技術(shù)

本文來(lái)源:http://www.sonygallery.com.cn/seodongtai/18178.html

免責(zé)聲明:部分文章信息來(lái)源于網(wǎng)絡(luò)以及網(wǎng)友投稿,本網(wǎng)站只負(fù)責(zé)對(duì)文章進(jìn)行整理、排版、編輯,是出于傳遞更多信息之目的,并不意味著贊同其觀點(diǎn)或證實(shí)其內(nèi)容的真實(shí)性,不承擔(dān)任何法律責(zé)任。