从Google出发,聊聊未来的产品设计趋势

移动开发 Android
本文作者分析了 Google 搜索产品的多个方面,从中提取了一些可能是未来产品设计的趋势和方向,希望对你有所启发。自 21 年前发布之日起,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 年的搜索环境中异军突起)是与搜索有关的。 

从Google 出发,聊聊未来的产品设计趋势

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

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

从Google 出发,聊聊未来的产品设计趋势

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

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

搜索仍是很难正确实现的功能

如果您在 1998 年经常使用互联网,大概不会忘记要花多长时间才能找到正确的页面,即使是像「corgi OR dachshund NEAR cute dog」这样的复杂查询,找到正确的页面也可能需要多次尝试,并且大多数搜索结果与您要寻找的内容无关。

90年代最成功的互联网公司(如美国在线AOL和雅虎Yahoo)策划并汇总了网络

他们为用户提供个性化的「起始页」,包括新闻、天气、金融市场和网上购物的链接。网络上的内容质量通常很差,数量很低;对于少数网站策划人来说,他们很容易通过手动挑选,就能提供互联网所能提供的最好内容。

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

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

从Google 出发,聊聊未来的产品设计趋势

△ 谷歌2019年的搜索页面

2. 无需经验

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

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

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

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

以门把手为例,有些把手具有很高的可视性:如果是要转动的,把手会是圆形;如果是需要按压的,则是杠杆状。有些可视性很低:比如竖杆的门把手,在门只能被推开的情况下,它们看起来既可以推也可以拉。(注释:这些低可视性门把手属于诺曼门,以唐·诺曼的名字命名。诺曼发明了「示能 Affordance」一词来描述设计元素,这些元素暗示了应该如何使用一件东西。)

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

从Google 出发,聊聊未来的产品设计趋势

在 2017 年,Google 摆脱了高级搜索。为什么?因为没有人点击它。最初,当您想进行地理位置搜索时,Google 会帮您跳转到高级搜索。如今,他们知道您正在进行地理位置搜索并向您显示地图。

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

3. 没有错误

Google 始终坚持的一项终极原则是不管用户输入什么,搜索始终有效。它是有弹性的。这看似微不足道,但任何构建过多种类型输入表单的人都知道,不可预测的用户行为所面临的挑战有多大。Google 搜索在处理大量数据的同时还会这么做:它自豪地报告说,搜索「狗」,在 0.89 秒内产生了大约 54.8 亿(近 55 亿)个结果。同时,搜索「zzzzzxxxxxxzxxxxxxz」的结果只有一个:维京轨道飞行器于 1976 年 9 月 14 日从火星向地球发送了一次信号。

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

从Google 出发,聊聊未来的产品设计趋势

△ Google有用的搜索错误页面

自适应设计

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

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

自适应设计意味着针对每个用户的每一次搜索,都会产生一个定制的界面,该界面将自身塑造成所显示的信息。

请看以下示例,如何根据不同的使用案例更改搜索结果页面:

从Google 出发,聊聊未来的产品设计趋势

Google 搜索适应用户需求的第一种方法是重新安排导航以适应结果。在「lizzo」的例子中,搜索框下面的导航是:(按顺序依次为)图片、视频、新闻、购物、更多;在「tel aviv」的例子中,导航是:新闻、图片、地图、视频、更多;搜索「aapl」(苹果公司的股票代码),导航显示:金融、新闻、书籍、购物、更多;Google 有 362,880 种独特的方式来排列导航,以适应搜索查询。

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

从Google 出发,聊聊未来的产品设计趋势

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

从Google 出发,聊聊未来的产品设计趋势

另一方面,以色列特拉维夫市的搜索结果为旅行者提供优先信息。图片、地图、当地天气以及与旅行有关的问题(特拉维夫对游客安全吗?特拉维夫以什么闻名?)优先于传统搜索结果。模块促进了特拉维夫的活动以及对附近其他城市的推荐。

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

从Google 出发,聊聊未来的产品设计趋势

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

自动化测试与迭代

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

从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 搜索中,这一点再明显不过了。

 

责任编辑:未丽燕 来源: 优设
相关推荐

2012-03-27 21:26:45

Apple

2013-01-24 09:46:37

游戏互联网产品设计

2022-11-09 08:16:18

AntJava工具

2012-02-28 16:32:14

手机产品设计禁忌

2013-06-17 10:37:54

产品设计移动设计产品规划

2019-06-18 09:09:31

C端B端产品设计

2023-11-02 07:45:16

图形单位AutoCAD

2011-03-23 15:04:29

骨架产品设计

2013-01-16 17:34:37

2010-11-11 14:56:27

信息架构产品设计

2018-08-27 11:36:47

Worktile

2012-12-24 09:49:24

产品经理产品设计

2012-07-30 16:24:49

产品产品设计

2011-10-19 17:07:50

手机产品设计用户引导手机应用

2013-07-24 10:01:24

产品设计产品经理新手做产品

2013-08-05 10:59:47

移动端产品设计移动应用市场

2013-01-16 16:50:31

产品设计初始值

2013-12-19 10:35:32

产品设计jue.so工作坊

2015-03-30 12:17:29

2024-09-29 09:42:56

点赞
收藏

51CTO技术栈公众号