The precept of separating content material from its presentation is extra crucial than ever. So why is it so laborious to get buy-in for it?
This publish takes a deep take a look at the FUD (Worry, uncertainty, and doubt) surrounding separation. It’ll tackle why FUD is prevalent and why it’s misplaced:
- How content material and design separation is completely different as we speak from the way it was thought of prior to now
- Why instruments make it troublesome to separate content material from design
- The issues arising from design-defined content material
- The dodgy the explanation why visible enhancing instruments and DIY design are fashionable
- How separation promotes readability
- Why the that means of content material is impartial of its presentation
- Why content material’s that means is persistent
- How every kind of content material have gotten format free
- The issues for customers when counting on presentation to make clear content material
- Why dependence on presentation results in ambiguity for AI and assistive applied sciences
- The significance of supporting presentation adjustments that don’t require content material adjustments
- Why “{custom}” pages nonetheless want separation
- How content material meeting is completely different from content material presentation
- The 2 distinct sorts of meeting
- How content material meeting provides authors lacking management
- Why unhealthy implementations generate FUD about separation
- Why trapped content material will develop into the brand new fear
An idea’s lengthy journey towards acceptance
The precept of separating content material from its presentation is a strong and helpful concept that can be controversial and resisted by individuals in all roles.
Resistance comes not simply from writers accustomed to WYSIWYG editors. Builders can exaggerate the complexity of content-design separation or query its practicality. UX designers don’t at all times see its worth. Distributors additionally play on this concern and promote options that undermine implementing mature practices.
Even individuals who agree with the idea in precept typically abandon it when it looks like it’s an excessive amount of effort.
Why doesn’t the idea of separating presentation from content material get extra love if it’s actually helpful? The straightforward reply is that the idea is so radical and highly effective that it’s simple to misconceive. FUD units in and disrupts progress.
Separation issues now greater than ever. Discussions about separating content material from presentation have a protracted historical past. Why revisit this matter now?
Previous discussions, responding to adjustments taking place within the early 2000s, don’t account for the present adjustments reshaping as we speak’s digital ecosystems (e.g., the event of design programs, structured content material, and the shift to composable and headless architectures.) UX practices have lagged behind these adjustments, that are forcing groups to re-examine assumptions concerning the fundamentals of how consumer experiences are developed and applied.
What’s at stake is how we resolve to create what we talk:
- Does the content material of internet pages depend upon their format?
- Does an writer have to work round a predefined design or change the design to match their content material?
- Ought to the format alter to the content material?
The renewed relevance of an previous debate. The topicality of separating content material from its presentation has assumed renewed significance. Whereas beforehand debated points stay related, the context of the dialogue has shifted over time.
Separating presentation from content material is a long-established internet design precept. It has earned its personal Wikipedia entry and Wikidata identifier (Q3511030). The idea has a good older heritage as an extension of the precept of the “separation of issues” used to design programs.
20 years in the past, the W3C took a big, if incremental, step when it determined to jettison presentational tags (resembling daring and italic) in favor of semantic ones (like sturdy and emphasis). Regardless that presentational components weren’t fully abolished—underlining nonetheless exists–the choice signaled the expectation that presentation can be managed individually from content material.
Partisans debated the decision to separate content material from presentation as CSS started to displace presentational markup in HTML. For a lot of discussants, the talk was by no means about content material or presentation. It was about nothing greater than CSS.
However others seen the problem extra existentially and contested the desirability and feasibility of enthusiastic about content material individually from its presentation. Web sites continued to be designed with wireframes earlier than any content material was created. Builders crafted frontend frameworks composed of UI elements that usually outlined the content material offered on an internet site. It was laborious for some individuals to think about content material with out having the ability to “see” how it could be offered.
Individuals settled into their conclusions and routines.
These days, the fault strains between content material and presentation have been uncovered once more. Distributors have struggled (poorly, for my part) with the way to ship “visible enhancing” whereas concurrently supporting structured content material, which has loved a renaissance of curiosity. Distributors have been making an attempt to graft UI format elements (front-end) and content material blocks (back-end) right into a “common editor.” Some front-end frameworks flip each variable into a typical pool of JSON knowledge.
On the identical time, technical developments are erasing prior distinctions between how we distinguish content material, codecs, and shows. Computer systems are taking up many presentation selections. All types of media can now be generated from textual content.
These developments have prompted a reexamination of core ideas. Content material and design at the moment are ruled by separate programs (content material fashions and design programs) which have particular obligations. The content material expresses “what” info and messages comprise, whereas the design expresses “how” messages and data are offered, sometimes format and formatting, however not restricted to these dimensions.
Separating content material and presentation brings transparency. The idea that what you say and the way you say it are indivisible is an phantasm. They don’t seem to be bonded collectively in a hermetically sealed package deal, however are distinct concepts and targets.
That’s to not indicate what content material says and the way it’s stated are unrelated. Moderately, the truth is that every facet has impartial energy. The presentation could make trivial and even false particulars appear vital, and it might bury vital ones. Likewise, crucial info will be ignored by poor presentation.
The presentation does matter. However it’s a definite dimension from content material.
Content material adjustments are express. The details in content material typically change, and messages might have to adapt to audiences. However the presentation is far more implicit and contextual. Displays can change on a whim. Even when the content material stays constant, the presentation might change radically relying on the place and when it seems.
The viewers expertise is derived from each the content material and its presentation. It’s vital to know the contribution of every to that have.
Coping with separation anxiousness
Loss aversion is a strong motivation. As a result of our enthusiastic about conditions is anchored in how we habitually expertise them, it may be laborious to embrace a distinct expertise. What’s acquainted is reassuring; what’s novel is disruptive. When your baby is leaving for a week-long camp away from residence, she or he might have separation anxiousness. Equally, when your content material is separated from its design, it might really feel disorienting.
Content material professionals have develop into accustomed to enthusiastic about content material and presentation collectively. They anticipate to see what the content material will seem like and infrequently anticipate to alter that look as properly.
Instruments can lull us into believing content material and presentation are inseparable. Two interplay paradigms have formed authors’ expectations about how content material and presentation work together. Whereas very completely different, each indicate that content material ought to change based mostly on the presentation chosen.
The primary method is represented by WYSIWYG instruments, such because the web page builders in lots of CMSs, which permit authors to format textual content and graphics any means they please. This method encourages authors to regulate their content material and presentation concurrently.
The second method is represented by instruments that use design templates that information what content material to create. In conventional CMSs, the creation of the content material is guided by the way it will seem on a web page. A template defines what content material is required. The content material should adapt to the presentation outlined by the template.
When content material depends upon its presentation, the design decides the content material’s particulars. Quite a few on-line instruments promote the notion that the event of content material depends upon its format. The dramatic recognition of Figma in designing internet pages is an excessive instance. Writers play a junior function on UX groups, filling in phrases in a graphic design format. Whereas such instruments might promise the liberty of self-expression, they have an inclination to impose constraints on making adjustments to layouts.
However content material additionally wants to alter. Each time the content material adjustments however relies on a set presentation, it creates a battle. The presentation restricts what content material is allowed.
A significant motivation for separating content material and presentation is to make shows extra versatile and changeable. The separation of content material from presentation has expanded with the decoupling of frontend and backend programs. This decoupling permits content material to be offered in a number of methods and permits the presentation to alter rapidly.
Whereas the technical means to separate content material from presentation are established and rising, the capability of organizations to handle these dimensions stays immature. Some organizations keep away from confronting change and favor expediency over enchancment.
Separating issues about instruments from processes
Quite a few on-line enhancing instruments enable writers to alter fonts, resize pictures, align textual content, change spacing, change the variety of columns, and so forth. Many present extra superior format options, such because the positioning of headings, the colour of fonts, and whole colour and format themes.
“Visible enhancing” instruments are a Band-Support. Instruments that enable authors to alter each the content material and its look are fashionable, and CMS distributors maintain selling them. However a clumsy query arises: Why ought to an writer make selections a few web page’s format? The group they work for doubtless publishes 1000’s of internet pages. Shouldn’t all these pages have to comply with widespread presentation pointers reasonably than have particular person authors resolve how particular person pages seem? Isn’t the UX design staff alleged to be accountable for the presentation?
The will of authors to resolve the presentation is an previous theme. DIY internet design was as soon as prevalent in organizations, and its issues prompted the emergence of design programs to reign in such patchwork design.
When DIY internet design persists, it signifies a failure in a company’s UX processes.
Some authors need presentation choices out of necessity. They’re given a generic clean web page and are anticipated to trend it right into a significant expertise. They hope that they’ll do this by dragging and dropping widgets on a display. If efficient UX design have been actually really easy, thousands and thousands of UX designers can be out of labor.
Different instances, authors are attempting to override a inflexible and poorly designed format template that doesn’t help the presentation of the content material they’ve developed.
In each circumstances, the writer has been shortchanged by their UX design colleagues, who failed to offer them with a serviceable format for his or her content material.
Separating content material from presentation forces organizations to confront how properly they perceive their publishing necessities. When giant numbers of pages have to be custom-designed as a result of every is taken into account a “particular case,” that’s a sign that the group hasn’t deliberate its presentation adequately. Particular circumstances, by definition, are exceptions, not defaults. No group ought to really feel overwhelmed by the amount of {custom} internet pages it should design.
The aim of separation is to reinforce readability, not implement fashion. When the idea of separation first emerged with using CSS, it grew to become linked to the notion of styling. However to view the presentation as merely styling is a crude understanding of the precept.
Separation acknowledges that there is no such thing as a “one greatest means” to current content material. What’s greatest is contextual to the state of affairs and provisional till a more moderen presentation proves simpler. The identical underlying content material will be offered in a number of methods, which may shift how it’s perceived, understood, or consumed. The aim of separating content material and presentation is to permit a number of shows of the identical content material, a few of which will probably be higher and clearer than others.
Separation permits the content material to profit from iterative design enhancements. Presentation requirements evolve to mirror learnings about what works most successfully. Separation permits UI elements which are used throughout many content material objects, resembling heroes or alerts, to be examined and improved.
Sure, Virginia, content material remains to be significant with out presentation
Separation requires a shift in mindset and follow. Individuals might push again by proclaiming that it might’t be completed – that the notion is nonsensical, that it threatens the magic content material can provide.
A standard objection contends that content material can’t be stripped of its presentation and stay intelligible. This view holds that presentation is integral to the that means of content material, so it might’t be separated from the content material. In spite of everything, if presentation helps the that means of content material, then content material with out presentation have to be meaningless, proper?
To handle categorical objections like this, it’s essential to unpack beliefs about how experiences develop into significant. Doing so helps to clear the cobwebs of unexamined assumptions and spotlight the adjustments taking place in digital practices.
The that means of content material is impartial of its presentation. Whereas the presentation is important in conveying that means within the broadest sense (by stressing emphasis or salience), it doesn’t comply with that content material relies upon on a particular presentation.
Content material could also be tougher to know with out its presentation, however hardly ever is it contingent on its presentation to convey its that means as a result of that means the presentation materially adjustments the that means of the content material, which ought to by no means be the case. The presentation can change with out altering the that means of the content material.
The precept of independence has some radical implications:
- Authors should let go of preconceptions of how their content material will seem, both now or later. The content material’s look is topic to alter.
- The content material is impartial of the media it might seem in as properly.
But as a result of content material can exist in lots of types (media), it’s typically troublesome to tell apart what’s content material from what’s presentation.
Merely put, the content material represents the substance or essence of what’s offered. That essence must be outlined exactly and never be topic to variable interpretation. The substance doesn’t depend upon its context: It’ll stay the identical wherever it’s offered.
Content material’s that means is persistent, nevertheless or wherever it’s offered. The literal that means of content material is mounted by its encoding. Its presentation might affect its connotation however not its literal that means.
Communication–the power of various individuals to breed the identical message–depends upon distilling the essence of a message – its content material– from how it’s offered.
All through historical past, individuals have encoded the that means of content material through the use of standardized notations. These requirements enable individuals who have no idea each other to interpret the content material in a constant means.
The substance of content material is usually outlined as textual content, symbols, or structured knowledge of some kind that may be composed or compiled into numerous shows. As pc know-how continues to advance, it’s turning into simpler to interrupt down content material shows into constituent components and separate the content material from its presentation.
Writing began through the use of symbols to face for issues or ideas. Then, writing developed symbols for the sounds of phrases – utilizing letters, phonetic alphabets, and even shorthand symbols.
Later, individuals developed notation to characterize music and even dance. The symbols don’t should be visible. Braille can characterize letters or sounds.
As symbols develop into formalized, they develop into impartial of a particular presentation. At first, writing was handwritten, then engraved, and later typeset; with every step, the content material grew to become much less tied to its unique presentation.
Textual content is a surprisingly versatile technique to characterize content material that may be remodeled into shows in every kind of media. Even the richest content material media – the film – is constructed from a textual content script. AI has proven the chances of producing audio and video from textual content.
The pattern has developed to separate content material from its presentation. All types of content material will be extracted and separated from their shows, whereas shows in lots of codecs will be constructed from “uncooked” content material. For instance, an audio recording will be was a textual content transcript, and that textual content can be utilized to generate one other audio presentation that includes a distinct voice or perhaps a completely different language.
Maps have been traditionally thought of content material that was inseparable from its presentation. What worth is a map outdoors of its presentation? However maps as we speak are databases of structured content material that may be offered in a number of methods. The identical info will be offered as a avenue map or a satellite tv for pc picture or depend on textual content labels or icons, for instance. Maps are manifested by way of their presentation however usually are not outlined by any particular presentation.
Skeptics might object that sure sorts of content material at all times depend upon their presentation. If a presentation can solely be offered in a technique, then it’s content material. Presentation, by definition, implies that there’s multiple technique to current one thing. The presentation is just not mounted.
Photographs as media will be content material or shows, relying on their essence. The unique supply file of a photograph picture is content material, however subsequent cropping, edits and coverings of the picture are shows of the unique content material. The pattern in picture manipulation is towards non-destructive enhancing.
Even visible content material will be represented non-visually. Many content material creators imagine that visible content material has a set presentation and thus can’t be separated from the content material it represents. That assumption is being challenged in an increasing number of domains.
Take into account diagrams. Whereas diagrams are supposed to be visible, they don’t have to be represented visually. There are a number of approaches to representing diagrams as textual content, which may generate different visible renderings of the diagram. Neither the format of diagrams nor its presentation are mounted.
What about music? Since music depends on normal symbols positioned on a employees, it could appear to have a set presentation. However whereas sheet music is the preferred illustration of a music rating, it isn’t the one choice. Music scores may also be represented as textual content utilizing the ABC notation, which may generate a visible rating. Digital music compositions may also be represented utilizing the MIDI protocol, which will be manipulated to generate different shows of the composition.
Arithmetic is one other form of content material that’s typically offered visually however doesn’t not should be represented with a set presentation. Regardless that arithmetic makes use of broadly understood symbols, their presentation will be variable. Sure mathematical statements will be offered in multiple means. Arithmetic has developed two parallel markups: one for the content material and one for its presentation.
The presentation ought to add that means, not change that means. Presentation provides context to content material, which may improve its that means. The presentation helps outline the intent for the way readers will expertise the content material.
The identical content material ought to at all times imply the identical factor, nevertheless it’s offered. The one state of affairs the place a presentation will alter the intrinsic that means is that if it reinterprets the content material’s unique intent by altering the number of particulars — the method of context shifting. This will likely occur unintentionally when the content material is poorly developed. For instance, it might be doable {that a} much less detailed view of the content material provides a distinct impression than the views with full particulars. Or it might happen when the content material can help eventualities past what was initially envisioned, which shifts how the content material is known. As a result of these conditions are doable with decoupling, it’s crucial to develop content material that isn’t wedded to preconceptions of how it will likely be offered, since future shows can’t be recognized prematurely.
One motive machines (whether or not assistive know-how or AI bots) misread content material is that the content material is ambiguous, counting on contextual cues to elucidate what it’s meant to say. The W3C has warned of the reliance on visible construction to convey the that means of content material: “Whereas presentational options visually indicate construction — customers can decide headings, paragraphs, lists, and so on. from the formatting conventions used — these options don’t encode the construction unambiguously sufficient for assistive know-how to work together with the web page successfully.”
Presentation can’t repair ambiguity in content material. In case your content material depends upon the way it’s offered to be understood appropriately, then the content material itself is probably going ambiguous and inherently complicated. The function of presentation is to attach concepts which are intelligible on their very own, to not make unintelligible concepts by some means discernible by way of hand-waving.
Some manufacturers, sadly, publish fragments of content material whose that means is unintelligible with out seeing the context through which it seems. These practices have develop into extra prevalent in recent times, because the fetish of minimalism has been rationalized as selling simplicity and usefulness, even when it typically ends in the other impact. Readers are anticipated to guess the that means of a touch or icon based mostly on different content material offered elsewhere. These hidden meanings, whereas seemingly elegant, fail to tell the display reader consumer or go authorized compliance critiques for readability and the absence of potential misinterpretation. The ubiquity of unhealthy practices doesn’t legitimize them. Moderately, they show the necessity for content material to be express and clear impartial of its presentation.
Treating communication as a “content material design” package deal has resulted in quite a few examples of misleading design practices the place important info is suppressed. These examples are deceptive exactly as a result of the content material, by itself, doesn’t absolutely or candidly convey the data customers have to know to make an knowledgeable determination.

Illusions of management
How ought to selections be made about how content material seems? A person’s latitude to make selections concerning the presentation of content material is just not synonymous with the group’s capability to make these selections.
Some authors protest once they don’t have choices to alter the styling or format of their content material. They soar to the conclusion that the presentation can’t be modified and imagine that their enter is critical to resolve how the content material seems. In essence, they assume in the event that they don’t see an choice to alter the presentation, that choice doesn’t exist.
Regardless that authors usually are not accountable for the presentation, that doesn’t indicate that the presentation is mounted. Organizations can change the presentation each time they wish to. Organizations usually intention to have numerous content material they publish offered in a constant method as a result of such constantly promotes readability and understanding. They don’t wish to encourage the helter-skelter redesigns of particular person internet pages.
The presentation can change independently of the content material. The presentation is just not mounted and may change readily when the group decides to take action.
But, such adjustments usually are not the byproduct of content material adjustments. They’re separate selections. What which means is:
- Altering the content material doesn’t alter its presentation or format. For instance, an extended title received’t essentially shrink in font dimension to suit a set area.
- Altering the content material and altering the presentation usually are not concurrent actions as a result of separate programs handle them. If you wish to alter each the content material and the presentation, you could pivot between separate modes.
The second level raises a query: Might the identical particular person change each the content material and its presentation? In precept, sure. However in follow, the 2 sides are supposed to be ruled individually. Every has guidelines for what’s allowed and adjustments should conform to those guidelines. For instance, the content material can’t use nonstandard phrases or punctuation. Equally, the presentation can’t incorporate nonstandard colours or fonts.
The presentation is determined by guidelines that apply to a number of pages, not by particular person selections for particular pages. Some people deride guidelines for constricting their expression or stopping them from configuring their internet pages as they’d like. However guidelines aren’t stifling. They really simplify processes and broaden the scope of doable adjustments by enabling world adjustments. By having guidelines, organizations can change the content material in every single place on an internet site with out worrying that it’s going to break the design and pressure fixes to the presentation. They’ll additionally change the presentation globally with out worrying about needing to regulate present content material.
Singleton pages show the necessity for separation. Many objections to separation deal with singleton pages, that are one-off pages which have distinctive content material and require a particular format as a result of the character of the content material is not like content material elsewhere. An instance can be a webpage presenting a timeline. Whereas single pages appear to characterize a good correspondence between the content material and its presentation, the presentation and content material stay impartial of one another.
The error some individuals make is to confuse design cases with design variations. Even when solely a single web page has a novel format (one design occasion), that doesn’t indicate the presentation is mounted (that there can solely be one model of that occasion.) Another presentation might be developed and used.
As a result of the group might resolve to alter the design of a novel webpage later, it’s vital that the content material ought to lead the design, not comply with it.
Content material can be topic to alter, and shows have to be ready to “flex” to regulate to content material adjustments. The unique writer typically received’t management the content material over its lifespan. Authors change jobs, that means another person may revise the content material later.
With on-line content material, there’s no single writer. All on-line content material seems alongside different on-line content material that has been created by different people at completely different instances.
It’s essential to tell apart the content material context (what different content material is adjoining) from the context of its presentation (format, formatting, and different presentational selections).
This will get into content material meeting: How content material is layered into bigger experiences.
Content material meeting is just not presentation
Content material meeting is more and more vital as organizations transfer away from presentation-defined content material creation. Presentation-driven templated content material historically decided the content material’s meeting. As practices transfer away from utilizing templates to outline the content material, the function of meeting is turning into extra important, although it stays poorly understood. Builders typically confuse content material meeting and content material presentation, particularly if they’ve spent careers working with template-based CMSs.
As a result of templates beforehand dealt with meeting, some individuals mistakenly contemplate content material meeting as a part of content material presentation. However meeting is distinct from presentation. The context of the content material (the associated content material that seems collectively) is conceptually distinct from the presentation context (how these content material objects are offered.)
The format is detached, whereas the meeting is opinionated. The format is generic and agnostic about what content material seems in a slot. Content material meeting, against this, is restricted about which content material objects are conceptually linked.
Meeting determines which content material items will seem collectively – although not how they are going to seem.
When meeting is subsumed by content material presentation selections, the development of the content material is fragile and brittle.
Like Humpty Dumpty, after taking a fall, poorly assembled content material can’t be reassembled. It’s breakable and is unusable.
Fragile content material that may’t be reassembled sometimes has been outlined by its design.
If content material is assembled appropriately, there must be no “breaking adjustments.”
Not all content material meeting occurs the identical means. The largest barrier is how numerous individuals take into consideration content material meeting. They don’t make a distinction between two sorts of meeting:
- Intrinsic meeting, the place items have to be supplied collectively to make sense and, subsequently, must be preassembled throughout content material improvement
- Extrinsic meeting, the place variable combos might be probably supplied, is greatest outlined outdoors of the content material improvement course of.
Each the targets and course of for intrinsic and extrinsic meeting are completely different.
Intrinsic meeting connects content material that’s intrinsically associated in that means: The items collectively kind the bigger message. The content material is preassembled by way of two means:
- Linking (or referencing) objects
- Ordering objects (in lists or as arrays of things)
Intrinsic relationships are predefined: A goes with B, or A at all times precedes B. The items utilized in intrinsic meeting are usually damaged aside to help content material reuse or upkeep reasonably than help variability through which items are mixed. Embedding objects (pictures, for instance) inside one other content material merchandise is one other form of intrinsic meeting, albeit much less predefined than linking, for the reason that determination of whether or not to embed is non-compulsory.
Extrinsic meeting is used when the communication is extra contextual and situationally dependent. It typically attracts on content material variations which have been developed to handle extremely particular conditions the place the best mixture can’t be preassembled simply as a result of they contain too many eventualities.
Extrinsic meeting depends on predefining evaluative guidelines or creating directions that aren’t mounted. These guidelines outline which items and choose what attributes they need to have underneath particular circumstances. This sort of programmatic meeting is usually based mostly on contextual guidelines regarding processes.
Generally guidelines will be written right into a schema resembling JSON Schema when they’re persistent as if—then—else statements. In any other case, the foundations are written into code when matching particular variables and values. The principles or directions might be written in GraphQL, Javascript, or another programming language.
Authors have management over the meeting. As soon as organizations embrace true separation of content material from its presentation by making certain that presentation isn’t defining the meeting of content material, authors can regain management of vital selections.
With intrinsic meeting, authors can join content material items inside their editor. Ideally, the content material mannequin behind the scenes has already outlined relationships between numerous content material varieties, so the writer doesn’t want to determine which varieties belong collectively. As an alternative, they’ll deal with associating associated content material objects. If objects should seem in a particular order to make sense to customers, they’ll point out that.
Extrinsic meeting occurs outdoors the editor within the API layer. As a result of extrinsic meeting directions depend on code, builders have, till not too long ago, been those liable for defining extrinsic meeting. However prior to now few years, a brand new class of content material orchestration instruments has emerged that enables authors and different enterprise customers to outline guidelines for meeting content material while not having to depend on a developer.
Content material meeting provides energy to authors to resolve which content material items to ship to audiences.
By organising content material meeting appropriately and disentangling it from presentation, organizations take away widespread “it might’t be completed” objections.
Poor implementations are a barrier, not an excuse for FUD
Separating content material from its presentation has triggered resistance for a few years. Change administration case research educate that folks have issue altering habits and adopting new practices. It’s a lot simpler to stay with the acquainted, even when it isn’t fascinating in the long run.
But the crucial of implementing such a separation solely retains rising. Planning and managing internet pages whose content material and designs are tangled collectively is just not sustainable. And shifts in know-how, from composable programs to AI, require that content material be unencumbered by its formatting and presentation. Structure can’t sign what content material means if for no different motive than machines received’t see it.
Given the longstanding resistance to separation, one might surprise how the idea will ever achieve the traction essential to develop into the default follow in organizations.
The excellent news is that separation is a sound idea that gives a number of advantages. Worry, uncertainty, and doubt might conspire to cloud these advantages, however they don’t negate them. Separating content material from presentation is important to constructing and bettering upon prior content material and design work.
The largest barrier to the common adoption of content-presentation separation is poor implementation. Dangerous instruments, weak necessities, and immature data all contribute to poor implementations, which appear to validate the expectation that separation can’t be completed.
But poor implementations, whereas widespread, are hardly inevitable. Many organizations are shifting up the maturity ladder. They acknowledge that the stakes are too vital to disregard important transformation in UX practices. They’ll go away behind organizations that commingle their content material and presentation. The concern will shift to being left behind.
–Michael Andrews
The precept of separating content material from its presentation is extra crucial than ever. So why is it so laborious to get buy-in for it?
This publish takes a deep take a look at the FUD (Worry, uncertainty, and doubt) surrounding separation. It’ll tackle why FUD is prevalent and why it’s misplaced:
- How content material and design separation is completely different as we speak from the way it was thought of prior to now
- Why instruments make it troublesome to separate content material from design
- The issues arising from design-defined content material
- The dodgy the explanation why visible enhancing instruments and DIY design are fashionable
- How separation promotes readability
- Why the that means of content material is impartial of its presentation
- Why content material’s that means is persistent
- How every kind of content material have gotten format free
- The issues for customers when counting on presentation to make clear content material
- Why dependence on presentation results in ambiguity for AI and assistive applied sciences
- The significance of supporting presentation adjustments that don’t require content material adjustments
- Why “{custom}” pages nonetheless want separation
- How content material meeting is completely different from content material presentation
- The 2 distinct sorts of meeting
- How content material meeting provides authors lacking management
- Why unhealthy implementations generate FUD about separation
- Why trapped content material will develop into the brand new fear
An idea’s lengthy journey towards acceptance
The precept of separating content material from its presentation is a strong and helpful concept that can be controversial and resisted by individuals in all roles.
Resistance comes not simply from writers accustomed to WYSIWYG editors. Builders can exaggerate the complexity of content-design separation or query its practicality. UX designers don’t at all times see its worth. Distributors additionally play on this concern and promote options that undermine implementing mature practices.
Even individuals who agree with the idea in precept typically abandon it when it looks like it’s an excessive amount of effort.
Why doesn’t the idea of separating presentation from content material get extra love if it’s actually helpful? The straightforward reply is that the idea is so radical and highly effective that it’s simple to misconceive. FUD units in and disrupts progress.
Separation issues now greater than ever. Discussions about separating content material from presentation have a protracted historical past. Why revisit this matter now?
Previous discussions, responding to adjustments taking place within the early 2000s, don’t account for the present adjustments reshaping as we speak’s digital ecosystems (e.g., the event of design programs, structured content material, and the shift to composable and headless architectures.) UX practices have lagged behind these adjustments, that are forcing groups to re-examine assumptions concerning the fundamentals of how consumer experiences are developed and applied.
What’s at stake is how we resolve to create what we talk:
- Does the content material of internet pages depend upon their format?
- Does an writer have to work round a predefined design or change the design to match their content material?
- Ought to the format alter to the content material?
The renewed relevance of an previous debate. The topicality of separating content material from its presentation has assumed renewed significance. Whereas beforehand debated points stay related, the context of the dialogue has shifted over time.
Separating presentation from content material is a long-established internet design precept. It has earned its personal Wikipedia entry and Wikidata identifier (Q3511030). The idea has a good older heritage as an extension of the precept of the “separation of issues” used to design programs.
20 years in the past, the W3C took a big, if incremental, step when it determined to jettison presentational tags (resembling daring and italic) in favor of semantic ones (like sturdy and emphasis). Regardless that presentational components weren’t fully abolished—underlining nonetheless exists–the choice signaled the expectation that presentation can be managed individually from content material.
Partisans debated the decision to separate content material from presentation as CSS started to displace presentational markup in HTML. For a lot of discussants, the talk was by no means about content material or presentation. It was about nothing greater than CSS.
However others seen the problem extra existentially and contested the desirability and feasibility of enthusiastic about content material individually from its presentation. Web sites continued to be designed with wireframes earlier than any content material was created. Builders crafted frontend frameworks composed of UI elements that usually outlined the content material offered on an internet site. It was laborious for some individuals to think about content material with out having the ability to “see” how it could be offered.
Individuals settled into their conclusions and routines.
These days, the fault strains between content material and presentation have been uncovered once more. Distributors have struggled (poorly, for my part) with the way to ship “visible enhancing” whereas concurrently supporting structured content material, which has loved a renaissance of curiosity. Distributors have been making an attempt to graft UI format elements (front-end) and content material blocks (back-end) right into a “common editor.” Some front-end frameworks flip each variable into a typical pool of JSON knowledge.
On the identical time, technical developments are erasing prior distinctions between how we distinguish content material, codecs, and shows. Computer systems are taking up many presentation selections. All types of media can now be generated from textual content.
These developments have prompted a reexamination of core ideas. Content material and design at the moment are ruled by separate programs (content material fashions and design programs) which have particular obligations. The content material expresses “what” info and messages comprise, whereas the design expresses “how” messages and data are offered, sometimes format and formatting, however not restricted to these dimensions.
Separating content material and presentation brings transparency. The idea that what you say and the way you say it are indivisible is an phantasm. They don’t seem to be bonded collectively in a hermetically sealed package deal, however are distinct concepts and targets.
That’s to not indicate what content material says and the way it’s stated are unrelated. Moderately, the truth is that every facet has impartial energy. The presentation could make trivial and even false particulars appear vital, and it might bury vital ones. Likewise, crucial info will be ignored by poor presentation.
The presentation does matter. However it’s a definite dimension from content material.
Content material adjustments are express. The details in content material typically change, and messages might have to adapt to audiences. However the presentation is far more implicit and contextual. Displays can change on a whim. Even when the content material stays constant, the presentation might change radically relying on the place and when it seems.
The viewers expertise is derived from each the content material and its presentation. It’s vital to know the contribution of every to that have.
Coping with separation anxiousness
Loss aversion is a strong motivation. As a result of our enthusiastic about conditions is anchored in how we habitually expertise them, it may be laborious to embrace a distinct expertise. What’s acquainted is reassuring; what’s novel is disruptive. When your baby is leaving for a week-long camp away from residence, she or he might have separation anxiousness. Equally, when your content material is separated from its design, it might really feel disorienting.
Content material professionals have develop into accustomed to enthusiastic about content material and presentation collectively. They anticipate to see what the content material will seem like and infrequently anticipate to alter that look as properly.
Instruments can lull us into believing content material and presentation are inseparable. Two interplay paradigms have formed authors’ expectations about how content material and presentation work together. Whereas very completely different, each indicate that content material ought to change based mostly on the presentation chosen.
The primary method is represented by WYSIWYG instruments, such because the web page builders in lots of CMSs, which permit authors to format textual content and graphics any means they please. This method encourages authors to regulate their content material and presentation concurrently.
The second method is represented by instruments that use design templates that information what content material to create. In conventional CMSs, the creation of the content material is guided by the way it will seem on a web page. A template defines what content material is required. The content material should adapt to the presentation outlined by the template.
When content material depends upon its presentation, the design decides the content material’s particulars. Quite a few on-line instruments promote the notion that the event of content material depends upon its format. The dramatic recognition of Figma in designing internet pages is an excessive instance. Writers play a junior function on UX groups, filling in phrases in a graphic design format. Whereas such instruments might promise the liberty of self-expression, they have an inclination to impose constraints on making adjustments to layouts.
However content material additionally wants to alter. Each time the content material adjustments however relies on a set presentation, it creates a battle. The presentation restricts what content material is allowed.
A significant motivation for separating content material and presentation is to make shows extra versatile and changeable. The separation of content material from presentation has expanded with the decoupling of frontend and backend programs. This decoupling permits content material to be offered in a number of methods and permits the presentation to alter rapidly.
Whereas the technical means to separate content material from presentation are established and rising, the capability of organizations to handle these dimensions stays immature. Some organizations keep away from confronting change and favor expediency over enchancment.
Separating issues about instruments from processes
Quite a few on-line enhancing instruments enable writers to alter fonts, resize pictures, align textual content, change spacing, change the variety of columns, and so forth. Many present extra superior format options, such because the positioning of headings, the colour of fonts, and whole colour and format themes.
“Visible enhancing” instruments are a Band-Support. Instruments that enable authors to alter each the content material and its look are fashionable, and CMS distributors maintain selling them. However a clumsy query arises: Why ought to an writer make selections a few web page’s format? The group they work for doubtless publishes 1000’s of internet pages. Shouldn’t all these pages have to comply with widespread presentation pointers reasonably than have particular person authors resolve how particular person pages seem? Isn’t the UX design staff alleged to be accountable for the presentation?
The will of authors to resolve the presentation is an previous theme. DIY internet design was as soon as prevalent in organizations, and its issues prompted the emergence of design programs to reign in such patchwork design.
When DIY internet design persists, it signifies a failure in a company’s UX processes.
Some authors need presentation choices out of necessity. They’re given a generic clean web page and are anticipated to trend it right into a significant expertise. They hope that they’ll do this by dragging and dropping widgets on a display. If efficient UX design have been actually really easy, thousands and thousands of UX designers can be out of labor.
Different instances, authors are attempting to override a inflexible and poorly designed format template that doesn’t help the presentation of the content material they’ve developed.
In each circumstances, the writer has been shortchanged by their UX design colleagues, who failed to offer them with a serviceable format for his or her content material.
Separating content material from presentation forces organizations to confront how properly they perceive their publishing necessities. When giant numbers of pages have to be custom-designed as a result of every is taken into account a “particular case,” that’s a sign that the group hasn’t deliberate its presentation adequately. Particular circumstances, by definition, are exceptions, not defaults. No group ought to really feel overwhelmed by the amount of {custom} internet pages it should design.
The aim of separation is to reinforce readability, not implement fashion. When the idea of separation first emerged with using CSS, it grew to become linked to the notion of styling. However to view the presentation as merely styling is a crude understanding of the precept.
Separation acknowledges that there is no such thing as a “one greatest means” to current content material. What’s greatest is contextual to the state of affairs and provisional till a more moderen presentation proves simpler. The identical underlying content material will be offered in a number of methods, which may shift how it’s perceived, understood, or consumed. The aim of separating content material and presentation is to permit a number of shows of the identical content material, a few of which will probably be higher and clearer than others.
Separation permits the content material to profit from iterative design enhancements. Presentation requirements evolve to mirror learnings about what works most successfully. Separation permits UI elements which are used throughout many content material objects, resembling heroes or alerts, to be examined and improved.
Sure, Virginia, content material remains to be significant with out presentation
Separation requires a shift in mindset and follow. Individuals might push again by proclaiming that it might’t be completed – that the notion is nonsensical, that it threatens the magic content material can provide.
A standard objection contends that content material can’t be stripped of its presentation and stay intelligible. This view holds that presentation is integral to the that means of content material, so it might’t be separated from the content material. In spite of everything, if presentation helps the that means of content material, then content material with out presentation have to be meaningless, proper?
To handle categorical objections like this, it’s essential to unpack beliefs about how experiences develop into significant. Doing so helps to clear the cobwebs of unexamined assumptions and spotlight the adjustments taking place in digital practices.
The that means of content material is impartial of its presentation. Whereas the presentation is important in conveying that means within the broadest sense (by stressing emphasis or salience), it doesn’t comply with that content material relies upon on a particular presentation.
Content material could also be tougher to know with out its presentation, however hardly ever is it contingent on its presentation to convey its that means as a result of that means the presentation materially adjustments the that means of the content material, which ought to by no means be the case. The presentation can change with out altering the that means of the content material.
The precept of independence has some radical implications:
- Authors should let go of preconceptions of how their content material will seem, both now or later. The content material’s look is topic to alter.
- The content material is impartial of the media it might seem in as properly.
But as a result of content material can exist in lots of types (media), it’s typically troublesome to tell apart what’s content material from what’s presentation.
Merely put, the content material represents the substance or essence of what’s offered. That essence must be outlined exactly and never be topic to variable interpretation. The substance doesn’t depend upon its context: It’ll stay the identical wherever it’s offered.
Content material’s that means is persistent, nevertheless or wherever it’s offered. The literal that means of content material is mounted by its encoding. Its presentation might affect its connotation however not its literal that means.
Communication–the power of various individuals to breed the identical message–depends upon distilling the essence of a message – its content material– from how it’s offered.
All through historical past, individuals have encoded the that means of content material through the use of standardized notations. These requirements enable individuals who have no idea each other to interpret the content material in a constant means.
The substance of content material is usually outlined as textual content, symbols, or structured knowledge of some kind that may be composed or compiled into numerous shows. As pc know-how continues to advance, it’s turning into simpler to interrupt down content material shows into constituent components and separate the content material from its presentation.
Writing began through the use of symbols to face for issues or ideas. Then, writing developed symbols for the sounds of phrases – utilizing letters, phonetic alphabets, and even shorthand symbols.
Later, individuals developed notation to characterize music and even dance. The symbols don’t should be visible. Braille can characterize letters or sounds.
As symbols develop into formalized, they develop into impartial of a particular presentation. At first, writing was handwritten, then engraved, and later typeset; with every step, the content material grew to become much less tied to its unique presentation.
Textual content is a surprisingly versatile technique to characterize content material that may be remodeled into shows in every kind of media. Even the richest content material media – the film – is constructed from a textual content script. AI has proven the chances of producing audio and video from textual content.
The pattern has developed to separate content material from its presentation. All types of content material will be extracted and separated from their shows, whereas shows in lots of codecs will be constructed from “uncooked” content material. For instance, an audio recording will be was a textual content transcript, and that textual content can be utilized to generate one other audio presentation that includes a distinct voice or perhaps a completely different language.
Maps have been traditionally thought of content material that was inseparable from its presentation. What worth is a map outdoors of its presentation? However maps as we speak are databases of structured content material that may be offered in a number of methods. The identical info will be offered as a avenue map or a satellite tv for pc picture or depend on textual content labels or icons, for instance. Maps are manifested by way of their presentation however usually are not outlined by any particular presentation.
Skeptics might object that sure sorts of content material at all times depend upon their presentation. If a presentation can solely be offered in a technique, then it’s content material. Presentation, by definition, implies that there’s multiple technique to current one thing. The presentation is just not mounted.
Photographs as media will be content material or shows, relying on their essence. The unique supply file of a photograph picture is content material, however subsequent cropping, edits and coverings of the picture are shows of the unique content material. The pattern in picture manipulation is towards non-destructive enhancing.
Even visible content material will be represented non-visually. Many content material creators imagine that visible content material has a set presentation and thus can’t be separated from the content material it represents. That assumption is being challenged in an increasing number of domains.
Take into account diagrams. Whereas diagrams are supposed to be visible, they don’t have to be represented visually. There are a number of approaches to representing diagrams as textual content, which may generate different visible renderings of the diagram. Neither the format of diagrams nor its presentation are mounted.
What about music? Since music depends on normal symbols positioned on a employees, it could appear to have a set presentation. However whereas sheet music is the preferred illustration of a music rating, it isn’t the one choice. Music scores may also be represented as textual content utilizing the ABC notation, which may generate a visible rating. Digital music compositions may also be represented utilizing the MIDI protocol, which will be manipulated to generate different shows of the composition.
Arithmetic is one other form of content material that’s typically offered visually however doesn’t not should be represented with a set presentation. Regardless that arithmetic makes use of broadly understood symbols, their presentation will be variable. Sure mathematical statements will be offered in multiple means. Arithmetic has developed two parallel markups: one for the content material and one for its presentation.
The presentation ought to add that means, not change that means. Presentation provides context to content material, which may improve its that means. The presentation helps outline the intent for the way readers will expertise the content material.
The identical content material ought to at all times imply the identical factor, nevertheless it’s offered. The one state of affairs the place a presentation will alter the intrinsic that means is that if it reinterprets the content material’s unique intent by altering the number of particulars — the method of context shifting. This will likely occur unintentionally when the content material is poorly developed. For instance, it might be doable {that a} much less detailed view of the content material provides a distinct impression than the views with full particulars. Or it might happen when the content material can help eventualities past what was initially envisioned, which shifts how the content material is known. As a result of these conditions are doable with decoupling, it’s crucial to develop content material that isn’t wedded to preconceptions of how it will likely be offered, since future shows can’t be recognized prematurely.
One motive machines (whether or not assistive know-how or AI bots) misread content material is that the content material is ambiguous, counting on contextual cues to elucidate what it’s meant to say. The W3C has warned of the reliance on visible construction to convey the that means of content material: “Whereas presentational options visually indicate construction — customers can decide headings, paragraphs, lists, and so on. from the formatting conventions used — these options don’t encode the construction unambiguously sufficient for assistive know-how to work together with the web page successfully.”
Presentation can’t repair ambiguity in content material. In case your content material depends upon the way it’s offered to be understood appropriately, then the content material itself is probably going ambiguous and inherently complicated. The function of presentation is to attach concepts which are intelligible on their very own, to not make unintelligible concepts by some means discernible by way of hand-waving.
Some manufacturers, sadly, publish fragments of content material whose that means is unintelligible with out seeing the context through which it seems. These practices have develop into extra prevalent in recent times, because the fetish of minimalism has been rationalized as selling simplicity and usefulness, even when it typically ends in the other impact. Readers are anticipated to guess the that means of a touch or icon based mostly on different content material offered elsewhere. These hidden meanings, whereas seemingly elegant, fail to tell the display reader consumer or go authorized compliance critiques for readability and the absence of potential misinterpretation. The ubiquity of unhealthy practices doesn’t legitimize them. Moderately, they show the necessity for content material to be express and clear impartial of its presentation.
Treating communication as a “content material design” package deal has resulted in quite a few examples of misleading design practices the place important info is suppressed. These examples are deceptive exactly as a result of the content material, by itself, doesn’t absolutely or candidly convey the data customers have to know to make an knowledgeable determination.

Illusions of management
How ought to selections be made about how content material seems? A person’s latitude to make selections concerning the presentation of content material is just not synonymous with the group’s capability to make these selections.
Some authors protest once they don’t have choices to alter the styling or format of their content material. They soar to the conclusion that the presentation can’t be modified and imagine that their enter is critical to resolve how the content material seems. In essence, they assume in the event that they don’t see an choice to alter the presentation, that choice doesn’t exist.
Regardless that authors usually are not accountable for the presentation, that doesn’t indicate that the presentation is mounted. Organizations can change the presentation each time they wish to. Organizations usually intention to have numerous content material they publish offered in a constant method as a result of such constantly promotes readability and understanding. They don’t wish to encourage the helter-skelter redesigns of particular person internet pages.
The presentation can change independently of the content material. The presentation is just not mounted and may change readily when the group decides to take action.
But, such adjustments usually are not the byproduct of content material adjustments. They’re separate selections. What which means is:
- Altering the content material doesn’t alter its presentation or format. For instance, an extended title received’t essentially shrink in font dimension to suit a set area.
- Altering the content material and altering the presentation usually are not concurrent actions as a result of separate programs handle them. If you wish to alter each the content material and the presentation, you could pivot between separate modes.
The second level raises a query: Might the identical particular person change each the content material and its presentation? In precept, sure. However in follow, the 2 sides are supposed to be ruled individually. Every has guidelines for what’s allowed and adjustments should conform to those guidelines. For instance, the content material can’t use nonstandard phrases or punctuation. Equally, the presentation can’t incorporate nonstandard colours or fonts.
The presentation is determined by guidelines that apply to a number of pages, not by particular person selections for particular pages. Some people deride guidelines for constricting their expression or stopping them from configuring their internet pages as they’d like. However guidelines aren’t stifling. They really simplify processes and broaden the scope of doable adjustments by enabling world adjustments. By having guidelines, organizations can change the content material in every single place on an internet site with out worrying that it’s going to break the design and pressure fixes to the presentation. They’ll additionally change the presentation globally with out worrying about needing to regulate present content material.
Singleton pages show the necessity for separation. Many objections to separation deal with singleton pages, that are one-off pages which have distinctive content material and require a particular format as a result of the character of the content material is not like content material elsewhere. An instance can be a webpage presenting a timeline. Whereas single pages appear to characterize a good correspondence between the content material and its presentation, the presentation and content material stay impartial of one another.
The error some individuals make is to confuse design cases with design variations. Even when solely a single web page has a novel format (one design occasion), that doesn’t indicate the presentation is mounted (that there can solely be one model of that occasion.) Another presentation might be developed and used.
As a result of the group might resolve to alter the design of a novel webpage later, it’s vital that the content material ought to lead the design, not comply with it.
Content material can be topic to alter, and shows have to be ready to “flex” to regulate to content material adjustments. The unique writer typically received’t management the content material over its lifespan. Authors change jobs, that means another person may revise the content material later.
With on-line content material, there’s no single writer. All on-line content material seems alongside different on-line content material that has been created by different people at completely different instances.
It’s essential to tell apart the content material context (what different content material is adjoining) from the context of its presentation (format, formatting, and different presentational selections).
This will get into content material meeting: How content material is layered into bigger experiences.
Content material meeting is just not presentation
Content material meeting is more and more vital as organizations transfer away from presentation-defined content material creation. Presentation-driven templated content material historically decided the content material’s meeting. As practices transfer away from utilizing templates to outline the content material, the function of meeting is turning into extra important, although it stays poorly understood. Builders typically confuse content material meeting and content material presentation, particularly if they’ve spent careers working with template-based CMSs.
As a result of templates beforehand dealt with meeting, some individuals mistakenly contemplate content material meeting as a part of content material presentation. However meeting is distinct from presentation. The context of the content material (the associated content material that seems collectively) is conceptually distinct from the presentation context (how these content material objects are offered.)
The format is detached, whereas the meeting is opinionated. The format is generic and agnostic about what content material seems in a slot. Content material meeting, against this, is restricted about which content material objects are conceptually linked.
Meeting determines which content material items will seem collectively – although not how they are going to seem.
When meeting is subsumed by content material presentation selections, the development of the content material is fragile and brittle.
Like Humpty Dumpty, after taking a fall, poorly assembled content material can’t be reassembled. It’s breakable and is unusable.
Fragile content material that may’t be reassembled sometimes has been outlined by its design.
If content material is assembled appropriately, there must be no “breaking adjustments.”
Not all content material meeting occurs the identical means. The largest barrier is how numerous individuals take into consideration content material meeting. They don’t make a distinction between two sorts of meeting:
- Intrinsic meeting, the place items have to be supplied collectively to make sense and, subsequently, must be preassembled throughout content material improvement
- Extrinsic meeting, the place variable combos might be probably supplied, is greatest outlined outdoors of the content material improvement course of.
Each the targets and course of for intrinsic and extrinsic meeting are completely different.
Intrinsic meeting connects content material that’s intrinsically associated in that means: The items collectively kind the bigger message. The content material is preassembled by way of two means:
- Linking (or referencing) objects
- Ordering objects (in lists or as arrays of things)
Intrinsic relationships are predefined: A goes with B, or A at all times precedes B. The items utilized in intrinsic meeting are usually damaged aside to help content material reuse or upkeep reasonably than help variability through which items are mixed. Embedding objects (pictures, for instance) inside one other content material merchandise is one other form of intrinsic meeting, albeit much less predefined than linking, for the reason that determination of whether or not to embed is non-compulsory.
Extrinsic meeting is used when the communication is extra contextual and situationally dependent. It typically attracts on content material variations which have been developed to handle extremely particular conditions the place the best mixture can’t be preassembled simply as a result of they contain too many eventualities.
Extrinsic meeting depends on predefining evaluative guidelines or creating directions that aren’t mounted. These guidelines outline which items and choose what attributes they need to have underneath particular circumstances. This sort of programmatic meeting is usually based mostly on contextual guidelines regarding processes.
Generally guidelines will be written right into a schema resembling JSON Schema when they’re persistent as if—then—else statements. In any other case, the foundations are written into code when matching particular variables and values. The principles or directions might be written in GraphQL, Javascript, or another programming language.
Authors have management over the meeting. As soon as organizations embrace true separation of content material from its presentation by making certain that presentation isn’t defining the meeting of content material, authors can regain management of vital selections.
With intrinsic meeting, authors can join content material items inside their editor. Ideally, the content material mannequin behind the scenes has already outlined relationships between numerous content material varieties, so the writer doesn’t want to determine which varieties belong collectively. As an alternative, they’ll deal with associating associated content material objects. If objects should seem in a particular order to make sense to customers, they’ll point out that.
Extrinsic meeting occurs outdoors the editor within the API layer. As a result of extrinsic meeting directions depend on code, builders have, till not too long ago, been those liable for defining extrinsic meeting. However prior to now few years, a brand new class of content material orchestration instruments has emerged that enables authors and different enterprise customers to outline guidelines for meeting content material while not having to depend on a developer.
Content material meeting provides energy to authors to resolve which content material items to ship to audiences.
By organising content material meeting appropriately and disentangling it from presentation, organizations take away widespread “it might’t be completed” objections.
Poor implementations are a barrier, not an excuse for FUD
Separating content material from its presentation has triggered resistance for a few years. Change administration case research educate that folks have issue altering habits and adopting new practices. It’s a lot simpler to stay with the acquainted, even when it isn’t fascinating in the long run.
But the crucial of implementing such a separation solely retains rising. Planning and managing internet pages whose content material and designs are tangled collectively is just not sustainable. And shifts in know-how, from composable programs to AI, require that content material be unencumbered by its formatting and presentation. Structure can’t sign what content material means if for no different motive than machines received’t see it.
Given the longstanding resistance to separation, one might surprise how the idea will ever achieve the traction essential to develop into the default follow in organizations.
The excellent news is that separation is a sound idea that gives a number of advantages. Worry, uncertainty, and doubt might conspire to cloud these advantages, however they don’t negate them. Separating content material from presentation is important to constructing and bettering upon prior content material and design work.
The largest barrier to the common adoption of content-presentation separation is poor implementation. Dangerous instruments, weak necessities, and immature data all contribute to poor implementations, which appear to validate the expectation that separation can’t be completed.
But poor implementations, whereas widespread, are hardly inevitable. Many organizations are shifting up the maturity ladder. They acknowledge that the stakes are too vital to disregard important transformation in UX practices. They’ll go away behind organizations that commingle their content material and presentation. The concern will shift to being left behind.
–Michael Andrews
The precept of separating content material from its presentation is extra crucial than ever. So why is it so laborious to get buy-in for it?
This publish takes a deep take a look at the FUD (Worry, uncertainty, and doubt) surrounding separation. It’ll tackle why FUD is prevalent and why it’s misplaced:
- How content material and design separation is completely different as we speak from the way it was thought of prior to now
- Why instruments make it troublesome to separate content material from design
- The issues arising from design-defined content material
- The dodgy the explanation why visible enhancing instruments and DIY design are fashionable
- How separation promotes readability
- Why the that means of content material is impartial of its presentation
- Why content material’s that means is persistent
- How every kind of content material have gotten format free
- The issues for customers when counting on presentation to make clear content material
- Why dependence on presentation results in ambiguity for AI and assistive applied sciences
- The significance of supporting presentation adjustments that don’t require content material adjustments
- Why “{custom}” pages nonetheless want separation
- How content material meeting is completely different from content material presentation
- The 2 distinct sorts of meeting
- How content material meeting provides authors lacking management
- Why unhealthy implementations generate FUD about separation
- Why trapped content material will develop into the brand new fear
An idea’s lengthy journey towards acceptance
The precept of separating content material from its presentation is a strong and helpful concept that can be controversial and resisted by individuals in all roles.
Resistance comes not simply from writers accustomed to WYSIWYG editors. Builders can exaggerate the complexity of content-design separation or query its practicality. UX designers don’t at all times see its worth. Distributors additionally play on this concern and promote options that undermine implementing mature practices.
Even individuals who agree with the idea in precept typically abandon it when it looks like it’s an excessive amount of effort.
Why doesn’t the idea of separating presentation from content material get extra love if it’s actually helpful? The straightforward reply is that the idea is so radical and highly effective that it’s simple to misconceive. FUD units in and disrupts progress.
Separation issues now greater than ever. Discussions about separating content material from presentation have a protracted historical past. Why revisit this matter now?
Previous discussions, responding to adjustments taking place within the early 2000s, don’t account for the present adjustments reshaping as we speak’s digital ecosystems (e.g., the event of design programs, structured content material, and the shift to composable and headless architectures.) UX practices have lagged behind these adjustments, that are forcing groups to re-examine assumptions concerning the fundamentals of how consumer experiences are developed and applied.
What’s at stake is how we resolve to create what we talk:
- Does the content material of internet pages depend upon their format?
- Does an writer have to work round a predefined design or change the design to match their content material?
- Ought to the format alter to the content material?
The renewed relevance of an previous debate. The topicality of separating content material from its presentation has assumed renewed significance. Whereas beforehand debated points stay related, the context of the dialogue has shifted over time.
Separating presentation from content material is a long-established internet design precept. It has earned its personal Wikipedia entry and Wikidata identifier (Q3511030). The idea has a good older heritage as an extension of the precept of the “separation of issues” used to design programs.
20 years in the past, the W3C took a big, if incremental, step when it determined to jettison presentational tags (resembling daring and italic) in favor of semantic ones (like sturdy and emphasis). Regardless that presentational components weren’t fully abolished—underlining nonetheless exists–the choice signaled the expectation that presentation can be managed individually from content material.
Partisans debated the decision to separate content material from presentation as CSS started to displace presentational markup in HTML. For a lot of discussants, the talk was by no means about content material or presentation. It was about nothing greater than CSS.
However others seen the problem extra existentially and contested the desirability and feasibility of enthusiastic about content material individually from its presentation. Web sites continued to be designed with wireframes earlier than any content material was created. Builders crafted frontend frameworks composed of UI elements that usually outlined the content material offered on an internet site. It was laborious for some individuals to think about content material with out having the ability to “see” how it could be offered.
Individuals settled into their conclusions and routines.
These days, the fault strains between content material and presentation have been uncovered once more. Distributors have struggled (poorly, for my part) with the way to ship “visible enhancing” whereas concurrently supporting structured content material, which has loved a renaissance of curiosity. Distributors have been making an attempt to graft UI format elements (front-end) and content material blocks (back-end) right into a “common editor.” Some front-end frameworks flip each variable into a typical pool of JSON knowledge.
On the identical time, technical developments are erasing prior distinctions between how we distinguish content material, codecs, and shows. Computer systems are taking up many presentation selections. All types of media can now be generated from textual content.
These developments have prompted a reexamination of core ideas. Content material and design at the moment are ruled by separate programs (content material fashions and design programs) which have particular obligations. The content material expresses “what” info and messages comprise, whereas the design expresses “how” messages and data are offered, sometimes format and formatting, however not restricted to these dimensions.
Separating content material and presentation brings transparency. The idea that what you say and the way you say it are indivisible is an phantasm. They don’t seem to be bonded collectively in a hermetically sealed package deal, however are distinct concepts and targets.
That’s to not indicate what content material says and the way it’s stated are unrelated. Moderately, the truth is that every facet has impartial energy. The presentation could make trivial and even false particulars appear vital, and it might bury vital ones. Likewise, crucial info will be ignored by poor presentation.
The presentation does matter. However it’s a definite dimension from content material.
Content material adjustments are express. The details in content material typically change, and messages might have to adapt to audiences. However the presentation is far more implicit and contextual. Displays can change on a whim. Even when the content material stays constant, the presentation might change radically relying on the place and when it seems.
The viewers expertise is derived from each the content material and its presentation. It’s vital to know the contribution of every to that have.
Coping with separation anxiousness
Loss aversion is a strong motivation. As a result of our enthusiastic about conditions is anchored in how we habitually expertise them, it may be laborious to embrace a distinct expertise. What’s acquainted is reassuring; what’s novel is disruptive. When your baby is leaving for a week-long camp away from residence, she or he might have separation anxiousness. Equally, when your content material is separated from its design, it might really feel disorienting.
Content material professionals have develop into accustomed to enthusiastic about content material and presentation collectively. They anticipate to see what the content material will seem like and infrequently anticipate to alter that look as properly.
Instruments can lull us into believing content material and presentation are inseparable. Two interplay paradigms have formed authors’ expectations about how content material and presentation work together. Whereas very completely different, each indicate that content material ought to change based mostly on the presentation chosen.
The primary method is represented by WYSIWYG instruments, such because the web page builders in lots of CMSs, which permit authors to format textual content and graphics any means they please. This method encourages authors to regulate their content material and presentation concurrently.
The second method is represented by instruments that use design templates that information what content material to create. In conventional CMSs, the creation of the content material is guided by the way it will seem on a web page. A template defines what content material is required. The content material should adapt to the presentation outlined by the template.
When content material depends upon its presentation, the design decides the content material’s particulars. Quite a few on-line instruments promote the notion that the event of content material depends upon its format. The dramatic recognition of Figma in designing internet pages is an excessive instance. Writers play a junior function on UX groups, filling in phrases in a graphic design format. Whereas such instruments might promise the liberty of self-expression, they have an inclination to impose constraints on making adjustments to layouts.
However content material additionally wants to alter. Each time the content material adjustments however relies on a set presentation, it creates a battle. The presentation restricts what content material is allowed.
A significant motivation for separating content material and presentation is to make shows extra versatile and changeable. The separation of content material from presentation has expanded with the decoupling of frontend and backend programs. This decoupling permits content material to be offered in a number of methods and permits the presentation to alter rapidly.
Whereas the technical means to separate content material from presentation are established and rising, the capability of organizations to handle these dimensions stays immature. Some organizations keep away from confronting change and favor expediency over enchancment.
Separating issues about instruments from processes
Quite a few on-line enhancing instruments enable writers to alter fonts, resize pictures, align textual content, change spacing, change the variety of columns, and so forth. Many present extra superior format options, such because the positioning of headings, the colour of fonts, and whole colour and format themes.
“Visible enhancing” instruments are a Band-Support. Instruments that enable authors to alter each the content material and its look are fashionable, and CMS distributors maintain selling them. However a clumsy query arises: Why ought to an writer make selections a few web page’s format? The group they work for doubtless publishes 1000’s of internet pages. Shouldn’t all these pages have to comply with widespread presentation pointers reasonably than have particular person authors resolve how particular person pages seem? Isn’t the UX design staff alleged to be accountable for the presentation?
The will of authors to resolve the presentation is an previous theme. DIY internet design was as soon as prevalent in organizations, and its issues prompted the emergence of design programs to reign in such patchwork design.
When DIY internet design persists, it signifies a failure in a company’s UX processes.
Some authors need presentation choices out of necessity. They’re given a generic clean web page and are anticipated to trend it right into a significant expertise. They hope that they’ll do this by dragging and dropping widgets on a display. If efficient UX design have been actually really easy, thousands and thousands of UX designers can be out of labor.
Different instances, authors are attempting to override a inflexible and poorly designed format template that doesn’t help the presentation of the content material they’ve developed.
In each circumstances, the writer has been shortchanged by their UX design colleagues, who failed to offer them with a serviceable format for his or her content material.
Separating content material from presentation forces organizations to confront how properly they perceive their publishing necessities. When giant numbers of pages have to be custom-designed as a result of every is taken into account a “particular case,” that’s a sign that the group hasn’t deliberate its presentation adequately. Particular circumstances, by definition, are exceptions, not defaults. No group ought to really feel overwhelmed by the amount of {custom} internet pages it should design.
The aim of separation is to reinforce readability, not implement fashion. When the idea of separation first emerged with using CSS, it grew to become linked to the notion of styling. However to view the presentation as merely styling is a crude understanding of the precept.
Separation acknowledges that there is no such thing as a “one greatest means” to current content material. What’s greatest is contextual to the state of affairs and provisional till a more moderen presentation proves simpler. The identical underlying content material will be offered in a number of methods, which may shift how it’s perceived, understood, or consumed. The aim of separating content material and presentation is to permit a number of shows of the identical content material, a few of which will probably be higher and clearer than others.
Separation permits the content material to profit from iterative design enhancements. Presentation requirements evolve to mirror learnings about what works most successfully. Separation permits UI elements which are used throughout many content material objects, resembling heroes or alerts, to be examined and improved.
Sure, Virginia, content material remains to be significant with out presentation
Separation requires a shift in mindset and follow. Individuals might push again by proclaiming that it might’t be completed – that the notion is nonsensical, that it threatens the magic content material can provide.
A standard objection contends that content material can’t be stripped of its presentation and stay intelligible. This view holds that presentation is integral to the that means of content material, so it might’t be separated from the content material. In spite of everything, if presentation helps the that means of content material, then content material with out presentation have to be meaningless, proper?
To handle categorical objections like this, it’s essential to unpack beliefs about how experiences develop into significant. Doing so helps to clear the cobwebs of unexamined assumptions and spotlight the adjustments taking place in digital practices.
The that means of content material is impartial of its presentation. Whereas the presentation is important in conveying that means within the broadest sense (by stressing emphasis or salience), it doesn’t comply with that content material relies upon on a particular presentation.
Content material could also be tougher to know with out its presentation, however hardly ever is it contingent on its presentation to convey its that means as a result of that means the presentation materially adjustments the that means of the content material, which ought to by no means be the case. The presentation can change with out altering the that means of the content material.
The precept of independence has some radical implications:
- Authors should let go of preconceptions of how their content material will seem, both now or later. The content material’s look is topic to alter.
- The content material is impartial of the media it might seem in as properly.
But as a result of content material can exist in lots of types (media), it’s typically troublesome to tell apart what’s content material from what’s presentation.
Merely put, the content material represents the substance or essence of what’s offered. That essence must be outlined exactly and never be topic to variable interpretation. The substance doesn’t depend upon its context: It’ll stay the identical wherever it’s offered.
Content material’s that means is persistent, nevertheless or wherever it’s offered. The literal that means of content material is mounted by its encoding. Its presentation might affect its connotation however not its literal that means.
Communication–the power of various individuals to breed the identical message–depends upon distilling the essence of a message – its content material– from how it’s offered.
All through historical past, individuals have encoded the that means of content material through the use of standardized notations. These requirements enable individuals who have no idea each other to interpret the content material in a constant means.
The substance of content material is usually outlined as textual content, symbols, or structured knowledge of some kind that may be composed or compiled into numerous shows. As pc know-how continues to advance, it’s turning into simpler to interrupt down content material shows into constituent components and separate the content material from its presentation.
Writing began through the use of symbols to face for issues or ideas. Then, writing developed symbols for the sounds of phrases – utilizing letters, phonetic alphabets, and even shorthand symbols.
Later, individuals developed notation to characterize music and even dance. The symbols don’t should be visible. Braille can characterize letters or sounds.
As symbols develop into formalized, they develop into impartial of a particular presentation. At first, writing was handwritten, then engraved, and later typeset; with every step, the content material grew to become much less tied to its unique presentation.
Textual content is a surprisingly versatile technique to characterize content material that may be remodeled into shows in every kind of media. Even the richest content material media – the film – is constructed from a textual content script. AI has proven the chances of producing audio and video from textual content.
The pattern has developed to separate content material from its presentation. All types of content material will be extracted and separated from their shows, whereas shows in lots of codecs will be constructed from “uncooked” content material. For instance, an audio recording will be was a textual content transcript, and that textual content can be utilized to generate one other audio presentation that includes a distinct voice or perhaps a completely different language.
Maps have been traditionally thought of content material that was inseparable from its presentation. What worth is a map outdoors of its presentation? However maps as we speak are databases of structured content material that may be offered in a number of methods. The identical info will be offered as a avenue map or a satellite tv for pc picture or depend on textual content labels or icons, for instance. Maps are manifested by way of their presentation however usually are not outlined by any particular presentation.
Skeptics might object that sure sorts of content material at all times depend upon their presentation. If a presentation can solely be offered in a technique, then it’s content material. Presentation, by definition, implies that there’s multiple technique to current one thing. The presentation is just not mounted.
Photographs as media will be content material or shows, relying on their essence. The unique supply file of a photograph picture is content material, however subsequent cropping, edits and coverings of the picture are shows of the unique content material. The pattern in picture manipulation is towards non-destructive enhancing.
Even visible content material will be represented non-visually. Many content material creators imagine that visible content material has a set presentation and thus can’t be separated from the content material it represents. That assumption is being challenged in an increasing number of domains.
Take into account diagrams. Whereas diagrams are supposed to be visible, they don’t have to be represented visually. There are a number of approaches to representing diagrams as textual content, which may generate different visible renderings of the diagram. Neither the format of diagrams nor its presentation are mounted.
What about music? Since music depends on normal symbols positioned on a employees, it could appear to have a set presentation. However whereas sheet music is the preferred illustration of a music rating, it isn’t the one choice. Music scores may also be represented as textual content utilizing the ABC notation, which may generate a visible rating. Digital music compositions may also be represented utilizing the MIDI protocol, which will be manipulated to generate different shows of the composition.
Arithmetic is one other form of content material that’s typically offered visually however doesn’t not should be represented with a set presentation. Regardless that arithmetic makes use of broadly understood symbols, their presentation will be variable. Sure mathematical statements will be offered in multiple means. Arithmetic has developed two parallel markups: one for the content material and one for its presentation.
The presentation ought to add that means, not change that means. Presentation provides context to content material, which may improve its that means. The presentation helps outline the intent for the way readers will expertise the content material.
The identical content material ought to at all times imply the identical factor, nevertheless it’s offered. The one state of affairs the place a presentation will alter the intrinsic that means is that if it reinterprets the content material’s unique intent by altering the number of particulars — the method of context shifting. This will likely occur unintentionally when the content material is poorly developed. For instance, it might be doable {that a} much less detailed view of the content material provides a distinct impression than the views with full particulars. Or it might happen when the content material can help eventualities past what was initially envisioned, which shifts how the content material is known. As a result of these conditions are doable with decoupling, it’s crucial to develop content material that isn’t wedded to preconceptions of how it will likely be offered, since future shows can’t be recognized prematurely.
One motive machines (whether or not assistive know-how or AI bots) misread content material is that the content material is ambiguous, counting on contextual cues to elucidate what it’s meant to say. The W3C has warned of the reliance on visible construction to convey the that means of content material: “Whereas presentational options visually indicate construction — customers can decide headings, paragraphs, lists, and so on. from the formatting conventions used — these options don’t encode the construction unambiguously sufficient for assistive know-how to work together with the web page successfully.”
Presentation can’t repair ambiguity in content material. In case your content material depends upon the way it’s offered to be understood appropriately, then the content material itself is probably going ambiguous and inherently complicated. The function of presentation is to attach concepts which are intelligible on their very own, to not make unintelligible concepts by some means discernible by way of hand-waving.
Some manufacturers, sadly, publish fragments of content material whose that means is unintelligible with out seeing the context through which it seems. These practices have develop into extra prevalent in recent times, because the fetish of minimalism has been rationalized as selling simplicity and usefulness, even when it typically ends in the other impact. Readers are anticipated to guess the that means of a touch or icon based mostly on different content material offered elsewhere. These hidden meanings, whereas seemingly elegant, fail to tell the display reader consumer or go authorized compliance critiques for readability and the absence of potential misinterpretation. The ubiquity of unhealthy practices doesn’t legitimize them. Moderately, they show the necessity for content material to be express and clear impartial of its presentation.
Treating communication as a “content material design” package deal has resulted in quite a few examples of misleading design practices the place important info is suppressed. These examples are deceptive exactly as a result of the content material, by itself, doesn’t absolutely or candidly convey the data customers have to know to make an knowledgeable determination.

Illusions of management
How ought to selections be made about how content material seems? A person’s latitude to make selections concerning the presentation of content material is just not synonymous with the group’s capability to make these selections.
Some authors protest once they don’t have choices to alter the styling or format of their content material. They soar to the conclusion that the presentation can’t be modified and imagine that their enter is critical to resolve how the content material seems. In essence, they assume in the event that they don’t see an choice to alter the presentation, that choice doesn’t exist.
Regardless that authors usually are not accountable for the presentation, that doesn’t indicate that the presentation is mounted. Organizations can change the presentation each time they wish to. Organizations usually intention to have numerous content material they publish offered in a constant method as a result of such constantly promotes readability and understanding. They don’t wish to encourage the helter-skelter redesigns of particular person internet pages.
The presentation can change independently of the content material. The presentation is just not mounted and may change readily when the group decides to take action.
But, such adjustments usually are not the byproduct of content material adjustments. They’re separate selections. What which means is:
- Altering the content material doesn’t alter its presentation or format. For instance, an extended title received’t essentially shrink in font dimension to suit a set area.
- Altering the content material and altering the presentation usually are not concurrent actions as a result of separate programs handle them. If you wish to alter each the content material and the presentation, you could pivot between separate modes.
The second level raises a query: Might the identical particular person change each the content material and its presentation? In precept, sure. However in follow, the 2 sides are supposed to be ruled individually. Every has guidelines for what’s allowed and adjustments should conform to those guidelines. For instance, the content material can’t use nonstandard phrases or punctuation. Equally, the presentation can’t incorporate nonstandard colours or fonts.
The presentation is determined by guidelines that apply to a number of pages, not by particular person selections for particular pages. Some people deride guidelines for constricting their expression or stopping them from configuring their internet pages as they’d like. However guidelines aren’t stifling. They really simplify processes and broaden the scope of doable adjustments by enabling world adjustments. By having guidelines, organizations can change the content material in every single place on an internet site with out worrying that it’s going to break the design and pressure fixes to the presentation. They’ll additionally change the presentation globally with out worrying about needing to regulate present content material.
Singleton pages show the necessity for separation. Many objections to separation deal with singleton pages, that are one-off pages which have distinctive content material and require a particular format as a result of the character of the content material is not like content material elsewhere. An instance can be a webpage presenting a timeline. Whereas single pages appear to characterize a good correspondence between the content material and its presentation, the presentation and content material stay impartial of one another.
The error some individuals make is to confuse design cases with design variations. Even when solely a single web page has a novel format (one design occasion), that doesn’t indicate the presentation is mounted (that there can solely be one model of that occasion.) Another presentation might be developed and used.
As a result of the group might resolve to alter the design of a novel webpage later, it’s vital that the content material ought to lead the design, not comply with it.
Content material can be topic to alter, and shows have to be ready to “flex” to regulate to content material adjustments. The unique writer typically received’t management the content material over its lifespan. Authors change jobs, that means another person may revise the content material later.
With on-line content material, there’s no single writer. All on-line content material seems alongside different on-line content material that has been created by different people at completely different instances.
It’s essential to tell apart the content material context (what different content material is adjoining) from the context of its presentation (format, formatting, and different presentational selections).
This will get into content material meeting: How content material is layered into bigger experiences.
Content material meeting is just not presentation
Content material meeting is more and more vital as organizations transfer away from presentation-defined content material creation. Presentation-driven templated content material historically decided the content material’s meeting. As practices transfer away from utilizing templates to outline the content material, the function of meeting is turning into extra important, although it stays poorly understood. Builders typically confuse content material meeting and content material presentation, particularly if they’ve spent careers working with template-based CMSs.
As a result of templates beforehand dealt with meeting, some individuals mistakenly contemplate content material meeting as a part of content material presentation. However meeting is distinct from presentation. The context of the content material (the associated content material that seems collectively) is conceptually distinct from the presentation context (how these content material objects are offered.)
The format is detached, whereas the meeting is opinionated. The format is generic and agnostic about what content material seems in a slot. Content material meeting, against this, is restricted about which content material objects are conceptually linked.
Meeting determines which content material items will seem collectively – although not how they are going to seem.
When meeting is subsumed by content material presentation selections, the development of the content material is fragile and brittle.
Like Humpty Dumpty, after taking a fall, poorly assembled content material can’t be reassembled. It’s breakable and is unusable.
Fragile content material that may’t be reassembled sometimes has been outlined by its design.
If content material is assembled appropriately, there must be no “breaking adjustments.”
Not all content material meeting occurs the identical means. The largest barrier is how numerous individuals take into consideration content material meeting. They don’t make a distinction between two sorts of meeting:
- Intrinsic meeting, the place items have to be supplied collectively to make sense and, subsequently, must be preassembled throughout content material improvement
- Extrinsic meeting, the place variable combos might be probably supplied, is greatest outlined outdoors of the content material improvement course of.
Each the targets and course of for intrinsic and extrinsic meeting are completely different.
Intrinsic meeting connects content material that’s intrinsically associated in that means: The items collectively kind the bigger message. The content material is preassembled by way of two means:
- Linking (or referencing) objects
- Ordering objects (in lists or as arrays of things)
Intrinsic relationships are predefined: A goes with B, or A at all times precedes B. The items utilized in intrinsic meeting are usually damaged aside to help content material reuse or upkeep reasonably than help variability through which items are mixed. Embedding objects (pictures, for instance) inside one other content material merchandise is one other form of intrinsic meeting, albeit much less predefined than linking, for the reason that determination of whether or not to embed is non-compulsory.
Extrinsic meeting is used when the communication is extra contextual and situationally dependent. It typically attracts on content material variations which have been developed to handle extremely particular conditions the place the best mixture can’t be preassembled simply as a result of they contain too many eventualities.
Extrinsic meeting depends on predefining evaluative guidelines or creating directions that aren’t mounted. These guidelines outline which items and choose what attributes they need to have underneath particular circumstances. This sort of programmatic meeting is usually based mostly on contextual guidelines regarding processes.
Generally guidelines will be written right into a schema resembling JSON Schema when they’re persistent as if—then—else statements. In any other case, the foundations are written into code when matching particular variables and values. The principles or directions might be written in GraphQL, Javascript, or another programming language.
Authors have management over the meeting. As soon as organizations embrace true separation of content material from its presentation by making certain that presentation isn’t defining the meeting of content material, authors can regain management of vital selections.
With intrinsic meeting, authors can join content material items inside their editor. Ideally, the content material mannequin behind the scenes has already outlined relationships between numerous content material varieties, so the writer doesn’t want to determine which varieties belong collectively. As an alternative, they’ll deal with associating associated content material objects. If objects should seem in a particular order to make sense to customers, they’ll point out that.
Extrinsic meeting occurs outdoors the editor within the API layer. As a result of extrinsic meeting directions depend on code, builders have, till not too long ago, been those liable for defining extrinsic meeting. However prior to now few years, a brand new class of content material orchestration instruments has emerged that enables authors and different enterprise customers to outline guidelines for meeting content material while not having to depend on a developer.
Content material meeting provides energy to authors to resolve which content material items to ship to audiences.
By organising content material meeting appropriately and disentangling it from presentation, organizations take away widespread “it might’t be completed” objections.
Poor implementations are a barrier, not an excuse for FUD
Separating content material from its presentation has triggered resistance for a few years. Change administration case research educate that folks have issue altering habits and adopting new practices. It’s a lot simpler to stay with the acquainted, even when it isn’t fascinating in the long run.
But the crucial of implementing such a separation solely retains rising. Planning and managing internet pages whose content material and designs are tangled collectively is just not sustainable. And shifts in know-how, from composable programs to AI, require that content material be unencumbered by its formatting and presentation. Structure can’t sign what content material means if for no different motive than machines received’t see it.
Given the longstanding resistance to separation, one might surprise how the idea will ever achieve the traction essential to develop into the default follow in organizations.
The excellent news is that separation is a sound idea that gives a number of advantages. Worry, uncertainty, and doubt might conspire to cloud these advantages, however they don’t negate them. Separating content material from presentation is important to constructing and bettering upon prior content material and design work.
The largest barrier to the common adoption of content-presentation separation is poor implementation. Dangerous instruments, weak necessities, and immature data all contribute to poor implementations, which appear to validate the expectation that separation can’t be completed.
But poor implementations, whereas widespread, are hardly inevitable. Many organizations are shifting up the maturity ladder. They acknowledge that the stakes are too vital to disregard important transformation in UX practices. They’ll go away behind organizations that commingle their content material and presentation. The concern will shift to being left behind.
–Michael Andrews
The precept of separating content material from its presentation is extra crucial than ever. So why is it so laborious to get buy-in for it?
This publish takes a deep take a look at the FUD (Worry, uncertainty, and doubt) surrounding separation. It’ll tackle why FUD is prevalent and why it’s misplaced:
- How content material and design separation is completely different as we speak from the way it was thought of prior to now
- Why instruments make it troublesome to separate content material from design
- The issues arising from design-defined content material
- The dodgy the explanation why visible enhancing instruments and DIY design are fashionable
- How separation promotes readability
- Why the that means of content material is impartial of its presentation
- Why content material’s that means is persistent
- How every kind of content material have gotten format free
- The issues for customers when counting on presentation to make clear content material
- Why dependence on presentation results in ambiguity for AI and assistive applied sciences
- The significance of supporting presentation adjustments that don’t require content material adjustments
- Why “{custom}” pages nonetheless want separation
- How content material meeting is completely different from content material presentation
- The 2 distinct sorts of meeting
- How content material meeting provides authors lacking management
- Why unhealthy implementations generate FUD about separation
- Why trapped content material will develop into the brand new fear
An idea’s lengthy journey towards acceptance
The precept of separating content material from its presentation is a strong and helpful concept that can be controversial and resisted by individuals in all roles.
Resistance comes not simply from writers accustomed to WYSIWYG editors. Builders can exaggerate the complexity of content-design separation or query its practicality. UX designers don’t at all times see its worth. Distributors additionally play on this concern and promote options that undermine implementing mature practices.
Even individuals who agree with the idea in precept typically abandon it when it looks like it’s an excessive amount of effort.
Why doesn’t the idea of separating presentation from content material get extra love if it’s actually helpful? The straightforward reply is that the idea is so radical and highly effective that it’s simple to misconceive. FUD units in and disrupts progress.
Separation issues now greater than ever. Discussions about separating content material from presentation have a protracted historical past. Why revisit this matter now?
Previous discussions, responding to adjustments taking place within the early 2000s, don’t account for the present adjustments reshaping as we speak’s digital ecosystems (e.g., the event of design programs, structured content material, and the shift to composable and headless architectures.) UX practices have lagged behind these adjustments, that are forcing groups to re-examine assumptions concerning the fundamentals of how consumer experiences are developed and applied.
What’s at stake is how we resolve to create what we talk:
- Does the content material of internet pages depend upon their format?
- Does an writer have to work round a predefined design or change the design to match their content material?
- Ought to the format alter to the content material?
The renewed relevance of an previous debate. The topicality of separating content material from its presentation has assumed renewed significance. Whereas beforehand debated points stay related, the context of the dialogue has shifted over time.
Separating presentation from content material is a long-established internet design precept. It has earned its personal Wikipedia entry and Wikidata identifier (Q3511030). The idea has a good older heritage as an extension of the precept of the “separation of issues” used to design programs.
20 years in the past, the W3C took a big, if incremental, step when it determined to jettison presentational tags (resembling daring and italic) in favor of semantic ones (like sturdy and emphasis). Regardless that presentational components weren’t fully abolished—underlining nonetheless exists–the choice signaled the expectation that presentation can be managed individually from content material.
Partisans debated the decision to separate content material from presentation as CSS started to displace presentational markup in HTML. For a lot of discussants, the talk was by no means about content material or presentation. It was about nothing greater than CSS.
However others seen the problem extra existentially and contested the desirability and feasibility of enthusiastic about content material individually from its presentation. Web sites continued to be designed with wireframes earlier than any content material was created. Builders crafted frontend frameworks composed of UI elements that usually outlined the content material offered on an internet site. It was laborious for some individuals to think about content material with out having the ability to “see” how it could be offered.
Individuals settled into their conclusions and routines.
These days, the fault strains between content material and presentation have been uncovered once more. Distributors have struggled (poorly, for my part) with the way to ship “visible enhancing” whereas concurrently supporting structured content material, which has loved a renaissance of curiosity. Distributors have been making an attempt to graft UI format elements (front-end) and content material blocks (back-end) right into a “common editor.” Some front-end frameworks flip each variable into a typical pool of JSON knowledge.
On the identical time, technical developments are erasing prior distinctions between how we distinguish content material, codecs, and shows. Computer systems are taking up many presentation selections. All types of media can now be generated from textual content.
These developments have prompted a reexamination of core ideas. Content material and design at the moment are ruled by separate programs (content material fashions and design programs) which have particular obligations. The content material expresses “what” info and messages comprise, whereas the design expresses “how” messages and data are offered, sometimes format and formatting, however not restricted to these dimensions.
Separating content material and presentation brings transparency. The idea that what you say and the way you say it are indivisible is an phantasm. They don’t seem to be bonded collectively in a hermetically sealed package deal, however are distinct concepts and targets.
That’s to not indicate what content material says and the way it’s stated are unrelated. Moderately, the truth is that every facet has impartial energy. The presentation could make trivial and even false particulars appear vital, and it might bury vital ones. Likewise, crucial info will be ignored by poor presentation.
The presentation does matter. However it’s a definite dimension from content material.
Content material adjustments are express. The details in content material typically change, and messages might have to adapt to audiences. However the presentation is far more implicit and contextual. Displays can change on a whim. Even when the content material stays constant, the presentation might change radically relying on the place and when it seems.
The viewers expertise is derived from each the content material and its presentation. It’s vital to know the contribution of every to that have.
Coping with separation anxiousness
Loss aversion is a strong motivation. As a result of our enthusiastic about conditions is anchored in how we habitually expertise them, it may be laborious to embrace a distinct expertise. What’s acquainted is reassuring; what’s novel is disruptive. When your baby is leaving for a week-long camp away from residence, she or he might have separation anxiousness. Equally, when your content material is separated from its design, it might really feel disorienting.
Content material professionals have develop into accustomed to enthusiastic about content material and presentation collectively. They anticipate to see what the content material will seem like and infrequently anticipate to alter that look as properly.
Instruments can lull us into believing content material and presentation are inseparable. Two interplay paradigms have formed authors’ expectations about how content material and presentation work together. Whereas very completely different, each indicate that content material ought to change based mostly on the presentation chosen.
The primary method is represented by WYSIWYG instruments, such because the web page builders in lots of CMSs, which permit authors to format textual content and graphics any means they please. This method encourages authors to regulate their content material and presentation concurrently.
The second method is represented by instruments that use design templates that information what content material to create. In conventional CMSs, the creation of the content material is guided by the way it will seem on a web page. A template defines what content material is required. The content material should adapt to the presentation outlined by the template.
When content material depends upon its presentation, the design decides the content material’s particulars. Quite a few on-line instruments promote the notion that the event of content material depends upon its format. The dramatic recognition of Figma in designing internet pages is an excessive instance. Writers play a junior function on UX groups, filling in phrases in a graphic design format. Whereas such instruments might promise the liberty of self-expression, they have an inclination to impose constraints on making adjustments to layouts.
However content material additionally wants to alter. Each time the content material adjustments however relies on a set presentation, it creates a battle. The presentation restricts what content material is allowed.
A significant motivation for separating content material and presentation is to make shows extra versatile and changeable. The separation of content material from presentation has expanded with the decoupling of frontend and backend programs. This decoupling permits content material to be offered in a number of methods and permits the presentation to alter rapidly.
Whereas the technical means to separate content material from presentation are established and rising, the capability of organizations to handle these dimensions stays immature. Some organizations keep away from confronting change and favor expediency over enchancment.
Separating issues about instruments from processes
Quite a few on-line enhancing instruments enable writers to alter fonts, resize pictures, align textual content, change spacing, change the variety of columns, and so forth. Many present extra superior format options, such because the positioning of headings, the colour of fonts, and whole colour and format themes.
“Visible enhancing” instruments are a Band-Support. Instruments that enable authors to alter each the content material and its look are fashionable, and CMS distributors maintain selling them. However a clumsy query arises: Why ought to an writer make selections a few web page’s format? The group they work for doubtless publishes 1000’s of internet pages. Shouldn’t all these pages have to comply with widespread presentation pointers reasonably than have particular person authors resolve how particular person pages seem? Isn’t the UX design staff alleged to be accountable for the presentation?
The will of authors to resolve the presentation is an previous theme. DIY internet design was as soon as prevalent in organizations, and its issues prompted the emergence of design programs to reign in such patchwork design.
When DIY internet design persists, it signifies a failure in a company’s UX processes.
Some authors need presentation choices out of necessity. They’re given a generic clean web page and are anticipated to trend it right into a significant expertise. They hope that they’ll do this by dragging and dropping widgets on a display. If efficient UX design have been actually really easy, thousands and thousands of UX designers can be out of labor.
Different instances, authors are attempting to override a inflexible and poorly designed format template that doesn’t help the presentation of the content material they’ve developed.
In each circumstances, the writer has been shortchanged by their UX design colleagues, who failed to offer them with a serviceable format for his or her content material.
Separating content material from presentation forces organizations to confront how properly they perceive their publishing necessities. When giant numbers of pages have to be custom-designed as a result of every is taken into account a “particular case,” that’s a sign that the group hasn’t deliberate its presentation adequately. Particular circumstances, by definition, are exceptions, not defaults. No group ought to really feel overwhelmed by the amount of {custom} internet pages it should design.
The aim of separation is to reinforce readability, not implement fashion. When the idea of separation first emerged with using CSS, it grew to become linked to the notion of styling. However to view the presentation as merely styling is a crude understanding of the precept.
Separation acknowledges that there is no such thing as a “one greatest means” to current content material. What’s greatest is contextual to the state of affairs and provisional till a more moderen presentation proves simpler. The identical underlying content material will be offered in a number of methods, which may shift how it’s perceived, understood, or consumed. The aim of separating content material and presentation is to permit a number of shows of the identical content material, a few of which will probably be higher and clearer than others.
Separation permits the content material to profit from iterative design enhancements. Presentation requirements evolve to mirror learnings about what works most successfully. Separation permits UI elements which are used throughout many content material objects, resembling heroes or alerts, to be examined and improved.
Sure, Virginia, content material remains to be significant with out presentation
Separation requires a shift in mindset and follow. Individuals might push again by proclaiming that it might’t be completed – that the notion is nonsensical, that it threatens the magic content material can provide.
A standard objection contends that content material can’t be stripped of its presentation and stay intelligible. This view holds that presentation is integral to the that means of content material, so it might’t be separated from the content material. In spite of everything, if presentation helps the that means of content material, then content material with out presentation have to be meaningless, proper?
To handle categorical objections like this, it’s essential to unpack beliefs about how experiences develop into significant. Doing so helps to clear the cobwebs of unexamined assumptions and spotlight the adjustments taking place in digital practices.
The that means of content material is impartial of its presentation. Whereas the presentation is important in conveying that means within the broadest sense (by stressing emphasis or salience), it doesn’t comply with that content material relies upon on a particular presentation.
Content material could also be tougher to know with out its presentation, however hardly ever is it contingent on its presentation to convey its that means as a result of that means the presentation materially adjustments the that means of the content material, which ought to by no means be the case. The presentation can change with out altering the that means of the content material.
The precept of independence has some radical implications:
- Authors should let go of preconceptions of how their content material will seem, both now or later. The content material’s look is topic to alter.
- The content material is impartial of the media it might seem in as properly.
But as a result of content material can exist in lots of types (media), it’s typically troublesome to tell apart what’s content material from what’s presentation.
Merely put, the content material represents the substance or essence of what’s offered. That essence must be outlined exactly and never be topic to variable interpretation. The substance doesn’t depend upon its context: It’ll stay the identical wherever it’s offered.
Content material’s that means is persistent, nevertheless or wherever it’s offered. The literal that means of content material is mounted by its encoding. Its presentation might affect its connotation however not its literal that means.
Communication–the power of various individuals to breed the identical message–depends upon distilling the essence of a message – its content material– from how it’s offered.
All through historical past, individuals have encoded the that means of content material through the use of standardized notations. These requirements enable individuals who have no idea each other to interpret the content material in a constant means.
The substance of content material is usually outlined as textual content, symbols, or structured knowledge of some kind that may be composed or compiled into numerous shows. As pc know-how continues to advance, it’s turning into simpler to interrupt down content material shows into constituent components and separate the content material from its presentation.
Writing began through the use of symbols to face for issues or ideas. Then, writing developed symbols for the sounds of phrases – utilizing letters, phonetic alphabets, and even shorthand symbols.
Later, individuals developed notation to characterize music and even dance. The symbols don’t should be visible. Braille can characterize letters or sounds.
As symbols develop into formalized, they develop into impartial of a particular presentation. At first, writing was handwritten, then engraved, and later typeset; with every step, the content material grew to become much less tied to its unique presentation.
Textual content is a surprisingly versatile technique to characterize content material that may be remodeled into shows in every kind of media. Even the richest content material media – the film – is constructed from a textual content script. AI has proven the chances of producing audio and video from textual content.
The pattern has developed to separate content material from its presentation. All types of content material will be extracted and separated from their shows, whereas shows in lots of codecs will be constructed from “uncooked” content material. For instance, an audio recording will be was a textual content transcript, and that textual content can be utilized to generate one other audio presentation that includes a distinct voice or perhaps a completely different language.
Maps have been traditionally thought of content material that was inseparable from its presentation. What worth is a map outdoors of its presentation? However maps as we speak are databases of structured content material that may be offered in a number of methods. The identical info will be offered as a avenue map or a satellite tv for pc picture or depend on textual content labels or icons, for instance. Maps are manifested by way of their presentation however usually are not outlined by any particular presentation.
Skeptics might object that sure sorts of content material at all times depend upon their presentation. If a presentation can solely be offered in a technique, then it’s content material. Presentation, by definition, implies that there’s multiple technique to current one thing. The presentation is just not mounted.
Photographs as media will be content material or shows, relying on their essence. The unique supply file of a photograph picture is content material, however subsequent cropping, edits and coverings of the picture are shows of the unique content material. The pattern in picture manipulation is towards non-destructive enhancing.
Even visible content material will be represented non-visually. Many content material creators imagine that visible content material has a set presentation and thus can’t be separated from the content material it represents. That assumption is being challenged in an increasing number of domains.
Take into account diagrams. Whereas diagrams are supposed to be visible, they don’t have to be represented visually. There are a number of approaches to representing diagrams as textual content, which may generate different visible renderings of the diagram. Neither the format of diagrams nor its presentation are mounted.
What about music? Since music depends on normal symbols positioned on a employees, it could appear to have a set presentation. However whereas sheet music is the preferred illustration of a music rating, it isn’t the one choice. Music scores may also be represented as textual content utilizing the ABC notation, which may generate a visible rating. Digital music compositions may also be represented utilizing the MIDI protocol, which will be manipulated to generate different shows of the composition.
Arithmetic is one other form of content material that’s typically offered visually however doesn’t not should be represented with a set presentation. Regardless that arithmetic makes use of broadly understood symbols, their presentation will be variable. Sure mathematical statements will be offered in multiple means. Arithmetic has developed two parallel markups: one for the content material and one for its presentation.
The presentation ought to add that means, not change that means. Presentation provides context to content material, which may improve its that means. The presentation helps outline the intent for the way readers will expertise the content material.
The identical content material ought to at all times imply the identical factor, nevertheless it’s offered. The one state of affairs the place a presentation will alter the intrinsic that means is that if it reinterprets the content material’s unique intent by altering the number of particulars — the method of context shifting. This will likely occur unintentionally when the content material is poorly developed. For instance, it might be doable {that a} much less detailed view of the content material provides a distinct impression than the views with full particulars. Or it might happen when the content material can help eventualities past what was initially envisioned, which shifts how the content material is known. As a result of these conditions are doable with decoupling, it’s crucial to develop content material that isn’t wedded to preconceptions of how it will likely be offered, since future shows can’t be recognized prematurely.
One motive machines (whether or not assistive know-how or AI bots) misread content material is that the content material is ambiguous, counting on contextual cues to elucidate what it’s meant to say. The W3C has warned of the reliance on visible construction to convey the that means of content material: “Whereas presentational options visually indicate construction — customers can decide headings, paragraphs, lists, and so on. from the formatting conventions used — these options don’t encode the construction unambiguously sufficient for assistive know-how to work together with the web page successfully.”
Presentation can’t repair ambiguity in content material. In case your content material depends upon the way it’s offered to be understood appropriately, then the content material itself is probably going ambiguous and inherently complicated. The function of presentation is to attach concepts which are intelligible on their very own, to not make unintelligible concepts by some means discernible by way of hand-waving.
Some manufacturers, sadly, publish fragments of content material whose that means is unintelligible with out seeing the context through which it seems. These practices have develop into extra prevalent in recent times, because the fetish of minimalism has been rationalized as selling simplicity and usefulness, even when it typically ends in the other impact. Readers are anticipated to guess the that means of a touch or icon based mostly on different content material offered elsewhere. These hidden meanings, whereas seemingly elegant, fail to tell the display reader consumer or go authorized compliance critiques for readability and the absence of potential misinterpretation. The ubiquity of unhealthy practices doesn’t legitimize them. Moderately, they show the necessity for content material to be express and clear impartial of its presentation.
Treating communication as a “content material design” package deal has resulted in quite a few examples of misleading design practices the place important info is suppressed. These examples are deceptive exactly as a result of the content material, by itself, doesn’t absolutely or candidly convey the data customers have to know to make an knowledgeable determination.

Illusions of management
How ought to selections be made about how content material seems? A person’s latitude to make selections concerning the presentation of content material is just not synonymous with the group’s capability to make these selections.
Some authors protest once they don’t have choices to alter the styling or format of their content material. They soar to the conclusion that the presentation can’t be modified and imagine that their enter is critical to resolve how the content material seems. In essence, they assume in the event that they don’t see an choice to alter the presentation, that choice doesn’t exist.
Regardless that authors usually are not accountable for the presentation, that doesn’t indicate that the presentation is mounted. Organizations can change the presentation each time they wish to. Organizations usually intention to have numerous content material they publish offered in a constant method as a result of such constantly promotes readability and understanding. They don’t wish to encourage the helter-skelter redesigns of particular person internet pages.
The presentation can change independently of the content material. The presentation is just not mounted and may change readily when the group decides to take action.
But, such adjustments usually are not the byproduct of content material adjustments. They’re separate selections. What which means is:
- Altering the content material doesn’t alter its presentation or format. For instance, an extended title received’t essentially shrink in font dimension to suit a set area.
- Altering the content material and altering the presentation usually are not concurrent actions as a result of separate programs handle them. If you wish to alter each the content material and the presentation, you could pivot between separate modes.
The second level raises a query: Might the identical particular person change each the content material and its presentation? In precept, sure. However in follow, the 2 sides are supposed to be ruled individually. Every has guidelines for what’s allowed and adjustments should conform to those guidelines. For instance, the content material can’t use nonstandard phrases or punctuation. Equally, the presentation can’t incorporate nonstandard colours or fonts.
The presentation is determined by guidelines that apply to a number of pages, not by particular person selections for particular pages. Some people deride guidelines for constricting their expression or stopping them from configuring their internet pages as they’d like. However guidelines aren’t stifling. They really simplify processes and broaden the scope of doable adjustments by enabling world adjustments. By having guidelines, organizations can change the content material in every single place on an internet site with out worrying that it’s going to break the design and pressure fixes to the presentation. They’ll additionally change the presentation globally with out worrying about needing to regulate present content material.
Singleton pages show the necessity for separation. Many objections to separation deal with singleton pages, that are one-off pages which have distinctive content material and require a particular format as a result of the character of the content material is not like content material elsewhere. An instance can be a webpage presenting a timeline. Whereas single pages appear to characterize a good correspondence between the content material and its presentation, the presentation and content material stay impartial of one another.
The error some individuals make is to confuse design cases with design variations. Even when solely a single web page has a novel format (one design occasion), that doesn’t indicate the presentation is mounted (that there can solely be one model of that occasion.) Another presentation might be developed and used.
As a result of the group might resolve to alter the design of a novel webpage later, it’s vital that the content material ought to lead the design, not comply with it.
Content material can be topic to alter, and shows have to be ready to “flex” to regulate to content material adjustments. The unique writer typically received’t management the content material over its lifespan. Authors change jobs, that means another person may revise the content material later.
With on-line content material, there’s no single writer. All on-line content material seems alongside different on-line content material that has been created by different people at completely different instances.
It’s essential to tell apart the content material context (what different content material is adjoining) from the context of its presentation (format, formatting, and different presentational selections).
This will get into content material meeting: How content material is layered into bigger experiences.
Content material meeting is just not presentation
Content material meeting is more and more vital as organizations transfer away from presentation-defined content material creation. Presentation-driven templated content material historically decided the content material’s meeting. As practices transfer away from utilizing templates to outline the content material, the function of meeting is turning into extra important, although it stays poorly understood. Builders typically confuse content material meeting and content material presentation, particularly if they’ve spent careers working with template-based CMSs.
As a result of templates beforehand dealt with meeting, some individuals mistakenly contemplate content material meeting as a part of content material presentation. However meeting is distinct from presentation. The context of the content material (the associated content material that seems collectively) is conceptually distinct from the presentation context (how these content material objects are offered.)
The format is detached, whereas the meeting is opinionated. The format is generic and agnostic about what content material seems in a slot. Content material meeting, against this, is restricted about which content material objects are conceptually linked.
Meeting determines which content material items will seem collectively – although not how they are going to seem.
When meeting is subsumed by content material presentation selections, the development of the content material is fragile and brittle.
Like Humpty Dumpty, after taking a fall, poorly assembled content material can’t be reassembled. It’s breakable and is unusable.
Fragile content material that may’t be reassembled sometimes has been outlined by its design.
If content material is assembled appropriately, there must be no “breaking adjustments.”
Not all content material meeting occurs the identical means. The largest barrier is how numerous individuals take into consideration content material meeting. They don’t make a distinction between two sorts of meeting:
- Intrinsic meeting, the place items have to be supplied collectively to make sense and, subsequently, must be preassembled throughout content material improvement
- Extrinsic meeting, the place variable combos might be probably supplied, is greatest outlined outdoors of the content material improvement course of.
Each the targets and course of for intrinsic and extrinsic meeting are completely different.
Intrinsic meeting connects content material that’s intrinsically associated in that means: The items collectively kind the bigger message. The content material is preassembled by way of two means:
- Linking (or referencing) objects
- Ordering objects (in lists or as arrays of things)
Intrinsic relationships are predefined: A goes with B, or A at all times precedes B. The items utilized in intrinsic meeting are usually damaged aside to help content material reuse or upkeep reasonably than help variability through which items are mixed. Embedding objects (pictures, for instance) inside one other content material merchandise is one other form of intrinsic meeting, albeit much less predefined than linking, for the reason that determination of whether or not to embed is non-compulsory.
Extrinsic meeting is used when the communication is extra contextual and situationally dependent. It typically attracts on content material variations which have been developed to handle extremely particular conditions the place the best mixture can’t be preassembled simply as a result of they contain too many eventualities.
Extrinsic meeting depends on predefining evaluative guidelines or creating directions that aren’t mounted. These guidelines outline which items and choose what attributes they need to have underneath particular circumstances. This sort of programmatic meeting is usually based mostly on contextual guidelines regarding processes.
Generally guidelines will be written right into a schema resembling JSON Schema when they’re persistent as if—then—else statements. In any other case, the foundations are written into code when matching particular variables and values. The principles or directions might be written in GraphQL, Javascript, or another programming language.
Authors have management over the meeting. As soon as organizations embrace true separation of content material from its presentation by making certain that presentation isn’t defining the meeting of content material, authors can regain management of vital selections.
With intrinsic meeting, authors can join content material items inside their editor. Ideally, the content material mannequin behind the scenes has already outlined relationships between numerous content material varieties, so the writer doesn’t want to determine which varieties belong collectively. As an alternative, they’ll deal with associating associated content material objects. If objects should seem in a particular order to make sense to customers, they’ll point out that.
Extrinsic meeting occurs outdoors the editor within the API layer. As a result of extrinsic meeting directions depend on code, builders have, till not too long ago, been those liable for defining extrinsic meeting. However prior to now few years, a brand new class of content material orchestration instruments has emerged that enables authors and different enterprise customers to outline guidelines for meeting content material while not having to depend on a developer.
Content material meeting provides energy to authors to resolve which content material items to ship to audiences.
By organising content material meeting appropriately and disentangling it from presentation, organizations take away widespread “it might’t be completed” objections.
Poor implementations are a barrier, not an excuse for FUD
Separating content material from its presentation has triggered resistance for a few years. Change administration case research educate that folks have issue altering habits and adopting new practices. It’s a lot simpler to stay with the acquainted, even when it isn’t fascinating in the long run.
But the crucial of implementing such a separation solely retains rising. Planning and managing internet pages whose content material and designs are tangled collectively is just not sustainable. And shifts in know-how, from composable programs to AI, require that content material be unencumbered by its formatting and presentation. Structure can’t sign what content material means if for no different motive than machines received’t see it.
Given the longstanding resistance to separation, one might surprise how the idea will ever achieve the traction essential to develop into the default follow in organizations.
The excellent news is that separation is a sound idea that gives a number of advantages. Worry, uncertainty, and doubt might conspire to cloud these advantages, however they don’t negate them. Separating content material from presentation is important to constructing and bettering upon prior content material and design work.
The largest barrier to the common adoption of content-presentation separation is poor implementation. Dangerous instruments, weak necessities, and immature data all contribute to poor implementations, which appear to validate the expectation that separation can’t be completed.
But poor implementations, whereas widespread, are hardly inevitable. Many organizations are shifting up the maturity ladder. They acknowledge that the stakes are too vital to disregard important transformation in UX practices. They’ll go away behind organizations that commingle their content material and presentation. The concern will shift to being left behind.
–Michael Andrews