让我们看一下标准知识图框在本例

[account_disabled]

这是一个相当基本的用于搜索带有广告和一些本地功能的水管工。左侧为桌面版本右侧为移动版本。我对缩小的尺寸表示歉意但我觉得并排版本将是最有用的。尽管桌面在首屏显示八个完整广告而移动仅显示两个桌面屏幕但较小屏幕的影响是显而易见的仍然有空间容纳三个有机结果一张地图和几个本地包结果。与此同时在移动屏幕上弹出的一个有机结果具有成为页面上唯一有机元素的优势。


不幸的是我们关于广告或有机结果的相对点击率的数据很少而且谷歌一直在调 澳大利亚 WhatsApp 号码列表 整这两种设计。我认为核心点是即使对于相对简单的这些用户体验也明显不同。让我们看看另一个大军生日其中主要元素相似但屏幕空间创造了不同的体验。在这种情况下我们得到了一个新的答案框答案框在任何屏幕上都是破坏性的但在移动屏幕上它几乎占据了首屏的整个。当然在移动设备上滚动更容易更自然所以我不想假装这是一个真正的同类比较但如果答案满足用户的需求他们就不太可能继续寻找。中是本地实体伍德菲尔德购物中心的知识图框。虽然知识图框的样式相似但却截然不同。虽然桌面具有丰富的知识图条目但我们还看到了大量的有机空间。




在移动上压缩的知识图框占据主导地位。该框还包含移动特定功能例如点击通话和方向可以轻松转移搜索者并阻止他们向下滚动到有机结果。最后让我们考虑一个其中桌面版和移动版的呈现和结构完全不同。这是对我所在的芝加哥郊区的披萨的搜索这会触发本地轮播。轮播无论是本地知识图还是较新的歌曲和剧集列表都是移动优先设计的一个很好的例子。虽然桌面轮播在谷歌的设计历史中似乎格格不入并且需要笨拙的水平滚动但移动轮播是为手指滑动界面而构建的。更重要的是水平滑动可能会在某种程度上使垂直滚动脱轨。因此在此示例中单个元素再次主导了移动。