Best Practices for Content Planning in UX Design
Which came first, the content or the design?
This contemporary take on the “chicken and egg” casualty dilemma represents a common frustration among content and design teams when it comes to building a new experience. Both depend on each other, but where do you begin?
“I think that too often content planning is treated as something that’s going to happen later, magically someone along the way will create amazing content, while the experience design is treated like creating the template or the framework for that content to live in without a real concern for what that content is actually going to be,” says Karen McGrane, a user experience designer and content strategist with over 15 years experience and the author of Content Strategy for Mobile and Going Responsive.
McGrane said that while it used to be that the design often came first, there’s been a “pendulum swing” and a “rallying cry” toward content first over the past few years. However, thinking in these extremes, whether you believe it is content or design that must come first, continues to be problematic.
“As with everything else in the design and development process, the work has to be iterative. It has to be something that involves collaboration and regular checkpoints among the team,” she said.
That’s why she recommends teams take the following steps to maximize the relationship between content and user experience teams.
Recognize that Content and User Experience are Symbiotic
“The entire purpose of the experience is for somebody to be able to get to you and navigate to the content,” McGrane said.
It’s not just important for designers to understand this about content, but content creators need to understand this about user experience as well. Both teams need to be aware of what the other is creating and how the two work together to deliver the ultimate product.
At this stage it is also important to discuss the narrative of the project and ask a few key questions. What story is the client trying to tell? How do they want their target audience to get there? How can the design help deliver the message? What types of pages and content are necessary to keep the audience engaged?
Content Planning, Not Content, Comes First
“Talking through a process called content modeling is a way for teams to start having discussions about what that content is without actually having to write every single word of the content,” McGrane said.
This means you’re talking about the structure of the content, the size and shape of it, what it will do, the expected audiences, how often the content will be updated and how much content there will be. Designers can then take this information and begin building designs around these early expectations even if the content is not ready. These meetings also give the client something to think about and work with.
Here is an example of a basic high-level content modeling system that illustrates the relationship between different pieces of content on a music website. This can then be used to create a more developed content model that helps designers have a better understanding of how the content will work together.
McGrane compared this process to magazine publishing and designing signage for an airport. Once you know the main content components, you can begin laying everything out and finalize the details later. However, she warns of the danger of thinking of the web in relation to print, noting how the web needs to be looked at as its own fluid medium with unique needs.
Design Limitations Help Inform Content
As designers work through the design, the team will gain a better understanding of the design’s limitations such as character and word counts. They can then take this information to the content team and provide them with guidelines that will help to ensure the content will fit the design.
This is especially important with responsive design projects, which McGrane argues are also content strategy projects. For starters, letting the content team know teasers are limited to 250 characters or headlines look best at 70 characters, for example, will make both the design process and the content writing process easier.
“Knowing that you’ll have something that’s the right size and shape to fit the screens you’re designing for really pays off in the long run,” McGrane said.
Work In Real Time
Once the content team breaks off to begin developing the content, it’s not uncommon for these teams to select static copy to share with the design team for prototyping purposes.
“Copying and pasting out of Word documents is so 1998,” McGrane said.
Instead, she encourages both content and design teams to take these early iterations online and recommends the implementation of APIs that allow content to automatically feed into a prototype. Designers are then working with the actual, updated content, which can help ensure the design and content support each other, while the content team can see how their content will look and feel, and adjust as necessary.
“I don’t think you can create great projects unless you have real, genuine collaboration between the people who are creating, maintaining and managing the content, and the people who are responsible for the actual design, prototyping and implementation,” she said.
For some, this information may seem obvious, but for many, collaboration between content and design teams is not even a consideration. Having the two work together will help ensure you’re developing the best content and experiences possible. After all, the two are intrinsically connected (and often one and the same) from the user’s perspective.