Return to site

谷歌的未来就在卡片中

谷歌一直在测试新的设计元素,但在过去的几个月里,他们一直在测试一种变化,尽管表面看起来似乎很小,却代表了一个重大的哲学转变。这篇文章中的截图都是在现场SERP上捕获的,但似乎是测试,并没有永久推出。以下是基本更改的示例:

注意每个结果(广告和有机)如何包装在容器中并在灰色背景上以视觉方式分隔。这些容器在Google的白话中被称为“卡片”,它们很重要,但我们会做到这一点。我们为什么要关心几个边界和背景?

转变#1:移动优先设计

我们已经知道两年多来谷歌正在转向移动优先设计理念。今年早些时候,谷歌从右栏中删除了广告。虽然这种变化部分归因于性能,但我认为其中很大一部分是跨平台(移动设备,平板电脑,台式机等)标准化广告环境。从上面的测试中不明显的是,这种基于卡片的设计不仅仅是盒子和背景。谷歌正在测试向单柱SERP的严重举措。从右栏中删除广告只是一个开始。

这是Google当前桌面设计中“北极熊”的SERP截图:

以下是5月份拍摄的测试设计。知识面板已移至左上角,右侧列已消失。这不是我们通常在左上角看到的那种知识卡。它是传统的右手桌面实体,移动和折叠(带有“更多关于北极熊”箭头):

这是Android手机上的相同搜索。请注意顶部的基于卡片的格式和知识面板。显然,右栏中没有任何内容,因为移动设备只有一列:

当然,移动和桌面测试之间仍然存在显示差异,但您可以清楚地看到测试与当前移动设计之间的融合。

它将如何适合左侧?

将当前桌面SERP上的所有内容整合到一个列中构成了重大挑战,Google正在尝试一些变体。这是一个同时具有知识面板和知识卡的SERP,例如:

在这种情况下,显示支持电话号码的知识卡显示在知识面板上方,并且两者都高于第一个有机结果。你会注意到这个例子的一些设计差异,这是7月份拍摄的。这是另一个例子,有一个不同的,更有趣的布局:

这个SERP有一个本地3件装,位于顶部(如当前设计),然后是有机结果,然后是知识面板。这将知识面板推向了相当多的页面,并且#2有机结果远远低于折叠。在另一个例子中,我们看到知识面板下面有四个广告和四个有机结果。因此,传统的顶级展示位置可能会变得更加灵活。

以下是精选视频的示例,然后是知识面板,然后是第一个有机视频:

同一个SERP的底部还有另一个有趣的功能:一组三个不同的相关搜索,每个搜索都有自己的卡片。在当前的设计中,它们位于知识面板的底部,但是在这里它们已经从面板中分离并扩展:

请记住,这些只是测试中的变化,并且此测试已持续数月。我们可以通过查看多个测试将Google的意图拼凑在一起,但我们无法确定最终设计的外观或何时(甚至是否)将会启动。

转变#2:Google即时

我认为基于卡片的设计可能很有趣,这是另一个原因。歌的预测搜索产品Google Now是基于“卡”概念构建的。这是一个Android屏幕截图:

Google即时会混合并匹配个人感兴趣的结果。在这个屏幕上,我有一张带有即将到来的游戏时间的知识图片式卡片,带有最近盒子得分的另一张KG风格的卡片,以及一个新闻结果的旋转木马,所有这些都在一个热门的“芝加哥小熊队”标题下。这是另一个Google即时屏幕:

在这里,我有另一个新闻轮播(注意它与移动搜索新闻轮播的相似性),然后是一张带有自己卡片的个人新闻报道。Google即时显示您可以使用几乎没有传统的自然结果创建结果,并在单一,流畅的体验中混合多个知识图,新闻和其他实体。

这是什么意思呢?

卡片不仅仅是一种设计理念。我们习惯于在群集中看到SERP:一列有机结果,一个知识面板,一盒新闻结果,一盒本地结果等。在单独标记的广告之前,甚至AdWords广告都是以视觉方式划分的。使用卡片,我们必须开始将每个单独的信息单元视为独立的结果,并且每个SERP都是各种来源和类型中最相关结果的混合。

将SERP视为搜索信息单元(SIU?)的集合还可以让Google轻松适应各种显示器,从桌面一直到可穿戴设备,这些显示器可能只有一张卡的屏幕空间。甚至语音搜索也可以适应卡片。目前,如果您在Android上运行语音搜索并返回精选代码段,则您的移动设备会将该代码段读回给您。语音搜索返回一张卡,一个单位的搜索信息。

卡片为谷歌提供了极大的灵活性,并将开始打破传统的设计障碍和结果分组。我们可能会看到广告离开顶部和底部块,并分散在其他结果之间。我们可能会在同一页面上看到各种购物结果,例如单个产品卡和多产品轮播。同样,我们可能会在一个页面上看到多个新闻结果或轮播。如果搜索需要这种个性化,我们可能会看到多个知识卡或个性化结果。

卡片的时代是十个蓝色链接棺材的最后钉子。最终,我们对搜索引擎优化的定义必须超越传统结果,并扩展到任何可以带来流量的信息单元。

All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OKSubscriptions powered by Strikingly