显示,不要告诉

您花多少时间为您的网站设计内容展示?当您撰写新博客文章或创建新页面时,您是否只考虑单词,或者您的读者将如何与这些单词互动?牢记这些提示,您可以使您的网站内容更易于消化,并且对访问者而言更具视觉吸引力。


使用良好的基础知识

想想你的内容结构。如何将一堵信息墙分解成易于消化的块?您可以遵循一些基本的格式规则来获取大量信息并使其更易于阅读和理解。

分开来

使用标题和副标题将相关内容组合在一起。 

网络上的读者浏览​信息,而不是逐行阅读所有内容​​。将您的内容分成较小的部分,由较大的标题标出,帮助他们找到他们正在搜索的信息。

当我试图快速找到一些东西时,没有什么比跳到一个拥有完整内容的巨大墙壁的网站更令人生畏的了。充其量,我会 cmd+f 并搜索特定的关键字,但通常我只会说“lol no”并在其他地方查找信息。

亲眼看看——这些例子中哪一个看起来更平易近人?

​​❌ 格式错误​✅ 良好的格式

在可能的情况下,将段落分解为列表。列表使扫描更容易!

#yyds干货盘点#显示,不要告诉_网站设计​​❌ 更难扫描​#yyds干货盘点#显示,不要告诉_搜索_02​✅ 更容易扫描

例如,如果我正在阅读包含多个步骤的内容,我需要列表才能继续阅读。每当我遇到任何不能将单个任务分解为列表的指令时,我的大脑就无法提取所需的步骤。我失去了自己的位置,或者错过了一些东西,并且感到困惑。无论您是列出成分、教程中的步骤,还是您公司提供的不同服务,这都是正确的。请帮助我的大脑并列出清单。

叫出来

利用粗体和斜体格式来标注重要文本。 

例如,将句子中最重要的部分加粗,以确保浏览您的内容的读者能够抓住最重要的内容。如果你正在写一篇文章,你希望你的读者在关闭你的标签页很久之后记住什么信息? 

在引用或引用信息时使用斜体,无论是标题、引文还是您自己的内心对话。 

使用良好的格式不仅对人们实际阅读您的网站有帮助 - 它对于我们用来大声说出您的内容的机器人也很有用,无论是屏幕阅读软件还是您的虚拟助手。随着越来越多的数字内容在物理空间中被访问,对适当语义的需求变得更加重要。

如果你好奇的话,Aaron Gustafson 的​Conversational Semantics会更多地涉及这个主题。

创建重点

您可以超越粗体和斜体等内容格式来显示重点,并使用布局、颜色和图像等工具来吸引对最重要信息的注意。

​人类处理视觉信息的速度比文本快 60,000 倍​​。这个数字是真的吗?谁知道!我找不到原始数据,只有大量网站引用其他网站引用一些研究,但老实说,我愿意相信这是我自己在网络上浏览内容的经验。我发现头像如此有用的原因之一是,在滚动对话时,无论是在 Twitter 还是像 Slack 这样的聊天应用程序上,我首先通过头像来识别人们,然后是他们的名字。每当有人更新他们的头像时,在我的大脑赶上并习惯新形象之前,我首先会有点恼火。

​​对不起,这是谁?​我认识那个头像!

使用图像来补充强调您的内容,无论是添加图标、插图还是为您的文本拍照。旨在帮助人们理解您的内容在说什么的图像。

例如,以宜家的说明为例。组装家具很困难,宜家以视觉为导向的指导让您更容易组装自己的家具。 

宜家​​马尔姆​​说明

(只是不要太过分——一个令人困惑的图标或忙碌的图像可能会分散注意力,而无济于事。)

除了图像,您还可以使用布局或颜色来帮助调出信息。有一堆数字吗?将它们组织成一个表格,或者在自己的列中用较大的文本标注数字,而不是将所有内容都写到一个段落中。 

产品

宽度

高度

绿色入口地毯

3′

2′

紫色区域地毯

4′

4′

多色地毯

4′

6′

使用表格显示数字信息列表

205

建立的网站

164

快乐的客户

使用列标注重要文本

使用块引用或拉引来突出特定引用或文章的重要部分。

需要指导某人获得特定或及时的信息?将该内容包装在标注框中。 

在段落之外思考!在浏览网站或阅读书籍或杂志时,什么样的内容最吸引您的眼球?你以后记得什么信息?从你身边汲取灵感。

讲一个故事

人们是情绪化的。我们记得故事,尤其是我们可以与之相关的故事。你能把你的内容构建成一个故事吗?你能以一个奇怪的开始和强烈的决心来介绍它吗?有冲突吗? 

在美国 2020 年总统大选期间,伊丽莎白沃伦的技术团队为选民提供了许多互动式数字体验,例如沃伦的​超级富豪税收计划​​​和随附的​亿万富翁​​​计算器​​​。他们编写了一个更深入的​​案例研究​​,但我想强调他们构建的信息滚动页面(绰号“scrollytelling”)如何从字面上突出重要信息,提供相关链接内容以了解更多信息、添加引用或注入一些额外的个性。这些页面融合了嵌入的交互式内容,以吸引您作为读者、视频、图像和文本。这是呈现沃伦故事的一种引人入胜的方式。

尝试新的信息呈现方式

请记住,网络是一个交互式平台——在适当的情况下利用它(少即是多,可访问性是不可或缺的,您需要了解您的受众)。无论是滚动讲述、带字幕的视频还是见鬼,也许对于您的观众来说,​​现在是开始研究 AR/VR 的时候了​​!谁知道。有时你只需要尝试一下,看看有什么效果。小心点。实验很棒,但我们需要确保让每个人都参与其中。 

当然,更复杂的交互需要更多的工作和/或预算,因此您可以使用内容创建什么取决于您的资源。无论您是 DIY 博主,还是可以访问代理机构或内部创意团队,您创建的故事讲述方式都会有所不同。这很好 - 并不是每篇文章都需要像​​Snowfall​​一样具有丰富的媒体体验。即使添加一些简单的插图,例如 Samir Nosrat 的SALT FAT ACID HEAT,也可以为您的读者营造良好的氛围并帮助加深理解。

SALT FAT ACID HEAT使用插图代替照片来增加视觉趣味、提供信息或展示技术

无论您是在制作第一个网站还是经验丰富的作家,您都可以做更多的事情来以有趣和引人入胜的方式展示您的内容。下次你做一些新的东西时,想想你可以用不同的方式向你的听众展示而不是告诉你信息。