UI/UX Design Basics for MarketersUX foundations for marketers · Lesson 2 of 21
The 10 usability heuristics in practice
Video lecture
The 10 usability heuristics in practice
The narrated lecture is in production
Every chapter is scripted and ready. Browse the chapters and read the full transcript now — the video will appear here when it’s published.
Chapters
Transcript of the narration, chapter by chapter.
0:00 The 10 usability heuristics
Have you ever tapped a button, seen nothing happen, and tapped it again? And then discovered you'd ordered two of something? That tiny moment of confusion has a name, and a fix. In the nineteen nineties, usability expert Jakob Nielsen published ten general principles for interface design, called usability heuristics. Three decades later, they're still one of the fastest ways to find problems on any page. In this lecture, you'll learn all ten with marketing examples, how to run a quick heuristic review, how to score severity, and where this method falls short.
0:40 Why it matters
Why should a marketer care about a checklist from the nineties? Because heuristic reviews are fast and cheap. One person with a phone can review a landing page in thirty minutes and find the problems that are quietly wasting ad spend. No recruitment, no special tools. Think of heuristics like a pilot's pre-flight checklist. The pilot knows how to fly. The checklist makes sure nothing obvious gets missed when everyone's in a hurry. Before a campaign launch, you're in a hurry too. And because the ten heuristics are shared vocabulary, they also end arguments. Instead of saying I don't like this pop-up, you can say this breaks user control and freedom, because the close button is hard to find. That turns taste into a reasoned, fixable problem.
1:35 Heuristics 1 to 5
Let's go through the first five. One, visibility of system status. Keep people informed, like showing sending, then thanks, check your inbox, after a form submit. Two, match between the system and the real world. Use your customers' words. Book a call, not initiate consultation workflow. Three, user control and freedom. Give people a clear way to undo, go back or close, like a close button on a pop-up that's actually findable. Four, consistency and standards. Links look like links, and buttons look the same across the site. Five, error prevention. Stop mistakes before they happen, with a date picker instead of free text.
2:20 Heuristics 6 to 10
Now six to ten. Six, recognition rather than recall. Show options instead of making people remember them, like displaying the chosen plan at checkout. Seven, flexibility and efficiency. Help newcomers and regulars, with autofill and saved details. Eight, aesthetic and minimalist design. Remove anything that competes with what matters, often one primary call to action per section. Nine, help users recognize, diagnose and recover from errors. Instead of error code fifty-one, say your card was declined, please try another card. And ten, help and documentation. Put answers where questions arise, like an FAQ right beside pricing.
3:02 Running a heuristic review
Here's how to run a review. First, define one task, like register for the webinar on mobile. Second, walk through it as a new user would, on the device your audience actually uses. Third, log every problem: where it happens, which heuristic it breaks, and a suggested fix. Fourth, rate severity. A common scale runs from zero, not a problem, to four, blocks the task. Think about frequency, how many people hit it, impact, how badly it hurts, and persistence, whether it keeps happening. Fifth, if you can, have two or three people review independently. Different people spot different problems.
3:45 Worked example 1: phone case store
Worked example one. A small online store selling phone cases. The task: buy a case on mobile. After tapping add to cart, nothing visibly changes, so people tap again. That's heuristic one. Shipping is labeled fulfillment fee. That's heuristic two. Some buttons are green and rounded, others gray and square. Heuristic four. The phone model is typed as free text, causing wrong orders. Heuristic five. And card errors say transaction failed, code fifty-one. Heuristic nine. Each fix is small. A cart badge and a toast message. The word shipping. One button style. A model dropdown. A human error message.
4:28 Worked example 2: agency pre-launch (illustrative)
Worked example two, a business scenario with illustrative details. A digital agency in Manchester is about to launch a paid campaign for a client's online course. There are twenty-five findings from the review and one week to launch. What do they fix? They sort by severity. At the top: the enroll button is hidden behind a cookie banner on small phones, and the payment error just says failed. Both block the task for many people. Lower down: an inconsistent icon in the footer. They fix the top five before launch and schedule the rest. The campaign launches on a page that works.
5:12 Watch me do it: the review sheet
Watch me do it. I open a shared sheet with columns for task, screen, problem, heuristic, frequency, impact, persistence, severity and fix. My task: buy a gift card on Android from a Facebook ad. I walk the task and log only what I see. Tapped buy, spinner never stopped. That's heuristic one. I rate frequency two, impact three, persistence two. My severity formula weights impact the most and gives me a four. Next row: the delivery date uses a free text box. Heuristic five, severity two. After fifteen minutes, I sort by severity and highlight the top three fixes.
5:55 AI and the limits of heuristics
One more tool. You can paste screenshots into a multimodal AI assistant and ask it to suggest possible heuristic violations. It's good for breadth. It might notice jargon or a missing confirmation message. But it also invents problems and misses context, like how your customers actually talk. So treat it as an extra reviewer whose findings you confirm on a real device. And remember the biggest limitation of heuristic reviews in general. They're expert judgment, not user evidence. They miss problems specific to your audience, and they create some false alarms. Combine them with usability testing and analytics.
6:38 Severity turns a list into a plan
Let's get more precise about severity, because that's what turns a list into a plan. Ask three questions about each problem. How many people hit it? That's frequency. How badly does it hurt them? That's impact. And does it keep happening, or is it a one-time annoyance? That's persistence. In the lesson sheet, a simple formula weights impact the most and maps the result onto a zero to four scale. The exact weights matter less than agreeing on them before the review. Then sort. A missing confirmation on a paid-traffic form will almost always beat a slightly inconsistent footer icon.
7:21 Common mistakes
Common mistakes. Evaluating on desktop when your customers are on phones. Listing problems without severity, so the team fixes trivial things first. Writing opinions instead of observations. Treating the heuristics as rigid laws instead of guides. And skipping real user testing because we already did a heuristic review. How do you know your review worked? Track open high-severity issues over time, and watch whether the specific problems stop showing up in recordings, support tickets and test sessions.
7:54 Recap and try this now
Let's recap. Nielsen's ten heuristics give you a fast, structured way to review any page or flow. Define a task, walk it on the right device, log each problem with its heuristic, severity and fix, and prioritize by frequency and impact. Use AI as an extra reviewer, not a judge. And always validate with real users. Try this now. Pick one key task on your site, like signing up or booking. Walk it on your phone, log at least six problems in the review sheet from the lesson, and choose the top three to fix before your next campaign.
A shared checklist for good interfaces
In the 1990s, usability expert Jakob Nielsen published ten general principles for interaction design, known as usability heuristics. They remain one of the most widely used tools for evaluating interfaces quickly. A heuristic evaluation — reviewing a page against these principles — takes little time and reliably uncovers common problems.
The ten heuristics with marketing examples
| # | Heuristic | What it means | Marketing example |
|---|---|---|---|
| 1 | Visibility of system status | Keep users informed about what's happening | "Sending…" then "Thanks! Check your inbox" after a form submit; progress steps in checkout |
| 2 | Match between system and the real world | Use users' language and familiar concepts | "Book a call" instead of "Initiate consultation workflow" |
| 3 | User control and freedom | Provide clear ways to undo, go back or exit | Easy-to-find close button on pop-ups; editable cart |
| 4 | Consistency and standards | Follow platform and internal conventions | Links look like links; the logo returns home; buttons look the same site-wide |
| 5 | Error prevention | Prevent problems before they occur | Date pickers instead of free text; confirming before deleting |
| 6 | Recognition rather than recall | Make options visible instead of relying on memory | Showing selected plan details at checkout; recently viewed items |
| 7 | Flexibility and efficiency of use | Support both novices and experts | Autofill, saved details, shortcuts for returning customers |
| 8 | Aesthetic and minimalist design | Remove information that competes with what matters | One primary call to action per section |
| 9 | Help users recognize, diagnose and recover from errors | Plain-language error messages with solutions | "That email looks incomplete — did you mean name@gmail.com?" |
| 10 | Help and documentation | Provide easy-to-find help when needed | FAQs near pricing; chat link during checkout |
Running a quick heuristic evaluation
- Define the task you're evaluating ("Register for the webinar on mobile").
- Walk through the task as a new user would, ideally on the device your audience uses.
- Note each problem, the heuristic it breaks, and where it happens.
- Rate severity — for example 0 (not a problem) to 4 (blocks the task).
- Recommend a fix for each.
- Ideally, have two or three people evaluate independently, then combine findings; different people spot different problems.
Heuristic evaluation log
Task: ________________________ Device: ________
No Location Problem Heuristic Severity Fix
1 Form No confirmation after submit H1 3 Add success message + email
2 Pricing "SKU tiers" jargon H2 2 Rename to "Plans"
3 Pop-up Close button tiny, low contrast H3 3 Larger, clear close buttonSeverity helps prioritize
Not every issue matters equally. Prioritize:
- Frequency: how many users hit it?
- Impact: how badly does it block them?
- Persistence: is it a one-time annoyance or a repeated one?
Fix high-severity, high-frequency issues first. A missing confirmation message on a paid-traffic form may matter more than a slightly inconsistent icon.
Limitations
Heuristic evaluation is fast and cheap but it is expert judgment, not user evidence. It misses problems specific to your audience's knowledge, context or language, and it can produce false alarms. Combine it with usability testing and analytics (covered later in the course).
Worked example: a small e-commerce store
Task: "Buy a phone case on mobile."
Findings:
- H1: After tapping "Add to cart", nothing visible changes — users tap again and add two cases.
- H2: Shipping is called "fulfillment fee".
- H4: Some buttons are rounded and green, others square and gray.
- H5: The phone model is typed as free text, leading to mistakes.
- H9: Card errors say "Transaction failed (code 51)".
- H10: No delivery information until the last step.
Fixes: a toast message and cart badge update; "Shipping" wording; one button style; a model dropdown; human-readable payment errors with next steps; delivery times shown on product pages.
Common mistakes
- Evaluating on desktop when most customers use mobile.
- Listing problems without severity, so teams fix trivial issues first.
- Treating heuristics as rigid rules rather than guides.
- Skipping real user testing because "we already did a heuristic review".
Hands-on: run a heuristic review with a shared sheet
Set up a simple spreadsheet (Google Sheets, Excel or Airtable all work) with these columns, then have two or three people fill it in independently before you merge results.
ID | Task | Screen/URL | Problem (observed) | Heuristic (H1-H10) | Frequency (1-3) | Impact (1-3) | Persistence (1-3) | Severity | Fix | Owner | StatusAdd a formula to turn the three ratings into a single severity score so the team sorts by evidence rather than volume:
Severity (in column I, row 2): =ROUND((F2*2 + G2*3 + H2)/6*4, 0)This weights impact most heavily and maps the result onto the familiar 0–4 scale. Adjust the weights if your team prefers, but agree on them before the review, not after.
Step by step:
- Choose one task and one device. For example, "Buy a gift card on an Android phone from a Facebook ad."
- Walk the task twice. First as a newcomer, reading everything. Then quickly, as a returning customer.
- Log only what you observe. "Tapped 'Add to cart'; nothing changed" is an observation. "The cart is bad" is not.
- Tag the heuristic. If a problem breaks two heuristics, choose the most specific one.
- Merge and de-duplicate. Combine the reviewers' sheets, keep the clearest wording, and note how many reviewers found each issue.
- Sort by severity and pick the top three fixes for the next sprint or campaign.
Using AI to speed up (not replace) the review
You can paste screenshots or page text into a multimodal AI assistant and ask it to suggest potential heuristic violations. It is useful for breadth — it may spot jargon or missing feedback messages you overlooked — but it hallucinates problems and misses context. Use it as an extra reviewer whose findings must be confirmed on a real device:
Act as a usability reviewer using Nielsen's 10 heuristics. For the attached screenshots of the
task "<task>" on mobile, list potential issues as: screen, observation, heuristic, why it matters.
Only list issues visible in the screenshots. Say "uncertain" when you are guessing.How to measure success
Track the number of high-severity issues open over time, and connect the top fixes to a task metric: task completion rate in usability tests, form completion rate, or support contacts about the same problem. A heuristic review "worked" when the specific problems it found stop appearing in recordings, tickets and tests.
Summary
Nielsen's ten heuristics give you a fast, structured way to review any page or flow. Define a task, walk through it on the right device, log problems with the heuristic, severity and fix, and prioritize by frequency and impact — then validate with real users.
Key takeaways
- Nielsen's ten heuristics are a fast, widely used checklist for evaluating interfaces.
- Evaluate specific tasks on the device your audience actually uses.
- Log each problem with the heuristic, severity and a recommended fix.
- Heuristic reviews complement — but don't replace — testing with real users.
Check your understanding
Quick questions to lock in the lesson. They don’t count towards your certificate.
Put it into practice
Run a heuristic evaluation of one key task on your website or a client's, on a mobile phone. Log at least six problems with heuristic, severity and fix, and pick the top three to address.
Enrol for free to save your progress
Reading is always free. Enrol to keep your place, take the final assessment and earn a verifiable certificate.