A Content Model Is Not a Design System

Do you recall the days when having a fantastic site was sufficient? Nowadays, people are getting answers from Siri, Google seek fragments, and mobile applications, not only our websites. Organizations with forward-thinking goals have adopted an holistic articles strategy that aims to reach people across a range of digital programs and platforms.

How can a content management system ( CMS ) be set up to reach your current and future audience? I learned the hard way that creating a content model—a concept of information types, attributes, and relationships that let people and systems understand content—with my more comfortable design-system wondering would collapse my patient’s holistic information strategy. By developing content versions that are semantic and even join related content, you can avoid that result.

I just had the opportunity to direct the CMS application for a Fortune 500 company. The customer was excited by the benefits of an holistic information plan, including material modify, multichannel marketing, and robot delivery—designing content to be comprehensible to bots, Google knowledge panels, snippets, and voice user interfaces.

A content type is essential for an omnichannel information strategy, and the model needed conceptual types, which are types of types that are categorized according to their meaning rather than their presentation. Our goal was to allow writers to produce original content that could be used wherever they felt was most useful. However, as the project progressed, I realized that the entire team had to be aware of a new design in order to support material reuse on the level that my customer needed.

Despite our best motives, we kept drawing from what we were more common with: design techniques. Unlike web-focused information strategies, an holistic information strategy doesn’t rely on WYSIWYG equipment for design and structure. Our inclination to approach the material model using our well-known design-system thinking consistently stifled our attention from one of the main objectives of a willing model: delivering content to audiences across multiple marketing channels.

Two fundamental tenets must be followed in order to create a successful information type

We needed to explain to our designers, developers, and stakeholders that we were doing something completely different from their previous internet projects, where everyone assumed that content would fit into layouts as visible building blocks. Because it made the layouts feel more recognizable, the previous approach was more intuitive, at first, at least initially. The team was able to know how a willing model differs from the design systems we were familiar with by discovering two principles:

Instead of design, content models may determine semantics.
Additionally, information that belongs together should be linked to material models.

Conceptual articles models

Type and attribute names for semantic material models are used to represent the content’s intended purpose and not its intended display. For instance, in a nonsemantic design, groups may produce varieties like teasers, press blocks, and cards. Although these types may make it simple to present information, they don’t aid in understanding the meaning of the information, which would have opened the door to the information presented in each advertising channel. In contrast, a semantic content model uses type names like “product,”” service,” and “testimonial” to allow for each delivery channel to interpret and use the content as it sees fit.

A great place to start when creating a semantic content model is by reviewing the types and properties that Schema has defined. org, a community-driven resource for type definitions that are intelligible to platforms like Google search.

A semantic content model has several benefits:

A semantic content model also gives you a competitive advantage. by including structured, schema-based data. org’s types and properties, a website can provide hints to help Google understand the content, display it in search snippets or knowledge panels, and use it to answer voice-interface user questions. Potential visitors could access your content without ever walking into your website.
Beyond those real-world advantages, you’ll also require a semantic content model if you want to deliver omnichannel content. Delivery channels must be able to comprehend the same content in order to use it across multiple marketing channels. For instance, if your content model provided a list of questions and answers, it could be used as a voice interface or by a bot to answer frequently asked questions ( FAQ ) pages.

For example, using a semantic content model for articles, events, people, and locations lets A List Apart provide cleanly structured data for search engines so that users can read the content on the website, in Google knowledge panels, and even with hypothetical voice interfaces in the future.

Content models that connect

Instead of slicing up related content across disparate content components, I’ve come to the realization that the best models are those that are semantic and also connect related content components ( such as a FAQ item’s question and answer pair ). A good content model connects pieces of content that ought to be preserved so that multiple delivery channels can use it without having to assemble those pieces first.

Write an essay or article about it. An article’s meaning and usefulness depends upon its parts being kept together. Without the full context of the article, would one of the headings or paragraphs have any relevance on their own? Our well-known design-system thinking on our project frequently led us to want to develop content models that would divide content into distinct chunks to fit the web-centric layout. This had a similar effect to an article that had its headline removed. Because we were dividing content into separate pieces based on layout, content that belonged together became challenging to manage and nearly impossible for multiple delivery channels to comprehend.

To illustrate, let’s look at how connecting related content applies in a real-world scenario. The client’s design team created a challenging layout for a software product page that included numerous tabs and sections. Our instincts were to follow the content model’s. Shouldn’t we make adding any number of tabs in the future as simple and as flexible as possible?

Because our design-system instincts were so well-known, it appeared that we needed a “tab section” content type so that multiple tab sections could be added to a page. Each tab section would display various kinds of information. One tab might provide the software’s overview or its specifications. Another tab might provide a list of resources.

Our tendency to divide the content model into “tab section” pieces would have resulted in a cumbersome editing process, as well as unnecessarily complex content that couldn’t have been digested by additional delivery channels. How would a different system have been able to determine which “tab section” referred to a product’s specifications or resource list, for instance? Would that system have had to have used tab sections and content blocks to calculate this? This would have prevented the tabs from ever being rearranged, and it would have required adding logic to each other delivery channel to interpret the layout of the design system. Additionally, it would have been difficult to migrate to a new content model in response to the new page redesign if the customer had decided against displaying this content in a tab layout.

We had a breakthrough when we discovered that our customer had a specific purpose in mind for each tab: it would reveal specific information such as the software product’s overview, specifications, related resources, and pricing. Our desire to concentrate on what was visually and historically significant had obscured the purpose of the designs once implementation began. With a little digging, it didn’t take long to realize that the concept of tabs wasn’t relevant to the content model. What was important was the meaning of the information that was intended to be displayed in the tabs.

In fact, the customer could have chosen to display this content elsewhere in a different manner, without tabs. In response to this realization, we created content types for the software product based on the meaningful attributes the client wanted to display on the web. There were obvious semantic attributes like name and description as well as rich attributes like screenshots, software requirements, and feature lists. The software’s product information stayed together because it wasn’t sliced across separate components like “tab sections” that were derived from the content’s presentation. Any delivery channel—including future ones—could understand and present this content.

Conclusion

In this omnichannel marketing project, we discovered that the best way to maintain the content model was to ensure that it was semantic ( with type and attribute names that reflected the content’s meaning ) and that it kept content together that belonged ( as opposed to separating it ). These two ideas made it easier for us to shape the content model based on the design. Remember: If you’re developing a content model to support an omnichannel content strategy, or even if you just want to make sure Google and other interfaces understand your content, remember:

A design system isn’t a content model. You should maintain the semantic value and contextual structure of the content strategy throughout the entire implementation process because team members might be tempted to combine them and to make your content model resemble your design system. This will enable each delivery channel to consume the content without the need for a magic decoder ring.
If your team is having trouble making this transition, Schema can still offer some of the advantages. org–based structured data in your website. The advantage of search engine optimization is a compelling argument on its own, even if additional delivery channels are not in the works.
Remind the team that separating the content model from the design will allow them to update the designs more quickly because they won’t be hindered by the cost of content migrations. They will be prepared for the upcoming big thing, and they will be able to create new designs without compromising compatibility between the design and the content.

By firmly defending these ideas, you’ll help your team view content as the most important component of your user experience and as the most effective way to engage with your audience.