Adaptive content everywhere
What do we do when content created for a desktop website needs to fit on a smartphone screen? The temptation might be to create a second set of articles just for phones. But what about tablets, laptops, and all the devices in between? Maintaining versions for each form factor quickly becomes impossible, so we need a better approach.
At An Event Apart in San Francisco, a presentation by Karen McGrane reinforced this idea: we should create content once and publish it everywhere.
McGrane calls it adaptive content. Instead of thinking in pages, we think in reusable chunks that are richly described with metadata.
“Metadata is the new art direction”
Metadata describes the structure of content: what matters, when it happened, where it happened, and what it’s related to. For a blog post, that might include the author, date, tags, related media, and even the allowed summary lengths. All of this describes the content without dictating its appearance, letting the same material be presented in a variety of layouts. Consumer apps and websites can rely on the metadata to make smart decisions about hierarchy and placement.
McGrane also suggests writing content with reuse in mind. It’s not just about devices; the same article may appear on another page, partner sites, or social networks. Instead of truncating text in arbitrary ways, offer purposeful versions: a tweet-sized hook, a short excerpt for sidebars, and a full version for detail pages. Those deliberate cuts make the piece clearer in every context.
“Truncation is not a content strat…”
The qualities that make content adaptive also make it distributable and easy to work with. Without writing much code, developers can fetch content from an API and render it differently per platform. NPR (National Public Radio) saw an 80% increase in page views after launching their content API, and many of their apps were built in just a few weeks because the content arrived ready to use.
Creating content once and publishing it everywhere reduces overhead and ensures that every device—and every channel—gets a coherent, intentional experience.
Discuss on Twitter • Edit on GitHub
Keep Reading
- I Built a Custom Event Router, Then Deleted It: Lessons in Knowing When to Stop Building
15 Feb 2025 - AI Generates Configuration, Not Code: How I Use LLMs to Build Product Capabilities
08 Feb 2025 - Schema-Driven Platforms: Why JSON Schema Is the Most Underrated Tool in Your Stack
01 Feb 2025 - Why Use a JavaScript Framework
13 Jul 2019 - Hacking Image Interpolation for Fun and Profit
13 Jan 2019 - The Perils of Jest Snapshot Testing
07 Jan 2019 - A Better Way to Test Your React-Redux App
01 Jan 2019 - Firebase + Create React App
01 Aug 2018 - Partial Application in Action
29 Sep 2017 - Using SVG to Shrink Your PNGs
07 Sep 2014 - Adaptive content everywhere
06 Feb 2013