6 Steps to Building Content Models for Your Webpages (Pt. 2)

In part 1 of Tendo’s blog post series on content models, we introduced you to the concept of content models: what they are and why you should employ them to create more audience-focused webpages. A content model is an essential step in the webpage creation process, coming before the wireframing or design stages.

Now let’s jump into the details of how to actually build a content model. Here is Tendo’s six-step process that we follow when assisting clients.

Step 1: Outline User Task Flows

For a customer-focused foundation, begin by creating user task flows. In other words, map the specific tasks that users need to accomplish on the page or group of pages. List out all the tasks, then rank them from most important to least important. Next, break out each task to show what kind of content (text, visual asset, etc.) will enable the user to accomplish the task, including the order of consumption of each piece of content.

Task flows separate content completely from anything related to design, so they allow you to think about how and what content will best address users’ needs. Often when design comes into the equation, that becomes the driving force (because humans are visual). But it’s helpful to have a first step that grounds the process before anything that resembles a design, like a wireframe.

Key questions to ask when developing user task flows:

• What does the user expect when they come to this page (or group of pages)?
• What questions does the user need answered?
• What does the user want to accomplish?
• What content in what format will best serve the user’s needs?
• What goals do the internal stakeholders have for this page (or group of pages)?
• How can the page (or group of pages) best accomplish these goals without sacrificing user needs?
• What is the priority order of tasks for users?

Step 2: Pinpoint Your Page Within the Information Architecture

Before you proceed with fleshing out any content model, you should know exactly where your page or pages will reside on the site, and understand the context of a page within a given section. Consider the bigger picture of how your project fits into the complete website information architecture (IA) , plus the larger business goals of your organization.

Key questions to ask about IA and your page:

• Where are users likely coming from to get to the page(s) you’re working on?
• Do the pages they’re coming from cover some introductory information or related information? This keeps new pages from including overlapping or overly repetitive content.
• How does your project ladder up into longer-term or larger-scope business goals?

Step 3: Brainstorm the Optimal User Experience

Now it’s time to consider the content experience. What would your page look like in a perfect world, with no limits on creativity or format? What are the most engaging and effective ways for users to complete their top tasks? It’s always tempting to just do what’s been done before, rather than taking a step back to consider what’s optimal. But take a few moments to question the status quo. This is where you can surprise and delight your customers, and where you have the space to imagine a content experience that’s above and beyond what currently exists.

Key questions to ask when brainstorming the optimal content experience:

• What organization of information on the page will work best to accomplish each task flow in priority order?
• What will users expect to see first? What’s the most important thing to users on this page?
• How can the organization and format of the page most clearly communicate the tasks important to users?
• How can the visuals on the page best support and enhance the copy?
• Where will users want to go, or what will they want to do, after consuming this page?

Step 4: Refine and Shape Your Content Ideas

Following your brainstorm, the next step is to start giving definition to your ideas. At this point, pause for a quick reality check: What are the existing styles, page templates, or content components available for your website? If you’re creating a special campaign or a microsite, you may have permission to try new content formats or styles in pursuit of your optimal user experience; but if not, you’ll need to work within the guidelines and restrictions of your site’s content management system. Review the existing inventory of available building blocks for the page: heroes and features, copy blocks, images, videos, FAQs, CTAs, etc.

Key questions to ask when refining your ideas:

• Have your stakeholders asked for something new and exciting, or something that is similar to and fits well with pages that already exist?
• Do you need to choose from existing website components?
• Is your page part of a page category that has an existing template or other guidelines?
• Do your ideas from the ideal state brainstorm fit your team’s timeline, budget, and expectations?

Step 5: Choose the Right Content Model Format

You’re almost ready to build out your content model. But first you must choose which type of model is best suited for your audience and needs: a high-fidelity, medium-fidelity, or low-fidelity content model. In essence, you need to determine how much detail to include in your model.

Part 1 of this blog post series explains each content model in detail, but here is a quick refresher:

• Low-fidelity model: focuses on the priority and order of main sections of content on a page.
• Medium-fidelity model: includes rough spacing estimates for each section, as well as a description of the purpose of each section.
• High-fidelity model: adds more detail, including rough frames for images and CTAs, and can include some general ideas for layout.

High-fidelity content model

Medium-fidelity content model

Low-fidelity content model

Key questions for choosing the right content model format:

• Do you need a simple, abstract outline of your page?
  • Go with a low-fidelity model.
• Have your stakeholders seen and worked with content models before?
  • If they have not, then detailed, high-fidelity formats are typically easier for them to grasp.
• Are the stakeholders experienced in content strategy and prioritizing content first, rather than design first?
  • If they are less experienced, a high-fidelity format may be easier to visualize.
• Is the project proposing a standard page or something more radical?
  • If more radical, start with a low-fidelity format, so that the content organization and framework is the primary focus, rather than layout or design.

Step 6: Build Your Content Model

Finally, you’re ready to create your actual content model. First, a quick note on tools: At Tendo we usually use either Excel or PowerPoint to create simple models quickly. There are also apps and tools like InVision to create high-fidelity models and even interactive prototypes to show the experience a user will have on a page, and to easily make versions for mobile and different screen sizes.

As you can see from the images of sample content models, they typically communicate the names of each content component or section and then illustrate that section with a rough diagram. Higher-fidelity models also include a brief description of the component (e.g., the related user task or purpose of the section) or notes and directions to the content creator or designer.

Be cautious about how much information to include. It’s easy for these models to get cluttered and difficult to read, so only include information that’s critical for your goals at this stage: getting stakeholders on board with the content strategy of the page (what content, in what order). Of course, higher-fidelity models will include more details, but always take a second look to find anything you can shorten, clarify, or remove, making the model easier for stakeholders to consume.

Here are a few guidelines for how to create each type of model:

• Low-fidelity model: Use basic rectangles for each section. Don’t worry about accuractely representing the height of each section on the page (as in how much space it will take up on the page). This format is focused purely on the prioritization of information on the page. Use a short descriptive phrase to indicate the purpose of each section.
• Medium-fidelity model: Create rectangles that start to frame generally the amount of space each section will take up on the page (with more in-depth and/or more important sections getting more space). If you know a certain section will have sub-sections, you can draw a rough diagram of those as well. Along with the name of each section, include a short description of the purpose or goal.
• High-fidelity model: Depending on your tool for building a high-fidelity model, you can indicate things like which sections will have images, CTA buttons, or carousels, and how users will interact with different elements on the page. Along with detailing the name and purpose of each section, it may be helpful to include actual draft copy for headlines or CTAs, so stakeholders can get a feel for what the page will be about, as well as its voice and tone.

In meetings with our clients, we often present the task flows as a precursor to content models so that stakeholders can see how we decided on the order of information on the page, as well as what information we decided to include or not include. The important thing is to keep the conversation focused on how the content will satisfy the needs of the user and accomplish the goals of the business. It’s helpful to reiterate those goals throughout the conversation, and give reminders that more specific layout and design details are the next step in the process.

Key questions to ask when building and presenting your model:

• Will the details included in the model add to or detract from a content-first conversation?
• Does a quick glance at the model give a good general sense of the page?
• Am I able to succinctly describe the overall goal of this page and how each section builds to that goal?
• Am I able to succinctly describe each user task flow and how it is represented on the page?
• Can I anticipate any potential concerns from stakeholders, and do I have responses to those concerns?

There’s a lot that goes into the strategy of an effective webpage, as all good marketers know. But it’s worth the effort. Taking a step back to consider the larger view, including key considerations for both your user and your stakeholder, can make or break the success of your project. Use content models to full advantage as a critical tool in this process.

Talk to Tendo

Need help with a website redesign, information architecture development, or creation of new website sections or pages? The content strategists at Tendo are at your service. Get in touch and we’ll discuss how to achieve your goals and overcome your challenges. Email us at inquiries@tendocom.com.