使用内容优先方法创建更好的设计

无论您是从头开始设计一个新应用程序，还是开发一项新功能或创建一个登录页面，都没有关系。 设计应该从内容优先的方法开始。 这有很多优点。 采用这种方法，您最终会自动创建出色的网站或产品。

如果您已经在网页设计领域工作了一段时间，那么您一定听说过“内容优先”的概念。 在这篇文章中，我们将了解这种方法的全部意义，并提供一个内容优先设计的实例。

内容优先方法的基本理解——过程如何工作

理想情况下，参与开发产品或网站的所有部门齐心协力，直到项目结束。 这不仅适用于开发人员和设计师，也适用于那些对消费者进行研究的人和创造内容的人。

要开始这样的合作，所有相关部门都必须充分了解他们的目标消费者是谁、他们使用网站或产品的需求和目标。 这是了解如何通过模仿用户的语言和语气与用户交流的重要方面。

使用内容优先的方法，他们首先通过网站或产品展示他们希望与消费者进行的对话。 他们可能会回答诸如“你为什么来到这里？”、“你接下来想去哪里？”之类的问题。 或“你在找什么？”

内容创建者用文字发挥他们的魔力，同时保持对用户意图和心态的关注。 内容可以在真实消费者的帮助下进行审查和完善。 然后在完整的模型之前明确内容对设计的影响和限制，并开发原型。 内容优先的方法通过删除部分重新设计阶段来减轻设计师的挫败感。

与项目相关的专业人员共同决定影响内容易读性和可读性的重要设计元素，如颜色、行距、字体、链接格式等。 这些因素可能会影响网站或产品的成败。 消费者倾向于通过内容与您的产品互动。 当您首先强调内容时，您不可避免地会将消费者置于中心位置。

从“Lorem Ipsum”的转变

大多数 Web 开发行业的人都熟悉 Lorem Ipsum。 但它作为占位符文本以保持对界面图形元素的关注的目标似乎已经过去了。

毕竟，没有人下载应用程序或登陆网站只是为了检查它的美观或制作精良。 您的网站内容至关重要，您的设计需要反映这一点。 不仅在选择具有适当个性的字体是品牌的完美代言人方面，而且在将内容作为严重设计问题的一部分方面。 采用内容优先的方法需要摆脱旧的 Lorem Ipsums。

内容提供了完整的图片

网页设计师通常更喜欢查看所有内容最终如何朝着共同目标发展的全貌。 内容应该带有适当的内容策略，这反过来应该有利于既定的营销和业务目标，例如在接下来的几个月内产生 10% 的潜在客户。

现在设计师可以玩一些更大的难题。 例如，目标是增加 10% 的潜在客户，并提出特定的设计理念或布局，将人们带到特定的行动点。 但这只是更复杂系统的一小部分。

设计和内容不是线性的

当我们讨论是专注于内容还是设计优先的方法时，我们真正的意思是一个发生在另一个之前。 但这不应该是这样。 就像内容策略阶段一样，构思过程对双方都有效。 内容作家和设计师会仔细研究如何解决消费者的问题并以恰当的方式实现业务目标。

当内容编写者和设计师以流畅、非线性的方式工作时，它不仅有助于保持对与产品或网站开发相关的所有部门的正确期望，而且还消除了可能成为争论点的问题.

确保尽早规划内容类型

内容不仅可以与文本块相关联，还可以采用图表、列表、信息图表、电子书、视频、白皮书、流式音频等形式。

“设计和内容团队应该一起做的一件事是从一开始就决定与设计相关的特定类型的内容”，作业帮助方面的学术专家彼得·惠特克建议道。 这使设计人员能够在设计网站的过程中更早地开始处理内容创意。 它还可以帮助他们设想他们如何相互竞争以吸引观众，而不管内容格式如何。

通过内容优先的设计方法讲故事的力量

准备适当的内容以配合设计将使您弄清楚一些事情。 首先，页面成功所需的最低要求是多少？ 在绘制任何像素或线框之前确定内容将使您作为设计师的生活更轻松，因为它将迫使每个人都同意内容并复制。

当您在了解将涉及的内容类型后最终进行设计时，这是一个全新的领域。 其次，它将使您能够确定特定内容中的元素是否适合手头的项目。

像电影一样接近您的网站。 内容将是演员所说的台词。 现在想象一下这个场景，如果瑞恩·高斯林低声说出爱和钦佩的话，同时躲在他祖父的阁楼里躲避一个精神病杀手。 情节看起来很混乱，对吧？ 您的内容和设计之间的不一致可能会导致访问者之间出现类似类型的混淆。

现在精彩的内容以精彩的故事开始。 通过这种方法，设计师可以专注于整体用户体验以及他们想要传达给访问者或客户的故事。 这同样适用于内容，因为它原来是设计的一部分。

在这种情况下，您需要首先问自己，这个客户或项目的故事是什么？ 访客或消费者面临哪些问题？ 他们的理想结果是什么？

一旦你想出一个好主意，你将通过你的故事传达什么，就开始写作。 从您想象的内容在网站上的开发开始，并确保其结构正确。 每个网页或屏幕都有自己的用途，您也需要为此努力。

然后，这些页面中的每一个都可以分为不同的部分。 这些部分也应该有明确的目标。

接下来，写下这些部分中将包含的内容，从标题到最后一个链接。 如果客户或其他团队成员向您提供了内容，请在您认为合适且符合整体叙述的情况下使用这些详细信息。

在准备内容时，只需专注于使用自己的话。 无论哪种方式，获取有关您所做工作的反馈并进行编辑，直到您对结果感到满意为止。

当您为网站的每个页面准备内容时，您将能够注意到网站开始的样子。 对于所有相关人员来说，用户流程将变得非常明显。 此外，内容结构越明确，您就越能评估这是否是您要讲述的适当故事。

为什么需要采用内容优先的方法？

内容优先的方法是 Web 开发人员和设计人员在构建一个包含消费者期望的所有优点的可靠网站时考虑的绝佳方式。 下面介绍了必须采用内容优先方法的一些原因。

• 协作和一致性：您可能熟悉格言，“人多为轻”，这对于内容规划和创作来说尤其如此。 可能有些事情设计师理解，但文案不知道，或者战略家知道，但前端开发人员不知道，等等。 因此，为了快速发现问题并找到机会，不同部门之间的适当协作可以促进一致性。 这样，当每个人都在同一个页面上时，它会减少或消除不必要的混乱。
• 功效：通过在设计和原型中应用真实或原型内容，您将更快地熟悉潜在的挑战。 并且能够立即解决它们，而不是等待数周或数月（或数年）。 因此，用于迭代设计和内容的时间将大大减少，因为团队在进行内容创建时已经一起讨论了这些问题。
• 可重用性和灵活性：与其将数字体验视为页面和单个元素的形式，不如将它们视为多方面的框架或一组解决方案，可以在需要时组合和重新混合。 通过这种方式，可以创造出更多灵活且保质期长的产品。
• 部门内部更加互联：内容优先意味着从一开始就跨部门分享见解。 现在，每个部门都将在不同阶段以不同程度的强度提供重要的见解。 这意味着我们都将参加更多会议，并与正确的人进行正确的对话。
• 简单明了的指导方针：在设计方面，您可能会对自己的创造力感到更加克制。 但是在设计和开发网站时，您需要一个稳固的结构和一个可以建立的故事。 通过围绕特定内容准备设计，您将不再需要更改设计以适应明显矛盾的内容。
• 更好的内容质量：使用内容优先的设计，您不必要求您的作者对内容进行调整或添加绒毛，因为所写的内容不符合预先批准的设计。 当您创造性地围绕它进行设计时，您的网站的消息可以保存为其预期的原始状态。
• 增加一致性：当每个元素相互独立开发时，联合中往往会缺少一些东西。 内容可能会被编辑掉，设计可能会在最后一刻重新调整，或者故事可能会变得不一致。 内容和设计应该作为一个整体完美地协作使用，而这只有在内容至上时才会发生。
• 提高生产力：Web 开发的设计优先方法不仅会导致现场描述的故事之间发生冲突。 这也会导致团队成员之间的冲突，因为内容创建者从一个角度看待故事，而设计师则从另一个角度来看。 与其浪费时间确定哪个角度更有意义，不如通过在您的网站故事上进行逻辑协作来保持您的生产力。
• 允许更简化的流程：您现在执行的流程可能看起来方便且高效，但如果您不是围绕实体内容开发网站，那么您可能不得不应对不可预测的项目时间表和范围。 您会惊讶于使用这种内容优先的方法来简化您的流程是多么方便。
• 更高的利润率：如果您必须预测您的企业在哪里损失了最多的货币资源和动力，那么说它来自客户是否准确？ 他们可能不喜欢某事的写作方式。 他们可能不会发现设计与他们让您修改的消息相匹配。 或者，即使他们要求进行更多修改，他们也可能对这一切花费了多长时间感到不满。 如果您经常接受客户的不满或修改请求，内容优先的设计将减少时间的浪费，让您更专注于创建精心策划的网站。

尾注

内容、网页设计和开发都彼此密切相关。 通过一点战略方法，开发人员和内容创建者可以将这个联盟带入成功。