My last post was a quick introduction to Mobile Content Strategy. It really just skimmed the surface of adaptive, mobile-friendly content though and since then, I’ve been busy creating and delivering a whole presentation on the topic. If you missed my session at BBCON, I thought I’d share some quick highlights…
With the multitude of web-connected devices around us and in development, it’s becoming too difficult to anticipate what screen sizes to design for. The answer to this dilemma is to start thinking differently about content. It’s no longer just text and images appearing on a web page so why are we still writing like it is? This session will explore ways to model your existing and new content so it can grow and adapt with your organization and your end-users into the unknown future.
Adaptive Content Defined
- Content that is structured so that a single item can be displayed across a multitude of devices in a multitude of formats (i.e. desktop web page, mobile web page, mobile app, tablet web page, tablet app, etc.)
- Not the same as Responsive Design but it is a necessary component or starting point for creating a successful Responsive Design.
Why is Adaptive Content Important?
- Content is King! It’s how you communicate all of the great work you do as a nonprofit.
- Your constituents access your content from a variety of devices and contexts (see infographic below). They should always have a consistent and pleasant experience.
Where do we start?
- Content Strategy: COPE (Create Once, Publish Everywhere)
- Select a CMS (Content Management System) that allows you to define custom content types and fields.
- Identify a Content Strategist who knows your content, knows your platform and can develop a future-proofed structure or model for your content.
A Future-Proofed, Adaptive Content Model
- Web Writing for the 21st Century: Be concise and make your key point within the first 3-5 words.
- Beware the WYSIWYG: Only use the WYSIWYG for the meat, or substance of your content. Extract any data you can into separate fields in your CMS to allow for more flexible displays.
- Consistent Substance: Users will want to see the same substance (i.e. the same article, story, etc.) once they drill down into your content no matter what device they’re using so keep it consistent. Never truncate or show less for mobile.
- Meta Data for All Devices: Make sure your Titles, Descriptions, Images, etc. will render well or resize for different screen sizes.
Those are the Cliff’s Notes! If you want to see the full presentation, check it out here. Please feel free to ask questions or share your own stories about adaptive content in the comments!