知识分享

  • 首页
  • 市场分析
  • 需求分析
  • UI设计
  • 产品运营
  • 产品设计
  • 项目管理
  • 新玩意儿
不积跬步无以至千里
不要停留,欣赏沿途的风景
  1. 首页
  2. 产品设计
  3. 正文

Google搜索向我们展示了产品设计的未来

2021年10月28日 502点热度 0人点赞 0条评论

编辑导语:自21年前发布之日起,Google搜索就一直是卓越产品设计的成功案例。凭借卓越和无处不在的优势,Google为高质量的软件产品树立了高不可攀的标准。搜索是一切的中心。这篇文章从Google搜索的核心原则、自适应设计、自动化测试与迭代等三个方面来展示产品设计的未来,一起来看看吧。

自21年前发布之日起,Google搜索就一直是卓越产品设计的成功案例。

在过去的20年里,Google通过致力于实现其雄心勃勃的目标——「组织世界各地的信息,并使其普遍可访问和具有实用性。」——超越了所有竞争对手。这不仅是搜索,Google及其母公司Alphabet,几乎在每一类软件上都达到了独一无二的成就。截至2019年5月,YouTube 月活用户超过20亿,有25亿活跃的 Android 设备,Google Maps 月活用户超过10亿,Gmail 月活用户超过15亿。

凭借卓越和无处不在的优势,Google为高质量的软件产品树立了高不可攀的标准。搜索是一切的中心。

拉里·佩奇(Larry Page)在2012年接受《财富》杂志采访时总结了他对搜索的愿景:完美的搜索引擎会真正理解您的需求。它会深刻地理解世界上的一切,并给您正是所需的东西。

仅研究该愿景如何成为现实,就可以洞悉用户对优秀产品的期望。通过运用这些见解,可尝试达到与经过微调的Google搜索设备相同的可用性与实用性。

一、核心原则

从第一天开始,Google搜索就展示了一些简单的产品设计规则是多么强大。

1. 样式=功能

Google搜索的决定性设计选择(使之在1998年的搜索环境中异军突起)是与搜索有关的。

谷歌最初的首页,大约在1998年

在2019年,这似乎是搜索引擎的必然样式,但看看Google推出时的一些早期竞争对手吧:

四个竞争搜索引擎的首页,也大约在1998年

差别一目了然。Google的界面是透明的:它的作用显而易见。另一边,Google的早期竞争对手并不透明。搜索仅是侧边栏,是一项补充功能,只是页面上数百个元素之一。

其原因有两个:

  1. 搜索仍是很难正确实现的功能。如果您在1998年经常使用互联网,大概不会忘记要花多长时间才能找到正确的页面,即使是像「corgi OR dachshund NEAR “cute dog”」这样的复杂查询,找到正确的页面也可能需要多次尝试,并且大多数搜索结果与您要寻找的内容无关。
  1. 90年代最成功的互联网公司(如美国在线AOL和雅虎Yahoo)策划并汇总了网络。他们为用户提供个性化的“起始页”,包括新闻、天气、金融市场和网上购物的链接。网络上的内容质量通常很差,数量很低;对于少数网站策划人来说,他们很容易通过手动挑选,就能提供互联网所能提供的最好内容。

Google只把注意力集中在「透明的」搜索上——将其从竞争对手的基于聚合的方法中“拆解”出来——对搜索的重要性下了很大的赌注。

随着互联网规模和标准呈指数级增长,这种押注得到了回报。一直以来,google.com始终只是一个搜索栏:

谷歌2019年的搜索页面

2. 无需经验

在过去的几年里,「可视性」这个词开始用于形容软件产品的特性。虽然没有一个明确的定义,但我认为它是这样的:

可视性:使用户能够在没有指导的情况下即可充分利用功能的界面品质。

若用户能够快速学习如何充分利用该功能,则该功能具有较高的可视性。

若经验不足的用户无法使用该功能或无法从中受益,则该功能的可视性较低。

以门把手为例,有些把手具有很高的可视性:

  1. 如果是要转动的,把手会是圆形;
  2. 如果是需要按压的,则是杠杆状。

有些可视性很低:比如竖杆的门把手,在门只能被推开的情况下,它们看起来既可以推也可以拉。(注释:这些低可视性门把手属于诺曼门,以唐·诺曼的名字命名。诺曼发明了“示能「Affordance」”一词来描述设计元素,这些元素暗示了应该如何使用一件东西。)。

Google搜索是可视性的黄金标准。这是因为该界面可以流畅地适应个人用例及经验水平,而无需配置任何设置。Google非常有信心,他们已经删除了“设置”页面的所有痕迹:

「在2017年,Google摆脱了“高级搜索”。为什么? 因为没有人点击它。

最初,当您想进行地理位置搜索时,Google会帮您跳转到高级搜索。如今,他们知道您正在进行地理位置搜索并向您显示地图。」

重申一下:毋庸置疑,Google搜索是最先进的搜索引擎之一。想要猫的照片吗?输入“猫的照片”;想要将23.45秒差距转换为光年吗?输入“ 23.45秒差距转为光年”。Google搜索学习曲线是一条平缓的线。

3. 没有错误

Google始终坚持的一项终极原则是——不管用户输入什么——搜索始终有效。它是有弹性的。这

看似微不足道,但任何构建过多种类型输入表单的人都知道,不可预测的用户行为所面临的挑战有多大。

Google搜索在处理大量数据的同时还会这么做:它自豪地报告说,搜索“狗”,在0.89秒内产生了大约54.8亿(54亿)!个结果。

同时,搜索“zzzzzxxxxxxzxxxxxxz”的结果只有一个:维京轨道飞行器于1976年9月14日从火星向地球发送了一次信号。

用户看到的唯一错误是,如果他们的搜索查询太过复杂,以至于没有符合逻辑的结果可显示。即使如此,这也是事实,很难认为这是一个错误。它只是给用户一些建议:

Google有用的搜索错误页面

二、自适应设计

Google搜索的核心原则——从一开始就提出的设计理念——只是其成功故事的一部分。最近,Google搜索的设计重点是在用户点击搜索结果之前传递信息。为此,Google采用了一种称为自适应设计的方法。

自适应设计:通过设计小型独立组件来创造用户体验的做法,以及如何根据个别用户的需要显示这些组件的规则。

自适应设计意味着针对每个用户的每一次搜索,都会产生一个定制的界面,该界面将自身塑造成所显示的信息。请看以下示例:如何根据不同的用例更改搜索结果页面。

Google搜索适应用户需求的第一种方法是重新安排导航以适应结果。

在“lizzo”的例子中,搜索框下面的导航是:(按顺序依次为)图片、视频、新闻、购物、更多。

在“tel aviv”的例子中,导航是:新闻、图片、地图、视频、更多;搜索“aapl”(苹果公司的股票代码),导航显示:金融、新闻、书籍、购物、更多;Google有362,880种独特的方式来排列导航,以适应搜索查询。

然而,自适应设计的最大例子是搜索结果本身的布局。结果页面是完全模块化的:根据搜索结果,不同的元素出现在不同的配置中。

例如,音乐家Lizzo的搜索结果集中在媒体上:一组模块以本机格式显示视频,图片和歌曲。还显示最近的新闻,推文和即将举行的活动,以及指向Lizzo在YouTube、Twitter、Facebook、Instagram和SoundCloud上的个人资料链接。直到页面底部,我们才能看到看起来像传统搜索结果的元素。

另一方面,以色列特拉维夫市的搜索结果为旅行者提供优先信息。

图片、地图、当地天气以及与旅行有关的问题(“特拉维夫对游客安全吗?”、“特拉维夫以什么闻名?”)优先于传统搜索结果。模块促进了特拉维夫的活动以及对附近其他城市的推荐。

搜索结果页上可能会出现数千个不同的模块,从简单的布局驱动模块到完全独立的应用程序。例如,“aapl”的搜索结果页上,股票代码模块显示了当前价格和交互式历史价格图。

通过自适应设计,所有有关内容、格式和顺序的决策都是由算法决定的。设计人员的作用不再是创建明确的外部布局。如今,尖端产品的设计者,以及未来日常产品的设计者,正在就生成这些布局的规则做出决策。

三、自动化测试与迭代

从显式静态设计过渡到隐式自适应设计的驱动力是:规模。自2000年以来,首次有近42亿人使用互联网。有理由相信,这其中大多数人都使用Google搜索。如果没有先进的测试和自动化,任何设计团队都不可能满足这么多用户的需求。

2010年一篇论文的图表,描述了Google的测试方法

Google率先将自动化测试应用到产品设计中。搜索的第一次A/B测试于2000年2月27日举行。

尽管一个技术故障毁了这个测试,Google还是翻了一番:

到2011年,他们每天在搜索算法上进行将近20次A/B测试。六年后,这一数字增加了五倍;

仅在2017年,Google就对其研究参与者进行了31584次测试。这是一整年每20分钟一次的新测试。这些测试带来了2453次用户体验的改变,每天大约更改7次。

这些惊人的数字让我们窥见了产品设计的未来:

随着软件产品的增长达到数十亿新用户,学习和改进该产品的机会大大超出了传统屏幕设计工具(如Sketch、InvisionStudio或AdobeXD)的能力范围。

这些传统的设计工具适合那些从事相对简单且少量变化的用户体验的设计师。对这些设计的反馈通常来自利益相关者,使用数据来增强设计是一个手动过程。设计进度的速度受到团队中设计师人数的限制。

另一方面,像Google这样的公司正在开发全新的工具,使研究人员能够快速地进行实验,并立即部署他们所学到的东西。例如,Uber建立了一个同时运行1000多个实验的平台。改进的速度不再受到设计师创建模型和原型的能力的限制。

为了跟上互联网的规模,产品设计师必须熟悉统计和机器学习的语言。产品设计不在于创造正确的体验,而在于定义一组能产生最佳洞察力的实验。

四、结语

产品设计的未来并不适合所有人。道格·鲍曼(Doug Bowman)是Google最早雇用的设计师之一,他于2009年离开公司时公开谴责快速试验:

是的,的确,Google的团队无法在两种蓝色之间做出选择,所以他们正在测试每种蓝色之间的41个色调,看看哪种颜色表现得更好。

最近,就边框应该是3像素、4像素还是5像素的问题,我进行了辩论,并被要求证明我的示例。我不能在这样的环境下工作。我已经厌倦了争论如此微小的设计决策。这个世界上还有更多令人兴奋的设计问题需要解决。

但是Google与其他行业领导者(如Amazon、Netflix、Facebook和Airbnb)已经证明了设计师的潜力,他们可以在经过微调、自适应的环境中工作。鲍曼离开后,他们继续创新:喜欢还是讨厌它,Google之所以成功,很大程度上是因为他们致力于卓越的产品设计。在Google搜索中,这一点再明显不过了。

 

原文链接:https://www.uxbooth.com/articles/what-google-search-shows-us-about-future-of-product-design/

本文由 @Hitomi 翻译发布于人人都是产品经理,未经作者许可,禁止转载

题图来自 Pexels,基于CC0协议

给作者打赏,鼓励TA抓紧创作!

标签: 暂无
最后更新:2021年10月28日

小虾米

同理心,洞察力!

点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复
最新 热点 随机
最新 热点 随机
拍10部火1部,道观也来凑热闹,短剧成吸金神器? 为什么二次确认后,用户依然会误删? 新零售SaaS架构:面向中小连锁的SaaS系统整体规划 AI时代下浅谈XR中的渲染技术 基金理财之客户需求分析 业财一体化数字化(一) 酒店代理的灰产江湖:0库存、赚4成差价、月入16万 探索工具型产品体验度量模型-行为度量理论篇 飞猪、携程们的下半场:吃工具属性老本,补内容短板 AI产品经理 | 入行AI的必备知识 3D 文件格式的江湖纷争 在线音乐等待“第三极” 小程序里卖剧,8天赚1亿? 卖爆抖音后,中式汉堡将成为一场“虚火”? 电商包邮背后隐藏的小心思 县城咖啡之战的最后赢家是谁? 字节跳动再战长视频,这次有何不一样? 网文IP的风,吹到“下饭剧”? 提升B端产品易用性:搭建帮助体系 小红书关停“自营电商平台”,作何打算?
从虚拟偶像到虚拟主播,一场TO C到 TO B生意的大迁徙今天我们来聊一聊小红书电商盘点一下那些虚实结合的文本输入方式自动驾驶,又到黎明前?万亿规模能源产业互联网【能链】为何一枝独秀?经营指标层面深度解读骑手需要的不是同情,而是尊重数据更新|不只是一个更新按钮而已名实唯一性:数字与AI经济里的那些潜规则实战分享!系统可见原则在交互方案中的运用从商业模式入手,搭建一款产品的底层拆解框架小红书走到命运拐点微信的聊天记录占比,被网友玩成了新一代 MBTI ?SaaS产品数据分析之指标与标签一篇文章搞懂一个系统之 SRM 系统一个真秀才倒下去,十个假靳东站起来谈谈在B端落地第三方大模型的步骤从0开始设计产品搜索功能(一)瑞幸的“9块9”突围战,只需几滴茅台?如何从0-1建设企业微信SCRM顶流网红“秀才”翻车,“中老年收割机”易主?
产品周报221期 | “微信键盘”输入法 App 0.9.2 测试版发布,百度糯米App已从应用商店下架 2021-01篇 | 挖掘产品细节背后的商业价值! 从设计角度深挖需求、用户调研的方法论|万字总结 “国民应用”抖音的那些事儿:内容、电商与小程序 业务中台02:MSS实战-市场宏观认知(Market)阶段实战(上) 【高级产品经理的门槛系列】必备技能 – 制定产品的规范标准 从产品经理私人订制咨询延伸,聊聊当下 别回来!烦人的通知 抖音“砍”了拼多多一刀 阳台种菜,又一个百亿市场? QQ音乐和网易云音乐其实都一样,对着用户猛薅羊毛 当微信“搜一搜”学会了“问一问” 供应链产品经理:拆解一个ERP SAAS需求给你 如何设计出高效合理的下单流程? 食品安全追溯系统浅谈(下) 如何为你的产品建立护城河? 消金的“计费系统”设计 疯狂星期四案例分析:如何设计一个简单广告投放流程 跨境电商海外仓(10):WMS的库龄与仓租功能设计 从数据源到数据可视化的全链路解析

COPYRIGHT © 2023 知识分享. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang