Skip to main content
Enonic Enonic
eirik-hafver-ronjum

Atomic content design: interview with Eirik Hafver Rønjum

Vegard Ottervig on

Learning to love the loss of presentation control with Conteir’s Eirik Hafver Rønjum.

Atomic content design is a new content model principle where structured content is broken down into its smallest constituent parts—all while keeping metadata and meaningful content intact. In this way, the content can be reused in larger contexts, for instance being feeded into complex legal guidelines or health recommendations, based on the logic of their metadata.

Eirik Hafver Rønjum is CEO of Conteir, an agency specialising in digital content for health organisations. Together with Carel Skogstad he created the atomic content design model for the new digital experiences of the Norwegian Directorate of Health.

Being one of the principal sources behind the concept of atomic content design, we decided to ask Rønjum questions about the possibilities and challenges with the model, as well as the underlying principles.

Atomic content design is especially suited for headless:

Ebook: Everything you need to know about headless CMS

What is the main advantage of atomic content design?

First, “atomic content” is not an established term. It was something we started using when developing a content model for the Norwegian Directorate of Health. In order to achieve our goals of reusing and distributing content, we broke the content into as small pieces as possible. Having done that, we thought: is it better to start with the smallest bit, and then put these together into larger units? The answer was “yes,” and we were left with a principle that has existed for several years in another discipline: atomic design.

So what are the key benefits? Precisely; reuse and redistribution. In a world where we increasingly think of content as pre-presentation—that is, something which exists before the presentation, is independent of the presentation, and can appear in any relevant presentation—this is the only way to go!

Okay, this was very theoretical, so let me give you an example of what I mean by pre-presentation, from the domain we are working within—health: A medical recommendation can be part of a larger guideline for physicians. This recommendation can be presented as part of this guideline—in a printed encyclopedia or as part of a website. But it can also be presented as an independent reminder in your general practitioner’s electronic patient record—when it is relevant to provide you with the best possible treatment.

See also: What is Enonic Experience Cloud?

Atomic content design infobit info structure

What principles have you integrated into the term “atomic content design?”

As mentioned, the principle is to break down content into the smallest pieces of content that makes sense without context, i.e. content that is semantically standing on its own feet.

You can call this bit whatever you want, we have chosen to call it an “infobit” (or “info part”).

The infobit can be part of many different larger units, which we call “info structures.” A straightforward example: The dishes on a restaurant menu are infobits, while the menu is an info structure.

Of course, it is more complicated than this, and the content model has many principles. But if I should point out the most important thing, it is this: The infobits and the info structures.

What challenges made you consider the atomic content design model?

Hah, it’s simple: Implementing the model in an organisation. We humans relate to things we see and observe. Accepting an abstract model, like this one, is difficult. Seeing is believing. We need concrete evidence. That’s why we always tend to show examples with presentations, even though we have to think of the content regardless of presentation to succeed. Typical examples are the website, a professional system, and a mobile app.

Learn more: 6 reasons to choose Enonic as your hybrid CMS »

What potential disadvantages can an atomic content design model impose?

Honestly, no one! Or, as I said, the model is demanding to implement, because it is abstract.

We are still talking about “preview” and “control over the presentation of the content.” We must end this! Preview of what? You do not know where the content is displayed! Control? You have control over the content, but not the presentation. Learn to love it!

Other things we often encounter are memories of the bad times with “topic maps” and the so-called “semantic web.” I understand these objections, but they are based on an outdated technology understanding: What was impossible in 2010 is easy in 2020.

Photo: Conteir.no

Ebook: Everything you need to know about headless CMS

Frequently asked questions

What is atomic content design?

Atomic content design is a content model where structured contents have been broken down into their smallest constituent parts, ready to be reused in larger contexts.

Why do you need atomic content design?

The digital experiences of today and tomorrow are spread across a wide variety of channels and devices, putting a strain on content management. Atomic content is broken down into logical parts which can easily be reused headlessly across any channel.

How does atomic content design work?

The smallest semantic unit is an infobit, which contains both data and metadata. An info structure defines the combination of infobits into a greater whole—like a recipe, an instruction, or a procedure. An info structure may contain several other info structures and can be delivered headlessly to required channels.

Topics: 
atomic content design
content management