Image for post
Image for post

The great content conundrum

If you grew up in the 1980s (like me), you might remember choose your own adventure storybooks. With titles such as ‘The cave of time’, ‘The throne of Zeus’, and the fantastically bonkers, ‘You are a shark’ they were called ‘choose your own adventure’ because you got to do just that. Unlike a traditional children’s book, you’d have to make choices as the story unfolded. Each choice would direct you to a different page of the book, providing a multitude of different stories and endings. Invariably you’d always choose the wrong option and the story would come to a disappointing end, but hey entertainment was limited in the 1980s. I’m going to rekindle the excitement of those choose your own adventure storybook days by presenting a scenario and some options for you to choose from. Choose your option wisely and go to the corresponding heading to find out how the story unfolds.

Choose your own UX adventure

If you decide to use dummy ‘Lorem Ipsum’ content for now go to Option A. Use dummy content.

If you decide to wait for the site content to be created before working on the design go to Option B. Wait for the content.

Option A. Use dummy content

Option B. Wait for the content

Use dummy content, or wait for the real content?

Given that both choices in the story ultimately led to a less than happy ending, perhaps it’s not even a simple choice between the two. I’ll discuss a sneaky third option in a bit but first, let’s look at designing with dummy content, and then designing with real content in a bit more detail.

Designing with dummy content

Image for post
Image for post
Using dummy content can seem tempting, but typically leads to design issues later on

The problem with designing with dummy content is it’s a bit like planning a sandwich without worrying about what the filling will be. After all, it’s not the bread and butter that make for a truly great sandwich, such as the legendary BLT (bacon lettuce and tomatoes), it’s the filling in-between those two slices of bread.

Content is integral to a design, and a design should really be built around that content. By using dummy content, a designer is invariably making lots of assumptions. Assumptions about the type of content, the format of the content, the length of the content, even the content that will be available. As I like to tell my colleagues, ‘Assume’ makes an ‘Ass’ out of ‘U’ and ‘Me’ (I’m sure they’d tell you this never tires) and invariably when real content is placed within a design, all of a sudden that design doesn’t look quite so great. Paragraphs are too short, or too long. Titles are too long, especially when translated into very wordy languages like German. Images are of a different size or proportion. Content that was assumed would be available isn’t. I like to refer to dummy content as wishful content, because it’s how a designer wishes the content would be, rather than how it will actually be!

Using dummy content for designs also makes it harder to get feedback. Feedback in the form of design critiques, and in the form of usability testing. Content provides context, and without that context, there is little for users and fellow designers to feedback on. Sure, they can talk about the aesthetics, but not much else.

Many years ago when I was working at an agency, I was asked to carry out some task-based usability testing for some designs featuring dummy ‘lorem ipsum’ content. I think that the client mistakenly thought that using dummy content would mean that users would just focus on the aesthetics of the design, and being a very junior member of the team at the time, I foolishly didn’t challenge this idea. Unfortunately, users were so thrown by seeing what they assumed to be latin text plastered all over the design, that the sessions had to be abandoned because so little useful feedback could be collected.

So, if designing with dummy content isn’t all that it promises to be, what about designing with real content?

Designing with real content

Image for post
Image for post

Well yes, in an ideal world content would always precede design, and a design would always use real content. But, we don’t live in an ideal world. If we did my beloved Norwich City Football Club would have won last year’s Premier league and I’d be writing this from a sun kissed beach in the Caribbean! As we saw in the choose your own adventure story at the start of this article, one of the problems with designing with real content is that it creates a dependency. The design is dependent on the real content being available, and that is rarely if ever the case. You can almost get into a catch 22 paradoxical situation. The design can’t progress without the content, but the content can’t progress because it’s based on the design. So, with this this sort of stalemate looming, what can be done? Step forward our hero of the hour — a content strategy.

Why a content strategy is the real answer

The best way to do this is to have a content strategy in place and to identify the content upfront. This doesn’t only include copy, but pictures, videos and other resources, such as downloads. Creating a content strategy is a large topic in its own right, and I’ve linked to some articles at the end of this one that can help you with this. The key is to plan out the content before starting the design. For example, creating a sitemap outlining the pages for the site or app, and the content on each page. Take a look at these example sitemaps if you’d like some inspiration.

Image for post
Image for post
Creating a sitemap like this example from Framfab helps to identify the content required for a design

Armed with your content strategy you can start putting together some realistic content. Notice I’ve written realistic, not real. You don’t need the final copy, just something that is close enough. This realistic content is sometimes referred to as proto-content. As Liam King outlines in his excellent article, Designing Content-First for a Better UX a good way to do this is to borrow content from similar websites or apps. For example, for the tourist website featured in the choose your own adventure story, you might nab images, articles and listings from other city tourist sites to utilise for the designs. Something I’ve also had to do in the past is to write some draft content, as a bit of a filler. This can not only provide some realistic content for designs and for getting feedback, but also gives copywriters a good idea of the sort of content required for the site or app.

Conclusion

If you like this article then please recommend and share it. You can find lots more articles like this on my blog: UX for the Masses

See also

Image credits

Originally published at www.uxforthemasses.com on April 29, 2018.

Former techy turned UX Jedi. Checkout out my blog (UX for the Masses) for more about me.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store