为什么内容是网页设计过程的基本组成部分

在开始一个新的网站项目时，设计师倾向于关注他们作品的美学和功能。 这意味着内容写作是一项经常推给客户完成的任务。 这个决定的不幸后果是网站的内容最终来得太晚，格式错误，质量差。

21 年前，可用性顾问 Jakob Nielsen 这样评价外行人写的内容：

“最大的问题是大多数人（并且一直都是）糟糕的内容创作者。 这就是为什么我们有专业作家、平面设计师、电影制作人、演讲者、音乐家和其他类型的媒体专业人士。 当一个普通人试图创建内容时，他们通常没有太多话要说，而且他们所说的往往被说得很糟糕。”

——雅各布·尼尔森，2000

在撰写内容时，我很遗憾地说客户通常不是很好。 我的客户在很多方面都令人惊叹，但编写有说服力和信息丰富的内容以促使读者采取行动，通常不是他们的才能之一。

作为一名网页设计师，我一直在鼓励我的客户制作他们自己的内容而感到内疚。 在一个项目中，我使用 Google Drive 来管理流程。 不幸的是，客户需要对如何使用文档编辑器进行大量指导，而当他们最终生成内容时，大部分内容都缺乏重点。 我不得不告诉他们这是行不通的。 他们回到绘图板上，该项目花费了几个月的时间。

有时我觉得我的职业生涯有一半都在等待客户撰写内容。 另一半用于确保他们生产的任何产品都不会破坏设计。

网站设计过程中的内容制作可能很难管理。 在本文中，我分享了我从多年经验中学到的重要知识，并提供了一些技巧来增强您自己的程序。

设计与内容的区别

在最基本的形式中，内容是用户消费的材料。 内容可以采用文字、图片、视频和音频的形式。 它是人们认知消费的有形材料，其中设计是该内容的呈现，影响人们当下的感受。 它们是共生的，但本身却截然不同。

客户甚至设计师自己之间的一个常见误解是，设计和内容是一回事。 因此，很难知道设计师的工作在哪里结束。 大多数网页设计师会承认创建视频内容不是他们的工作，但与此同时，他们可能会误入书面内容的制作。 如果设计师有专业知识和资源来交付项目的这个基本方面，这不是问题，但大多数情况下他们没有，他们的客户也没有。 现实情况是设计和内容是完全分开的。

因此，在 Web 开发过程中，必须将内容与视觉设计放在一起。

为什么我们应该从内容开始

1800 年代建筑业有一句著名的格言，即形式服从功能。 由建筑师路易斯沙利文创造，他的完整引述雄辩地表达了这个想法：

“无论是飞翔的鹰，还是开放的苹果花、劳苦的驮马、快乐的天鹅、分枝的橡树、底部蜿蜒的溪流、飘动的云彩，在所有奔腾的太阳上，形成永远遵循功能，这就是规律。”

建筑师知道，如果一栋建筑不能满足现实世界的需求，无论它看起来多么漂亮，都是不切实际的。 这条法则可以直接适用于我们今天建立网站的方式。 UX 设计师这个相对现代的角色旨在充当形式和功能之间的粘合剂，弥合事物外观与交互方式之间的差距。 但事实是，很少有项目能够为专门的用户体验设计师承担预算，因此这个责任往往落在可能更关心美学的网页设计师身上。

来我们这里寻求指导的客户最感兴趣的是网站可以为他们做什么。 因此，他们的角色是带来他们的业务目标和专业知识，而不是写一页页的内容。

你能看出问题吗？ 出现了一个巨大的鸿沟，它允许内容的生产失败。 我们需要将内容制作带入我们的网站设计过程，这意味着在一开始就为它创造一个空间。

自然，对我们项目的这种扩展将产生更大的成本。 这通常意味着对专业内容制作的需求会遇到阻力。 让我们来看看处理这个问题的一些策略。

如果您的客户负担不起文案，该怎么办

内容制作不仅对设计师来说往往是一种不受欢迎的偏差，而且客户也将其视为不必要的成本。 我们必须挑战这种心态，而这首先要涵盖积极的一面。 专业的网站文案将：

• 巩固和巩固整体品牌信息。
• 为您和客户节省大量时间。
• 使设计（和设计过程）更有效。
• 带来更好的最终用户体验。

底线？ 专业撰写的内容将带来更高的整体投资回报。

客户经常声称他们“买不起”文案的原因是因为他们不明白文案能为他们做什么。 他们没有意识到回报的潜力，因此他们对进行投资犹豫不决。 简单的经济学命令，如果你能让报价具有吸引力，那么这个人就会想要它。 使用上面的这些要点来灌输好的内容的活力，不仅仅是在网络上，而是在更广泛的商业通讯中。

我最近与一家公司合作，该公司的服务起初被证明是难以理解的，但在撰稿人的帮助下，我们开发了一个站点地图，既反映了最终用户的需求，又简洁地涵盖了所提供的内容。 这让我腾出时间来研究视觉设计系统和更多技术集成。 如果没有对内容制作的这种投资，最终结果会更糟糕。

现在让我们看一下将内容写入插入网站创建过程的一些策略。

将设计和内容拼接在一起的策略

如果您想创建一个出色的网站，既能满足客户的业务目标，又不至于让您一直为寻找内容而头疼，那么您需要对文案给予应有的重视。 经过多年的努力，以下是我用来改进流程的一些核心想法。

1. 与您的客户一起举办内容研讨会

花几个小时专注于内容可以让你弄清楚什么对项目很重要。 它还内化了整个团队对内容重要性的认识。 以下是您可以运行此类会话的一些方法：

• 通过提出好的、开放式的问题来讨论总体目标，例如“访问者希望从主页获得什么？ 谁会觉得这段内容有用？ 访问者在阅读完此页面后会如何继续？”
• 有意引导讨论远离事物的外观，而是专注于消息传递以及我们期望访问者的感受。
• 考虑使用内容定义预先加载会话并显示一些好/坏示例。 向团队询问他们的实时反馈，以衡量和指导他们的理解。

本次会议具有象征意义，因为它在使用中是有形的。 虽然会议会提出一些可靠的想法，但真正的目的是让客户接受设计和内容是单独的可交付成果的想法。 更进一步，您可能会选择在您开始谈论网站设计之前将这个研讨会作为客户支付固定费用的单个产品来运行。

2. 提前与文案合作

通过将撰稿人纳入您的流程，您可以有效地将他们的服务与您的服务合并。 许多 Web 开发人员在为客户准备报价时采用的一种常见方法是逐项列出每项服务。 例如，他们可能会将前端和后端开发拆分为单独的可交付成果。 这是一个问题，因为它为客户提供了提出无用问题的机会。 查询投资当然是明智的，但在这种情况下，它可能会迫使您证明交付整体所需的个别服务的合理性。

将内容写作整合到您的交付过程中的最佳方法之一是简单地开始表现得好像这是一个不可协商的步骤。 下次您准备估算时，将文案写作作为过程的标准部分，就像其他任何过程一样。 这是一个示例语句，您可以将其放入您的提案中以帮助解决此问题：

注意：强大的内容策略是使您的网站重新设计成功的基础。 作为该提案的一部分，我们将为您的新网站开发内容，这些内容将与您的访问者产生共鸣并促使他们采取行动。 我们将与您进行访谈，以了解您的受众和目标，并将其整合到我们的内容写作过程中。

如果遇到问题，或者如果您的客户希望放弃这部分以节省成本，请参考我之前概述的好处。

3. 尽快使用真实内容

时至今日，我有时会发现自己使用 Lorem Ipsum 占位符副本来设计布局。 我每次都拍自己的手腕。 在一个理想的世界里，至少在你拥有一些内容之前，设计不会开始。 除非其目的植根于现实世界的用例，否则很难将设计变为现实，而占位符文本根本无法实现这一点。

也不要试图在设计时开始编写内容。 我已经尝试过了，不幸的是，副本往往被设计过程所包含并被遗忘。 只有到了发布的时候才会有人质疑它，到那时纠正它就成了一件令人头疼的事情。 您不想将内容策略深入到设计过程中； 尽早在项目中使用真实内容。

4.询问品牌

我们的客户使命和价值观提供了大多数设计师几乎没有涉足的内容。 在这里可以找到许多见解和内容创意，但这意味着从网站流程中退后一步来询问品牌。 这看起来相当令人生畏，但为了了解项目的核心动机，通常值得这样做。 以下是您可以向客户提出的一些问题，以帮助您制定内容策略：

• 你为什么要做你所做的事？
• 您的产品或服务如何让客户的生活更美好？
• 您的客户如何描述您？
• 谁是你的竞争对手，你有什么不同？
• 这个项目将带你去哪里？

这里的目标是让客户思考他们自己和他们的客户。 您的目标是将他们的响应转化为有用的内容和设计决策。 当客户难以理解内容实质的价值时，这些讨论可能会导致一些“灯泡”时刻。

如果您觉得大胆，请考虑将您的客户的客户也纳入对话中，以增加额外的维度。 这可能会让人觉得有点吓人，但您可以通过以下任何一种方式来做到这一点：

• 询问您的客户可能从他们的客户那里收到的现有反馈。 寻找常见问题或投诉。
• 代表客户或以您自己的身份与他们的客户进行调查。
• 组织一系列与客户的视频访谈。 这可以为项目增加巨大的价值，并使您在客户眼中处于更重要的位置。
• 让少数客户与客户一起参加您的内容研讨会，让他们参与讨论。

重要的是要记住，在询问品牌时，我们只是在寻找答案。 人们如何体验这家公司？ 促进客观议程以减少内斗，这额外的一英里将为您提供很好的服务。

5.如果客户要编写自己的内容，请让他们轻松

在客户拥有内部资源来制作副本的情况下，您的工作将是指导他们。 以下是保持项目正常运行的一些提示：

• 延迟进入视觉设计，直到你有一些真正的内容可以使用。
• 给客户一个内容交付期限。
• 将客户端的所有文档设置为 Word 文件或 Google Drive 文档。 确保每一个都反映在站点地图中的页面上，最好是一个线框来表示布局。 这为客户提供了一个可以在其中编写的框架。
• 为他们提供模板并使用约束来帮助他们生成效果良好的内容。 例如，有一个“页面标题”字段并声明它不应超过 6-8 个单词。 这是我过去与客户一起使用的模板。
• 如果没有预算来举办内容研讨会，请预先录制一段视频，您可以将其指向他们，或者在您的博客上发表一篇解释优质内容要点的文章。
• 让内容制作成为一个人的责任。 如果整个团队投入，项目将迅速螺旋式上升。

从本质上讲，如果您的客户不投资外部文案，您应该设法使过程尽可能简单。 留给他们自己的设备，您可能会收到点点滴滴的内容，当您最终将它们拼凑在一起时，您最终会得到一个科学怪人的怪物。 通过管理流程让他们轻松，可以帮助避免这种情况。

一些有助于促进内容流程的资源

无论您是自己整理内容、与撰稿人合作还是依靠客户提供内容，您都需要工具和流程。 一种常见的方法，一种对我有用的方法，通常遵循以下步骤：

• 您审核当前网站以更深入地了解 a) 需要重写、b) 需要删除或 c) 需要从头开始制作的内容。
• 您与客户和作家合作建立站点地图，即网站内容的总体结构。 Gloomaps 是一个很好的工具来帮助解决这个问题，但是还有更复杂的工具，比如 Miro，可以提供协作空间。
• 您使用关键页面的线框模型来模拟内容布局。 您可以深入研究或保持表面水平。 有像 UXPin 和 Mockflow 这样的专用应用程序，但我发现 Adob​​e Illustrator 与正确的线框 UI 套件配合得很好。

这里的关键原则是让您的客户参与有关内容和结构的讨论。 设计师经常消失在阴凉的房间里，几周后带着“成品”出现。 虽然有些客户喜欢“为您完成”的服务，但大多数人会因为被带入流程而获得更大的满足感。 当你利用他们的知识和经验时，你也会做得更好。

总结：认真对待内容

令人不安的事实是内容是您正在设计的东西。 有影响力的文案和营销人员 Eugene Schwartz 说：

“文案不是写出来的，是组装好的。”

最好的网页设计师知道他们的工作是关于构图和用户体验。 我们提供读者所寻求的接口。 当面对大多数网页设计项目的政治和偏好时，通常很容易忘记这一点。 我们被新趋势、花哨的 CSS 动画和最新的框架所吸引。 我们陷入了这个问题，这就是让我们成为设计师和开发人员的首要原因。

但总是需要重新聚焦。 为了使我们的工作与项目的核心目标保持一致，在大多数情况下，这只是以尽可能最清晰的方式传达信息。

我们需要更好的网络内容，这需要投资。 作为设计师，我们可以为专业的撰稿人举旗，或者我们可以用美学分散自己的注意力。 两者我都做过，我可以自信地告诉你，前者可以更快、更轻松地完成更好的工作。

关于 SmashingMag 的进一步阅读：

• 实用显微镜
• 综合网站规划指南（第 1 部分）
• 如何处理冗余、过时和琐碎的内容 ROT
• 为响应式设计创建内容线框