paint-brush
内容建模助力 Strapi 项目改善用户体验经过@nwanduka
255 讀數

内容建模助力 Strapi 项目改善用户体验

经过 Victoria Nduka8m2024/07/28
Read on Terminal Reader

太長; 讀書

了解如何设计能引起观众共鸣并推动参与的结构化内容。
featured image - 内容建模助力 Strapi 项目改善用户体验
Victoria Nduka HackerNoon profile picture

您是否知道88%的在线消费者在体验不佳后不太可能返回网站?导致此问题的因素之一是内容结构不良。Strapi 通过提供创建自定义内容类型的功能解决了此问题。但如何利用此功能来改善用户体验呢?


在本文中,我们将探讨内容建模是什么以及它为何如此重要。我们还将指导您创建内容模型并提供使用 Strapi 的实际演示。在本文结束时,您将学会如何设计用户友好的内容结构,这些结构不仅可以为您的网站访问者提供信息,还可以让他们感到愉悦。

什么是内容建模?

内容建模是定义系统(例如网站或应用程序)中内容的结构、组织和关系的过程。它涉及创建一个蓝图,该蓝图规定了如何组织不同类型的内容、它们如何相互交互以及如何存储和检索它们。这有助于确保为访问者提供一致且用户友好的体验。


两个人在白板上协作完成内容模型可视化。图片来源: Unsplash


构建网站或应用程序可以比作建造房屋。但在这种情况下,您使用的不是砖块和灰泥,而是内容块。内容模型就像是这些内容块的蓝图。它告诉您:


  • 您拥有哪些类型的内容块:将它们视为不同形状和大小的构建块。您可能拥有博客文章(长方形)、产品页面(带有详细信息的正方形)或活动列表(带有关键信息的较小正方形)。这些是您的“内容类型”。
  • 每个区块包含的内容:每种类型的内容区块都需要特定的信息。博客文章区块可能需要标题、作者和内容区域,而产品页面区块可能需要标题、图片、价格和说明。这些是您的“内容属性”。
  • 这些内容块如何相互关联:这些是您的“内容关系”。它可能是
    • 一对一:一种直接关系,其中一条内容链接到另一条内容。例如,每篇博客文章可能都有一个与之关联的作者个人资料。
    • 一对多:一条内容链接到多条内容。例如,作者简介可以与多篇博客文章相关联。
    • 多对多:多条内容可以链接到多条其他内容。例如,一篇博客文章可以有多个标签,每个标签可以与多篇博客文章相关联。

为什么需要内容模型?

你会在没有蓝图的情况下开始建造房屋吗?可能不会。好吧,创建网站或应用程序也是如此——你需要一个内容模型。这就是为什么它如此重要的原因:

1.组织蓝图:

就像建筑平面图会规划出每个房间的位置以及它们如何组合在一起一样,内容模型会定义内容的结构。它会告诉您拥有哪些类型的内容(例如文章、产品页面或用户个人资料)以及每种内容应包含哪些内容。

2.增强用户体验:

精心规划的房屋能营造舒适的居住空间。同样,精心设计的内容模型也能带来更好的用户体验。用户可以快速轻松地找到所需内容,让他们感到开心和投入。

3.一致性和质量:

制定建筑计划可确保房屋的每个部分都符合质量标准。内容模型也是如此。它可确保您的内容始终保持一致且高质量。如果您有产品页面,则每个页面都会具有相同的基本元素,例如标题、描述、价格和图片。这可让您的网站具有统一性和专业性。

4.可扩展性和灵活性:

良好的构建计划可让您在未来轻松应对变更,而不会造成麻烦。同样,内容模型可让您轻松扩展内容或进行后续变更,而不会让所有内容分崩离析。如果您决定添加新的内容类型(如博客部分或常见问题解答页面),该模型可为您提供一个框架,将其无缝集成到现有结构中。

5.指导和效率:

如果没有建筑计划,施工就会一片混乱。内容也是如此——您需要明确的指导来确保一切顺利进行并避免混乱。内容模型就是这样做的。它确保每个人都知道他们应该做什么。

内容模型设计原则

起草内容模型时应该牢记什么?

1.关注用户需求

如果您想留住用户并最终拥有良好的业务,这应该是您的首要任务。确定您的目标用户是谁。尝试了解他们的需求和浏览行为。他们在寻找什么信息?他们希望如何找到它?以符合逻辑的方式组织您的内容类型,以反映用户浏览您的网站或应用的方式。

2. 使用清晰的内容结构

明确定义每种内容类型。它代表什么信息(例如,博客文章、产品页面)?确定每种内容类型所需的核心属性。关注用户必需的内容,避免用不必要的细节使模型超载。如有疑问,请保持简单。寻找跨内容类型重用元素的机会。例如,“公司地址”部分可以是一个可重用的组件。

3.考虑灵活性和可扩展性

考虑一下您的内容需求可能会如何发展。您的模型是否可以轻松容纳新的内容类型或其他属性?为属性建立明确的命名约定和数据类型,以确保一致性和未来的可扩展性。

4.记录你的流程

即使您目前是团队中唯一负责内容的人,提前考虑也是明智之举。也许您需要招募一位新队友,或者您可能会发现自己要兼顾其他职责。这时记录您的内容模型就派上用场了。它不仅可以简化入职流程,还可以使知识传递更加容易。此外,记录所有内容可以让您的团队跟踪流程、发现需要改进的地方,并随着时间的推移改进工作流程。

如何设计内容模型

现在您已经了解了内容模型是什么以及为什么需要它,让我们深入了解如何设计一个内容模型。

步骤 1:明确你的目标

了解为什么需要内容模型。您想通过内容模型实现什么目标?是改进组织、改善用户体验还是简化内容管理?

第 2 步:确定内容类型

列出您拥有或计划创建的所有不同类型的内容(例如文章、产品、活动、用户资料)。将类似的内容项目分组在一起。

步骤 3:确定每种内容类型的属性/字段

指定每种内容类型所需的信息。例如,博客文章可能包含标题、作者、发布日期、正文和标签等字段。确保涵盖所有必要的详细信息。

步骤 4:定义内容类型之间的关系

确定如何链接不同类型的内容。例如,博客文章可能与作者简介相关,或者产品可能有相关的评论和类别。

步骤 5:创建内容模板

为您确定的每种内容类型开发模板以确保一致性。这些模板应包含所有必填字段和结构。

步骤6:构建内容结构

组织内容类型及其关系在系统中的组织方式。这包括创建内容层次结构和定义父子关系(如有必要)。

步骤 7:选择内容管理系统 (CMS)

选择支持您的内容模型的 CMS。确保它可以处理您定义的内容类型、属性和关系。示例包括 WordPress、Drupal 或 Strapi 等无头 CMS。

步骤 8:在 CMS 中实现内容模型

根据您的内容模型设置您的 CMS。创建必要的内容类型和字段。配置关系并设置模板。


现在您的内容模型已可供使用。

如何在 Strapi 上创建内容模型

现在是时候动手了。在这个演示中,我们将使用 Strapi 为博客建模内容。如果您严格遵循这些步骤,您应该能够成功实现您的内容模型。如果您遇到任何挑战,请随时在社区论坛中提出您的疑虑。

步骤 1:确定潜在的内容类型及其属性

由于我们正在构建博客网站,可能的内容类型包括文章、作者简介等。


接下来,我们列出已识别的每种内容类型的属性。用户在阅读文章或查看作者个人资料时希望看到什么?


  • 一篇文章通常包含:
    • 标题——文章主要讲述什么
    • 标题图片(可选) - 用户觉得图片很有吸引力
    • 作者——撰写了这篇文章的人
    • 发表日期 - 文章的最近程度
    • 内容——文章主体
  • 作者简介将包含以下内容:
    • 作者姓名
    • 作者照片(可选)
    • 作者简介

说明内容类型和内容属性的博客内容模型图


第 2 步:创建一个新的 Strapi 项目

如果您还没有,请按照本指南安装 Strapi 并创建一个新项目。

步骤 3:设置内容类型

创建项目后,导航到 Strapi 项目的管理面板(位于http://localhost:1337/admin )。使用您在设置期间提供的凭据登录。


登录后,请按照以下步骤创建内容类型:

  • 点击左侧边栏中的“Content-Types Builder”。

  • 点击“创建新的收藏类型”。

  • 输入内容类型的名称,例如“文章”。

  • 点击“添加其他字段”,向您的内容类型添加字段。例如,您可以添加“标题”(类型:文本)、“内容”(类型:富文本)、“作者”(类型:与用户内容类型相关)和“发布日期”(类型:日期)等字段。

  • 保存更改。

  • 重复上述步骤,根据需要创建其他内容类型,例如“作者”或“类别”。


在 Strapi 上创建的文章内容模型

步骤 4:定义关系

定义内容类型之间的关系:

  • 在内容类型构建器中,编辑其中一种内容类型。

  • 添加一个“关系”类型的新字段并选择相关的内容类型。

  • 保存更改。

  • 例如,您可以向“文章”内容类型添加“类别”字段,以将每篇文章与特定类别关联起来。


多对多内容关系

步骤 5:填充内容

现在您的内容类型和关系已经定义好了,您可以开始向您的 Strapi 项目添加内容:

  • 点击左侧边栏中的“Content-Types Builder”。
  • 单击要添加内容的内容类型(例如“文章”)。
  • 单击“添加新文章”(或与您的内容类型对应的按钮)。
  • 在字段中填写相关信息。
  • 保存更改。
  • 重复上述步骤,将内容添加到其他内容类型并创建它们之间的关系。


就这样!您已成功使用 Strapi 创建了一个基本内容模型。您可以进一步自定义内容类型、添加更多字段,并根据项目需要定义更复杂的关系。


请查看内容类型构建器上的Strapi 文档,以获取有关如何配置每种内容类型的更多详细信息。

结论

结构良好的内容模型是对用户满意度的投资。当用户可以轻松找到他们想要的信息并直观地浏览您的网站或应用时,他们更有可能保持参与度并再次访问。Strapi 灵活且用户友好的平台让您可以轻松地对内容进行建模并为用户创造引人入胜的数字体验。

参考

  1. https://www.smallbizgenius.net/by-the-numbers/ux-statistics/
  2. https://lapope.com/2023/12/09/content-modelling-and-structed-content-the-basics/