客户期望与品牌的互动具有连贯性和相关性。组织必须能够提供适合不断增长的渠道的信息和服务。
无头 CMS 可以帮助数字团队采用模块化方法进行体验设计。团队可以不再逐屏设计信息和服务。相反,如果他们有合适的框架,他们可以从可重复使用的内容和设计模块中构建不同的体验。
要应对复杂性和规模,您需要系统。许多企业认识到需要通过开发设计系统并寻求构建其内容来系统化他们提供用户体验的方式。到目前为止,只有少数企业能够将这些活动结合成一个综合能力。虽然他们认识到模块化内容和模块化设计的价值,但他们尚未设法将这些方法结合成一个综合框架。
模块化用户体验为数字团队提供了做更多事情并改善成果的机会。在这篇文章中,我们将探讨如何利用模块化内容和模块化设计的优势并使它们相互支持。我们将研究:
转变用户体验实践的必要性
分离内容和设计的重要性
走向系统驱动的用户体验
让我们看看转型挑战。内容运营(ContentOps)和设计运营(DesignOps)都必须快速适应新要求,例如提供新信息和功能或在新渠道和平台上提供新的交互模式。
不灵活的模板会带来问题 德国手机号码数据库 许多企业仍然依赖僵化的模板来呈现内容,而这些模板无法适应新的需求。他们缺乏强大的系统,无法轻松修改内容和设计呈现。因此,数字团队需要花时间处理特殊要求和特殊项目。例如,他们需要创建一个具有特殊布局或自定义小部件的网页来呈现内容。或者,他们必须开发一个智能手机应用程序,其中包含硬编码的文本字符串和其他内容,而这些内容以后很难更改。他们的做法将屏幕设计与特定内容纠缠在一起,使其内容和设计变得不灵活。
手工制作屏幕是不可持续的。一次性设计似乎提供了短期灵活性,但它们也将内容组织与屏幕设计紧密结合,最终增加了数字团队必须管理的难度。一次性设计会导致三个问题:
它们的生产效率很低。
当他们需要发展大型项目时,他们无法扩大规模。
它们会产生长期的内容和技术债务,因为一次性的设计很难长期维护。
除了这些麻烦之外,一次性设计和固定模板也无法为客户带来最佳体验。当内容和设计被锁定在与特定交付渠道相关的特定屏幕上时,它们无法灵活地应对不同的情况。这意味着用户无法体验到根据其需求量身定制的内容和功能。
“片段”不是解决方案。一些知名的 Web CMS 试图通过引入所谓的屏幕“片段”来克服固定内容设计模板的低效率。片段方法带来的好处是,不同的屏幕可以重复使用相同内容和设计的块。
屏幕片段的问题在于它们仍然将设计和内容块绑定在一起。这种方法既脆弱又笨拙。交换屏幕片段可能是任意的和表面的。用户看到的不是与上下文相关的内容,而是从其他地方回收的片段。由于内容细节仍然锁定在屏幕设计中,企业也无法从屏幕片段方法中实现真正的灵活性。
模块化带来灵活性。当内容和设计都开发为可以多种方式使用的模块化资源时,数字团队可以打造更好的体验。团队无需逐屏创建内容和设计,也不必受限于固定模板的限制,而是可以规划内容单元如何与 UI 模块配合使用,以应对各种用户场景。
分离内容和设计的重要性

数字化团队受到传统网络平台的阻碍,这些平台阻碍了他们提供真正自适应的用户体验的能力。传统平台将通用屏幕模板的结构强加给团队,并规定他们如何管理内容和设计。由于这些 CMS 将内容和设计紧密结合在一起,因此它们的内容模型反映了它们的屏幕设计。与无头 CMS 不同,以网络为中心的 CMS 不允许将内容和设计分离。
灵活性产生敏捷性。内容和设计细节不能粘在一起。它们必须相互反应。
成功取决于提供正确的体验。解耦听起来像是一个技术决策,但它本质上是一个对业务有重大影响的客户体验问题。它决定了企业能否跨不同设备和渠道向用户提供正确的体验。解耦使内容和设计的细节相互独立。这意味着数字团队可以在不更改内容的情况下更改设计布局,也可以在不更改设计的情况下更改内容细节。解耦可以实现灵活性。
解耦
解耦不仅仅是使用 CSS 重新设计固定内容或使用断点通过响应式设计改变其布局。解耦允许内容和设计元素进行更改,以适应不同的环境和不断变化的用户需求。
解耦使体验保持相关性。解耦认识到内容和设计必须能够不断调整以提供正确的用户体验。由于内容和设计各自发挥着独特的作用,因此它们需要独立自主。然而,它们也需要能够相互响应和适应。内容会影响用户的屏幕行为,进而改变用户将对哪些内容做出反应。人们对他们看到的内容做出反应,他们看到的内容需要对人们的行为做出反应。各种内容和设计元素都需要能够改变,尤其是当用户体验变得更加个性化时。
为了使内容交互动态化,数字团队需要一种可以同时更改 UI 中呈现的内容和设计元素的解耦方法。缺乏解耦将冻结内容和/或设计。
内容与设计元素的相互作用
内容需要适应用户。让我们考虑一下内容设计交互是如何发生的。在内容方面,消息和信息通知并提示用户采取行动。在屏幕上,信息被安排为支持用户的特定任务。信息的布局反映了信息的结构或目的。内容元素(标题、标签、描述、图像等)被分组以提供集成消息,告诉用户他们需要知道什么。
内容元素显示在设计组件中,支持常见的用户任务,例如比较、对项目进行排名、查找特定信息或决定是否注册优惠。这些组件中显示的信息和消息可以根据用户接下来需要执行的操作进行调整。
当用户做出选择时,内容会根据这些选择做出响应。例如,如果用户点击按钮,他们可能会看到其他详细信息或确认他们已采取操作的消息。
设计细节也可以改变。设计的目的是支持用户任务。当用户与 UI 交互时,该 UI 需要调整以支持他们的下一个操作。模式可能会出现或消失,或者按钮可能会改变颜色。用户界面中呈现的内容和设计细节将是动态的并且不断变化。通过解耦,数字团队在修改内容和设计细节的呈现方面不受限制。他们可以专注于如何向用户提供和改进相关信息和反馈。
根据用户旅程中的阶段设计正确的顺序时,更改内容和提供最合适选项的能力至关重要。您需要能够提供正确元素的系统,以便在需要时做好准备来更改这些元素。
通过协调基础来解耦细节
如果将用户界面呈现的内容和设计细节分离是目标,那么如何实现呢?数字团队需要构建基础来支持这种灵活性。
通过协调两个重要系统,屏幕设计与内容分离是可能的:内容模型和 UI 设计系统。它们将屏幕上显示的内容和设计细节构建为可重复使用的模块,这些模块可以组合成各种体验。
这些系统对用户体验的核心维度进行分类和管理:人们需要了解的内容以及影响人们感知和行为的设计。
内容结构(内容模型)定义了可供呈现的消息和信息种类。
设计结构(UI设计系统)决定了向用户提供的内容和操作。
系统识别用户需要的关键内容和设计元素,并指出哪些元素可用以及如何使用它们。
您的系统不能孤立:它们需要协调。仅有内容模型和设计系统是不够的。必须将两者一起规划,这样它们才能很好地协同工作。内容和设计团队经常在不同时间独立开发内容模型和设计系统,而没有过多考虑它们的集成。由于在规划时没有考虑到协调,内容模型和设计系统最终都变得过于通用。它们不够精细,灵活性也不够。它们之间缺乏映射。
数字团队将希望通过寻找组织需要向用户呈现的内容中的模式来充实其内容模型和设计系统。内容模块(相关内容元素的分组)将支持重复的信息模式,而设计模块(UI 元素的分组)将支持重复使用的交互模式。识别这些模式将有助于团队了解需要什么结构以及内容和设计元素如何关联。
映射内容和设计结构之间的连接。当内容在内容模型中构建时,数字团队可以精细地控制他们可以呈现的信息。他们可以使用具有特定设计组件的多种内容。数字团队将希望映射与设计组件支持的任务相关的内容模型中定义的信息类型。例如,如果设计组件支持注册流程,那么哪些内容与该流程相关?可能有各种使用通用注册组件的内容。
同样,相同的内容可以根据对用户最有用的内容传递给多个设计组件。用户可能希望在不同时间以不同的方式查看相同的信息,这取决于他们想要实现的目标。同样,数字团队需要考虑如何选择和分组内容模型定义的信息,并将它们映射到设计组件以支持各种用户场景。
协调可提高每个系统的价值。如果不知道内容呈现的潜在目的地,内容模型提供的价值将非常有限。请记住,内容可以通过多种方式、不同的组件和不同的渠道呈现。为了构建信息和消息以便提供正确的详细信息,了解如何呈现内容以支持某些任务会有所帮助。内容规划人员应考虑用户需要查看哪些特定信息,以及在旅程或任务的哪个阶段需要这些信息。
同样,如果不知道设计系统将呈现什么样的消息和信息,设计系统就毫无用处。设计师无法规划如何使用设计组件来支持用户,除非他们了解设计组件必须显示的信息类型及其用途。如果不知道用户查阅信息的具体任务,那么将内容放入 UI 卡片中就毫无意义。他们想知道人们需要看到哪些信息才能轻松完成任务。