当前位置:首页 >> 知识

觉得搜索设计简单 ?看大厂如何把搜索功能玩出花  !

编者按  :在搜索功能上,觉得简单天花板级别的搜索设计索功设计师还能玩出什么花样 ?本文梳理了众多大厂的搜索设计细节 ,一次性看个够 !厂何出花

搜索的把搜本质是什么?无疑是内容的召回和信息的推荐。

可随着时代的觉得简单发展和行业公司的内卷 ,不少公司除了持续优化搜索结果与推荐外,搜索设计索功在搜索的厂何出花体验和彩蛋上也是下了不少功夫,从而进一步加强自有产品的把搜竞争力与用户黏性  。因此今天就来盘点一些,觉得简单那些有意思的搜索设计索功大厂搜索交互  。

大体上分为两类 :彩蛋流和体验流。厂何出花

一、把搜彩蛋流

注重提升搜索过程中的觉得简单趣味程度,以增加用户的搜索设计索功好感度与产品印象/口碑。行业代表  :谷歌浏览器 、厂何出花百度浏览器

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. 夸克浏览器

夸克浏览器除了传统的「点击搜索框」唤出输入栏外  ,在屏幕任意位置下滑手势同样可以唤出搜索框。

觉得搜索设计简单	?看大厂如何把搜索功能玩出花!

降低「需要往上手指移动 ,才能点击搜索框」的操作成本 ,让用户更快 、更精准地触达搜索。

而且在输入网址或英文等字段时 ,搜索框下方会出现一个滑块区  。点击就会变成长条的滑块,拖拽滑块即可改变光标位置。

觉得搜索设计简单	
?看大厂如何把搜索功能玩出花	!

让用户更方便地将光标快速移动到想要的位置中 ,以便更快地搜索信息 ,大大降低操作成本 。而且夸克还会前置搜索结果, 比如在搜索框中输入"某城市+天气"的关键词,上方就会以卡片的形式显示该地区最近一周的天气 。

用户无需触发搜索、进入结果页才能看到想要查询的信息  。

觉得搜索设计简单?看大厂如何把搜索功能玩出花	!

作者  :和出此严

知识

编者按  :在搜索功能上,觉得简单天花板级别的搜索设计索功设计师还能玩出什么花样 ?本文梳理了众多大厂的搜索设计细节 ,一次性看个够 !厂何出花

搜索的把搜本质是什么?无疑是内容的召回和信息的推荐。

可随着时代的觉得简单发展和行业公司的内卷 ,不少公司除了持续优化搜索结果与推荐外,搜索设计索功在搜索的厂何出花体验和彩蛋上也是下了不少功夫,从而进一步加强自有产品的把搜竞争力与用户黏性  。因此今天就来盘点一些,觉得简单那些有意思的搜索设计索功大厂搜索交互  。

大体上分为两类 :彩蛋流和体验流。厂何出花

一、把搜彩蛋流

注重提升搜索过程中的觉得简单趣味程度,以增加用户的搜索设计索功好感度与产品印象/口碑。行业代表  :谷歌浏览器 、厂何出花百度浏览器

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. 夸克浏览器

夸克浏览器除了传统的「点击搜索框」唤出输入栏外  ,在屏幕任意位置下滑手势同样可以唤出搜索框。

觉得搜索设计简单	?看大厂如何把搜索功能玩出花!

降低「需要往上手指移动 ,才能点击搜索框」的操作成本 ,让用户更快 、更精准地触达搜索。

而且在输入网址或英文等字段时 ,搜索框下方会出现一个滑块区  。点击就会变成长条的滑块,拖拽滑块即可改变光标位置。

觉得搜索设计简单	
?看大厂如何把搜索功能玩出花	!

让用户更方便地将光标快速移动到想要的位置中 ,以便更快地搜索信息 ,大大降低操作成本 。而且夸克还会前置搜索结果, 比如在搜索框中输入"某城市+天气"的关键词,上方就会以卡片的形式显示该地区最近一周的天气 。

用户无需触发搜索、进入结果页才能看到想要查询的信息  。

觉得搜索设计简单?看大厂如何把搜索功能玩出花	!

作者  :和出此严


{dede:include filename="menu.htm"/}