如果网站的主要目的是向受众提供有价值的内容，那么我们应该首先设计内容以获得最佳的用户体验。

但是我们经常错过使用内容洞察来验证和迭代我们的 UX 设计的机会……而不是等到最后阶段才能将已签署的内容和设计结合起来。

当我们设计内容优先时，我们在设计过程中推动了内容中心阶段。并确保我们尊重并考虑内容对我们设计的机会、限制和影响。那时，优秀的用户体验设计将网站内容的交付和交流提升到一个新的体验水平。

开始内容优先设计的四个步骤

当团队拥有使其成功的战略工作流程时，使用内容优先的方法效果最好。这个过程包括什么？

1. 定义您的策略和流程

内容策略不仅应基于您组织的目标，还应基于用户需求。前面提到的 Matt Post 分享了内容策略师、内容、文案甚至设计师在开始内容优先设计时应该问的一些重要问题。

马特说，

“你必须设身处地为用户着想。他们需要知道什么？他们想知道什么？你想让他们知道什么？问自己这些问题，并创建在三者之间取得良好平衡的内容。只有在你确定了这一点之后，你才能开始考虑让你刚刚制作的信息弹出的设计元素。”

2. 定义你的流程

获得这些问题的答案后，您还需要定义内容创建过程。包括：

确定项目范围，将内容需求放在首位，然后扩展到设计

确定需要哪些可交付成果

设定对内容创作者和设计师都有效的最后期限

概述利益相关者在设计过程中将如何协作也没有什么坏处。

3. 映射和测试消息

有了高级内容策略并处理好流程等内务任务，您就可以开始开发消息了。包括：

根据每个页面在客户和用户旅程中的位置设置更具体的目的

确定需要传达的主要信息

根据以上内容创建页面大纲和初始内容

即，创建内容简介、大纲和初稿。此外，测试消息传递。不仅要与利益相关者进行内部审查，还要将其放在目标受众面前。在此阶段获得他们的反馈将减少以后的反复试验。

4. 敲定内容，再敲定设计

一旦您决定了每个页面的页面布局和消息，您就可以创建最终内容。设计也可以最终确定。

但除了这个过程之外，让我们深入了解可以使这种方法有效的其他实践。

早期获取原始内容的三种方法

为什么我们在我们的线框图和原型中使用 Lorem Ipsum、Bacon Ipsum、Zondo Ipsum（我们的离开礼物给一位老同事）或其他 Ipsum？

因为它可以快速填补我们新兴设计中的空白，让我们继续使用下一个功能或页面模板。我们都做到了。

Lorem Ipsum 占位符文本

占位符文本，虽然它填充了空间，但没有提供任何有用的上下文（Source）

然而，Lorem Ipsum 的问题在于它可以像膨胀的气体一样方便地填充可用空间。不幸的是，它是惰性的、毫无意义的、缺乏上下文的，很少揭示设计和内容之间的关系。

我们坚持认为内容需要在添加到界面之前完善和最终确定，因此，与此同时，我们用占位符文本填充我们的设计。

但是随着转向跳过低保真线框文档和高保真 Photoshop 模型并快速转向 HTML + CSS 原型（直接在浏览器中），用户体验设计过程中内容的保真度需要跟上。

我们不需要不完美原型中的完美内容，但我们确实需要比胡言乱语更好的东西。因此，这里有一些方法可以让您尽早获得一些多汁的原型内容。

1.根据当前站点的内容进行设计

如果您正在重新设计一个网站，那么您就会有一堆现有的内容。用它。在您的线框图和原型中使用现有的内容，看看它教给您的内容体验。

它可能并不完美，并且将作为项目的一部分进行重写。但是员工资料、新闻文章或关于页面（等）不会从一个版本的网站到下一个版本有太大的不同，以至于您不能暂时使用现有内容来获得洞察力并改进您的设计.

2.滚动你自己的内容

关于用户体验设计师是否应该编写足够多的代码来制作原型和验证想法，一直存在争议。我认为 UX 设计师还应该编写足够好的副本来原型化和验证想法。

如果您手头没有合适的内容，只需编写您的原型内容。你的目标不是完美；熟练的文案稍后会担心这一点。您的目标是获得洞察力和验证。

写几段内容显然比转储和调整 Lorem Ipsum 块需要更长的时间，但洞察力和验证远远超过了努力。

原型内容开发示例

您正在为一所大学的国际学生网站进行用户体验设计，该网站将展示他们的活动。这些事件并没有什么特别之处。他们有标题、摘要摘录、时间详细信息、位置详细信息等。客户希望在主页上宣传即将发生的事件。

让我们尝试根据一些有根据的假设编写一些不完美的原型内容。

示例 1（左）：没有实际内容，占位符文本

示例2（中）：真实内容，典型案例

示例 3（右）：真实内容，最坏情况

原始内容示例

原始内容的三种变体，从无信息到高信息

当我们在主页线框的“即将到来的事件”面板中使用真实内容（示例 2 和 3）时，我们会立即获得一些从 Lorem Ipsum 示例中无法获得的见解：

显示建筑物和校园名称很长。也许在实际的活动简介页面上展示校园并展示建筑物会更好。

我们将如何处理多日活动的用户体验？可能会变得棘手！

促销面板需要处理 7 个以上单词的合理长标题。如果我们有更少的面板和更多的空间，我们会在 HP 上失去哪些面板？

对于促销小组来说，大约 30 个单词的摘录可能是多余的。考虑只在促销中显示标题。

最好使用的日期和时间格式是什么？

我们是否会在 HP 上展示已经开始但尚未结束的即将发生的事件？

是的，这些事件不存在。但是基于研究和一些领域知识，它们是完全合理的例子，可以让事情滚动并立即揭示一系列影响和迭代 UX 设计的见解。

3. 设计与竞争对手的内容

如果您没有现有的网站内容并且仍然拒绝编写自己的原始内容，那么是时候窃取一些内容了。

回到之前的场景：前往其他大学的国际学生网站。他们在推广什么活动？复制并粘贴一些示例，并相应地调整名称和地点。

老实说，他们的活动会有什么不同？您不仅可以使用一些快速获胜的原型内容，还可以反思他们是如何针对同一问题进行设计的。

不要等待已签署的内容（为时已晚）

新网站的内容永远不会很快出现。在打开内容制作水龙头和获得第一批已签署的内容之间通常需要很长时间。但是你不需要等那么久。

一旦作者开始为新站点起草或重写内容，请获取副本并使用它更新您的原型。确保您可以访问他们的内容制作工具（如 GatherContent），以便轻松掌握最新内容。

GatherContent 中的协作

GatherContent 提供对内容创建进展情况的可见性

该草稿内容只是最终将通过编辑工作流程进行审查、修改和签署的内容的早期迭代。它与最终版本不会有太大的不同，因此请尽早使用它。

免责声明：在您的原型和利益相关者沟通中添加明确的免责声明，以说明您的原型内容的指示性状态。避免任何混淆。

设计具有内容洞察力的用户体验

我相信用户体验设计师会从更像内容策略师的思考中受益。这里有几个例子。

拥抱内容审核的力量

这不是讨论内容审核优点的帖子（我希望这个论点已经获胜）。但重要的是，用户体验设计师能够接受来自良好审计的洞察力：

当前存在哪些内容类型（并且可能会继续存在）？

内容来自哪里（例如，非 CMS 来源），这会带来哪些限制和机会？

新导航需要处理多少内容？

现有团队是否能够维持他们已经拥有的东西？

哪些内容受欢迎或不受欢迎？

一个好的用户体验设计师会反思这些内容洞察力，并将这种想法融入他们的工作中。

特别是如果您有大量内容，您可以从一个简单的工具中受益，以保持井井有条。查看 GatherContent 的内容审核电子表格！

回到大学现场场景

‍客户说他们必须在他们的新国际学生网站主页上有一个永久的、最新的新闻栏。但审计显示，在过去 12 个月内，当前网站仅发布了 4 条新闻（几乎没有稳定的最新消息流）。

UX 设计师与客户妥协，设计了一个主页模板，其逻辑是只显示 30 天前的最新新闻项目。否则，模板将关闭空间并且不显示任何内容。

根据当前的内容洞察采取行动可以降低危及用户体验的风险，在这种情况下，通过向他们展示旧的“最新”新闻。它还消除了网站所有者制作更多新闻故事的压力。双赢。

在您的 UX 工作中尝试原始内容

下次你敲掉那些线框或原型时，看看你是否不能在那里获得一些原型内容来验证你的想法并帮助你迭代以获得更好的用户体验和可用性。

虽然您可以借鉴现有的实时内容甚至竞争对手的内容，但理想的解决方案是访问战略家的大纲和作者的草稿。毕竟，这些是最终将与您的设计合并的实际内容的开始。因此，您可以通过将此信息用作您的原始内容来节省一些工作。

为什么不探索 GatherContent 作为透明度和协作的工具？它不仅可以让您查看和跟踪内容的进度，还可以让您在现场与创作者分享您的输入，使其更具可操作性。今天开始您的免费试用，试一试吧！