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

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

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

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

大体上分为两类:彩蛋流和体验流。

一、彩蛋流

注重提升搜索过程中的趣味程度,以增加用户的好感度与产品印象/口碑。行业代表:谷歌浏览器、百度浏览器

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

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

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

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

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

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

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

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

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

作者:和出此严

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/236039.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年3月2日 11:59
下一篇 2023年3月2日 12:00

相关推荐

  • 网页设计趋势:2021年网站UI设计流行趋势

    之前我们探讨过有关「网站运营的网页设计」和「用户体验」这两方面的流行趋势,今天Inspirr将会继续和大家聊聊「2021年网站UI设计流行趋势」,希望藉此能给大家带来新的灵感。 往期回顾: 网页设计趋势:2021年关於…

    2022年6月25日 建站资讯
    0155
  • 网页首图需注意的三个事项

      高清品质 既然是首图,就需要更加的重视首图的品质。图片绝对不可以出现模糊或者图元化的情况,这属於低级的错误。高清品质的图片能够未使用者带来积极的情绪,同时提升了用户体验。 强化行动按钮 网页设计…

    2022年6月25日
    0120
  • 社交媒体网页设计的技巧。

    目前有如此多的社交网络可供使用,因此推出一个新的社交网络需要谨慎的战略支持。此外,这个策略应该包括开发一个难以置信的朗朗上口和方便的设计。但是社交网站设计有哪些技巧可以帮助你成功呢?有许多重要的细节…

    2023年2月15日 SEO操作
    01
  • 折叠屏手机或将大热 如何在折叠屏手机上做交互设计

    最近,不少手机品牌都发布折叠屏手机,它可以把一台8英寸的平板电脑,通过折叠的方式变成方便携带的6英寸手机。而随着折叠屏手机的发布,未来手机形态可能会朝着柔性手机方向发展,那麽,如何在折叠屏手机上做交互…

    2022年6月25日 建站资讯
    0220
  • 如何做好电商体验设计?6个章节复盘京东电器实战案例。

    随着 3 年疫情影响,全球经济下行,消费者更加关注性价比高的货品,今年京东 11.11 以"给生活多点实在"为主题,以更简单、更大力度的优惠举措,更丰富的趋势新品和爆款好物,更全面、更贴心的服务体验 ,…

    2023年3月7日 SEO操作
    04
  • 小编分享简单易用的网页设计思路分享。

    极简主义的出现和流行,使得很多站长对这种风格的网站建设非常着迷。在网站制作的过程中,一个简单的页面更容易被用户把握,可以将用户的注意力集中在内容上。那么,如何制作网站做一个简单易用的网站页面,下面就…

    2023年6月13日
    01
  • 网页设计要注意哪些理念问题?

    由于现在网页设计行业发展速度越来越快,各种不同类型的网页设计公司层出不穷,如果想让网页设计呈现出与众不同的高端效果,还能凸显出更好的功能性,必须要注意下面这些理念问题,只有掌握这些关键点,自然就会让…

    2019年8月20日
    0394
  • 六月网页设计趋势大PK 哪些流行趋势是你的爱

    很多设计师觉得,跟随设计趋势就等於失去个性,事实上跟随设计趋势是一种非常有趣的事情。跟随设计趋势可以让你的网页一直保持新鲜感,在激烈的网页设计竞争中脱颖而出。有利必有弊,同样跟随设计也会存在一定的风…

    2022年6月25日 建站资讯
    0162

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息