Content, UX and User Journeys
Why it matters. Paying to bring people to a page they can't use is the most expensive mistake in digital marketing. Fixing the journey often does more than spending more on ads. Your communications plan brings people to your organisation's website or app; what they find there decides whether they do what they came for. In this topic you'll plan content from what users need, check how easy a page is to use, map one key journey to find where people give up, and make the content accessible to everyone, including disabled people.
Progress marker: I can map a user journey, find where people drop off and fix the content and design. Rate yourself now on this marker (not yet, with support, independently or could teach it) and note your rating in your portfolio.
Choose your route. On a first pass, work through the lessons in order: each one fills the next group of the Content and UX Journey Audit, and the journey map in Lesson 8.3 uses the user needs and usability checks from the lessons before it. If a sign-up, booking or checkout is losing people right now, read the worked example, then start at Lesson 8.3 and come back to the earlier lessons afterwards. If you've been asked to check a page for accessibility, start with Lesson 8.4.
Content and UX Journey Audit
Audit one key journey on your organisation's website or app for clear content, ease of use, accessibility and trust, and get a prioritised list of fixes.
8.1Content Strategy From User Needs
You met Jordan's path to purchase in Module 3: trigger, search, compare, buy, and buy again. At every stage Jordan is looking for something. Now you plan the content that gives it to them.
User needs before organisation wants. Organisations tend to publish what they want to say: news about themselves, awards, a long "about us" page. Users arrive with a question or a task. A content strategy is the plan for what content to create, for whom, why, where it lives and how it's kept up to date, and it starts from user needs. Content design is the writing end of the same idea: start from the need and choose the clearest form to meet it. That might be a table, a short answer or a video rather than an article.
UK example: GOV.UK. The government's design principles (first published 3 April 2012, last updated 2 April 2025) begin with "Start with user needs", and add: "If you don't know what the user needs are, you won't build the right thing." GOV.UK's content guidance says content design starts by taking a user need and meeting it in the best way possible. A government website isn't selling anything, but the discipline transfers: every page should exist because someone needs it.
Writing a user need. Use a simple form: "As a [who], I need to [do or know what], so that [why]." For example: "As a first-time buyer, I need to know when my order will arrive, so that I can be in." Find needs in your research from Module 2, customer emails, reviews, the questions staff get asked, and what people type into your own site's search box.
Pillars, formats and homes. Group the needs into three to five content pillars: the themes your organisation will be useful on. Then decide each piece's format (page, guide, video, email or post) and where it lives. Content that answers a lasting question belongs on your own website, where people can find it again. Social posts point to it; they don't replace it.
Ownership. Content goes out of date: prices change, offers end, people leave. Give every important page an owner and a review date. Out-of-date content costs trust, and it can break the rules you met in Module 5, for example an old price or a claim you can no longer support.
Choosing less. Ask one question of every planned piece: which user need does it meet? If the answer is none, don't make it.
8.2Usability Basics
Content can meet a real need and still fail if people can't work the page. Usability is how easily people can do what they came to do. In Module 4 you checked Process as one of the 7Ps; usability is that process seen through a screen. You don't need a lab to judge it. You need a few principles and an honest five minutes.
Five basics.
- Clear labels: buttons and links say what happens next ("Choose your delivery date", not "Submit").
- One obvious next step: the main action stands out, and everything else is quieter.
- Short forms: ask only for what you need now. Every extra field is another reason to stop.
- Helpful error messages: say what went wrong and how to fix it, next to the field ("Enter a postcode, like DE1 1AA"), and keep what the person already typed.
- Mobile first: people often arrive on a phone, straight from a social post or an email. Design for a small screen and a thumb, then check the computer view.
Nielsen's heuristics. In 1994 Jakob Nielsen published ten usability heuristics: general rules of thumb, first developed with Rolf Molich in 1990. The Nielsen Norman Group still publishes them. Four are especially useful for marketers:
- Visibility of system status: people can see where they are, such as "Step 2 of 3".
- Match between the system and the real world: use the customer's words, not internal jargon.
- User control and freedom: an easy way back, or out, without losing work.
- Error prevention: stop mistakes before they happen, such as a date picker that won't accept a date in the past.
The five-minute check. Pick one key page, such as a product page, a booking page or a sign-up form. Pretend you're a new customer with one task. On your phone:
- In five seconds, can you tell what the page is for and what to do next?
- Can you finish the task without zooming, guessing or going back?
- Make a mistake on purpose. Does the error message help you fix it?
- Count the form fields. Which could go?
- Repeat on a computer, and note what changes.
Write each problem down in one line, with where it happened. Don't fix anything yet: you're collecting evidence. The journey map in the next lesson shows which problems cost the most.
8.3Mapping a Journey and Finding Drop-off
Read the worked example later in this topic first: it maps Larkfield's subscription sign-up from start to finish.
Which journey? The path to purchase you mapped in Module 3 crossed many places, and one of them is usually your organisation's website or app. Choose the journey where the path turns into action: a sign-up, booking, checkout, donation or enquiry form. If your communications plan from Module 7 sends people somewhere, start there. Paid visitors lost at this point are money lost.
The journey map. A user journey map is a step-by-step picture of one task, for one type of user, such as your target segment. For each step, write:
- what the user does ("taps Subscribe");
- what they think ("Do I have to create an account?");
- how they feel (confident, unsure, annoyed);
- where they get stuck, and your evidence.
Finding drop-off in the numbers. Drop-off is the point where people leave without finishing. Analytics tools can show it as a funnel report: how many people reach each step and how many fall out in between. In GA4 this is called a funnel exploration. The headline figure is the completion rate: people who finish divided by people who start. You met baselines in Module 6; now the completion rate becomes this journey's baseline, and any redesign is judged against it. Remember the consent gaps from that topic: analytics undercounts, so read the shape of the funnel as well as the totals. If you can't see your organisation's analytics, count the steps and fields as a visitor and label any drop-off you estimate as an assumption.
Finding the why by watching. Numbers show where people leave; they rarely show why. Watch one real person try the task, ideally someone like your target customer. Give them the task, not instructions ("Sign up for a coffee subscription"), ask them to think aloud, and stay quiet. Note every pause, frown and step back. Ask their permission first, as you did for research in Module 2. One person can't tell you how common a problem is, but they'll show you problems you'd never have guessed.
Reassurance before payment. Many sticking points are worries: hidden costs, being locked in, not knowing how to cancel. Answer them on the page, before payment, where the worry happens.
From map to fixes. Write one fix for each sticking point. Try first the fix at the step with the biggest drop-off and the strongest evidence. Keep your map and fixes in your portfolio document: they go into your campaign plan in Module 10, in the Creative Brief and Campaign Plan Builder.
8.4Accessible and Inclusive Content
Accessibility means designing so that disabled people, and everyone else, can use a service. It covers people with sight, hearing, movement and cognitive impairments, and it helps anyone using a phone in bright sun or with one hand free.
The standard. The Web Content Accessibility Guidelines (WCAG) come from the W3C, the web's standards body. WCAG 2.2 became a W3C Recommendation on 5 October 2023. It has three levels, A, AA and AAA; AA is the usual target.
UK example: the law in outline. GOV.UK's guidance (last updated 30 September 2024) says most public sector websites and apps must meet WCAG 2.2 AA (some bodies are exempt) under the Public Sector Bodies Accessibility Regulations 2018, and publish an accessibility statement. Private organisations aren't covered by them, but under the Equality Act 2010, service providers must make reasonable adjustments for disabled people, and the Equality and Human Rights Commission describes the duty as anticipatory: think about all potential disabled customers, not only the ones you know about. This isn't legal advice.
Six checks anyone can do.
- Contrast: normal text needs a contrast ratio of at least 4.5:1 against its background. Pale grey on white often fails.
- Alt text: each meaningful image has a short text alternative saying what it shows and why it's there. Decorative images get empty alt text, so screen readers skip them.
- Headings: real headings, in order, so screen reader users can jump through the page.
- Links that make sense on their own: "See delivery prices", not "click here".
- Forms: every field has a visible label, errors are explained in words rather than colour alone, and nobody has to type the same thing twice (Redundant Entry, new in WCAG 2.2).
- Tap targets: at least 24 by 24 CSS pixels, with some exceptions (Target Size (Minimum), also new in 2.2).
Plain English. Short sentences, everyday words, the most important thing first. GOV.UK's content guidance asks for content that is clear and written in plain English. It helps people reading in a second language or in a hurry.
Inclusive words and images. Use the words people use about themselves, and show the range of your customers in photos, as you checked in the regulation topic.
AI activity. Paste one public page from your organisation's website into an AI assistant (no personal data). Ask it to rewrite the page in plain English, then describe two images and ask for alt text for each. Check every change: is each fact still true, has it added a claim or figure, does it still sound like your organisation, and is the alt text accurate and short? Fix what it got wrong, and note what you changed and why.
Larkfield's Subscription Sign-up
Larkfield Coffee Roasters is fictional, and all its figures are illustrative. Maya Collins's strategic audit in Module 6 named the sign-up journey as one of three issues, with no baseline yet. Leo Grant, the digital marketing executive, now maps it. The "Roasted This Week" campaign from Module 7 will send paid visitors here: a lost sign-up wastes campaign money.
Choosing the journey. Jordan's path from Module 3 runs from a trial bag to a subscription. Subscriber growth has stalled because joiners only replace leavers, so the subscription sign-up is the journey that matters most.
The baseline. The old sign-up has five steps, and 30% of visitors who start it finish: for every 10 who start, 3 subscribe.
Watching one person. One subscriber tries the old sign-up, thinking aloud, while Leo watches.
| Step | Hesitation seen |
|---|---|
| 1. Choose coffee | None |
| 2. Grind | None |
| 3. Frequency | None |
| 4. Create account | Being made to create an account |
| 5. Payment | None |
The second hesitation runs through the whole journey: not knowing they could pause. It links back to Module 2: coffee building up at home was the top reason for cancelling, given by 39 of the 96 former subscribers. The fix from Module 5 lets subscribers cancel online; the sign-up has to show the flexibility up front.
The redesign.
- Three steps instead of five.
- Guest checkout, so nobody is made to create an account.
- "Skip, pause or change frequency any time" shown before payment, where the worry happens.
The target. 40% completion, measured with the same funnel report against the 30% baseline. That's 4 in 10 starters instead of 3, a third more sign-ups from the same visitors.
Content that meets a need. Leo writes Jordan's needs as user needs. "As a home brewer, I need to know what's been roasted this week, so that I get it at its freshest": the weekly "Roasted This Week" note. "As a home brewer, I need to get the best from my kit, so that every cup tastes right": the brewing guides.
The audit. In the Content and UX Journey Audit, the old journey's forced account and missing reassurance before payment are both Not yet.
Knowledge Check
You mapped a path to purchase in Module 3. A gym's path runs: trigger (a new year's resolution), search, compare prices and timetables, book a free trial class, then join. Which website journey would you map first, and why?
The free trial booking, because it's where the path turns from looking into action on the gym's own site; if people give up there, the money spent bringing them to the site is wasted, and it leads straight to joining.A bakery's website has a long "Our story" page, three press articles and no opening times. Using user needs, what would you change first?
Add opening times where every page can reach them, because "I need to know when you're open, so that I can visit" is a real need; the story and press serve what the bakery wants to say, so they can stay but come second.A charity's donation form has an "Enter" button, and when someone mistypes their postcode the form clears every field and shows "Error 402". Name two usability problems and a fix for each.
The label doesn't say what happens next (use "Donate £10" or "Continue to payment"), and the error message neither explains the problem nor keeps what was typed (say "Enter a postcode, like DE1 1AA" next to the field and keep the other answers).An events company's funnel report shows 1,000 people start booking in a month and 200 finish. What's the completion rate, and what should it do before redesigning anything?
20% (200 ÷ 1,000); record it as the baseline, then find where in the funnel most people drop off and watch one real person try the booking to see why, so the fix targets the actual sticking point.A colleague says the company website doesn't need to follow WCAG because it isn't a public sector body. How would you answer?
The public sector regulations don't apply to it, but under the Equality Act 2010 service providers must make reasonable adjustments for disabled people, a duty the EHRC calls anticipatory; WCAG 2.2 AA is the practical yardstick, and accessible pages work better for everyone (not legal advice).An AI assistant rewrites a hotel's booking page in plain English and adds "free cancellation on all rooms". The original page didn't say that. What do you do?
Remove it unless the hotel's own terms confirm it for every room, because the AI has added a claim, and a false one could mislead customers; check every fact the AI changes or adds against the source before anything is published.
Resources & Further Practice
- The UK example at source: GOV.UK, "Government design principles" (first published 3 April 2012, last updated 2 April 2025), eleven principles starting with "Start with user needs"; search GOV.UK for the title.
- Content design: GOV.UK content and publishing guidance, "Understand content design", explains how to start from a user need and write clear, plain English content; search for the title on GOV.UK's publishing guidance site.
- Usability: Jakob Nielsen, "10 Usability Heuristics for User Interface Design", Nielsen Norman Group (first published 1994, last reviewed 30 January 2024), with a short explanation and example for each heuristic.
- Accessibility standard: W3C, Web Content Accessibility Guidelines (WCAG) 2.2, a W3C Recommendation since 5 October 2023; the W3C's quick reference, "How to Meet WCAG", lets you filter the success criteria by level.
- Accessibility and the law: GOV.UK, "Understanding accessibility requirements for public sector bodies" (last updated 30 September 2024), covers the 2018 regulations, WCAG 2.2 AA and accessibility statements; the Equality and Human Rights Commission's guidance covers the Equality Act 2010. This isn't legal advice.
- Funnel reports: Google Analytics Help, "[GA4] Funnel exploration", shows how to set up the steps of a journey and see how many people fall out at each one.
- Further practice: complete the Content and UX Journey Audit for one key journey on your organisation's website or app, and keep your journey map and ranked fixes in your portfolio document for the campaign plan.
Your Journey Map and First Fix
- What I made: three user needs and the content that meets them, a five-minute usability check, a journey map for one key journey in my portfolio document, and the Content and UX Journey Audit with my fixes ranked.
- Where people get stuck on my organisation's journey, and my evidence: numbers, watching someone, or both.
- The fix I'd try first, why it comes first, and the measure I'd judge it by.
- Rate yourself again on this topic's progress marker (not yet, with support, independently or could teach it) and note your before and after ratings in your portfolio.
- Choose what to do next: test your first fix with one person (show them a sketch or the changed page and watch again), or move on to search, email and communities, which will bring people to the journey you've just fixed.
Did this module make sense?
Thanks for saying so: the Faculty sees every “not really”.
Which part lost you? (optional, anonymous)
Thanks: that tells the Faculty exactly where to look.
In the meantime:
Another way in
Watch one person use it. You'll learn more in five minutes than from a page of numbers.
Think of a café that pays for posters all over town, then has a front door that sticks. People walk up, push, think it's closed and leave. The posters worked. The door didn't. No amount of extra posters fixes the door, and you'd only spot it by standing outside and watching someone try to get in.
That's this topic in one picture. Your communications are the posters. The website journey is the door. A journey map is just a careful note of what happens at the door: each step, what people do, what they're thinking, and where they give up.
If the whole topic feels like too much, take one small step. Ask a friend to do one task on your organisation's website on their phone, such as booking, signing up or finding opening times. Don't help. Write down every place they pause or ask a question. Pick the pause that nearly made them give up, and write one sentence on how you'd fix it. That's a journey map with one fix, and it's the core of this topic's work.
The usual misconception is that people leave because they've lost interest. Often they haven't: they're unsure, worried or stuck, and a clearer word in the right place keeps them.
Key terms in this module
- User experience (UX)
- How easy, useful and pleasant it is for someone to do what they came to do on a website, app or service.
- User journey map
- A step-by-step picture of how a user moves through a task, with what they do, think and feel and where they get stuck.
- Content strategy
- Planning what content to create, for whom, why, where it lives and how it's kept up to date.
- Content design
- Starting from the user's need and writing content in the clearest form to meet it.
- Accessibility
- Designing so that disabled people, and everyone else, can use a service; in the UK, usually judged against the Web Content Accessibility Guidelines (WCAG).
- Drop-off
- The point in a journey where people leave without finishing.
Thanks. Good to hear.