Usability Testing Checklist: What to Test Before Your Website Goes Live
Launching a website without usability testing is risky. This comprehensive pre-launch checklist covers visual hierarchy, navigation, forms, mobile experience, performance, and SEO—so you can catch costly mistakes before going live.
You're about to launch. The design is finished, the content is uploaded, the developers say everything works. Time to go live?
Not yet.
Every website launch carries risk. Broken forms, confusing navigation, invisible CTAs, slow loading, mobile layout issues — these problems are often invisible to the team that built the page because familiarity makes you blind to them. First-time visitors see them immediately.
This checklist is your safety net before every launch — whether it's a full website, a landing page, or a major update. Run through it once. Mark each item as ✅ Pass, ⚠️ Warning, or ❌ Fail. Launch rule: zero ❌ items before going live.
1. Visual Hierarchy and First Impression
This is the area where teams most often skip because it feels subjective. It isn't. Visual hierarchy has objective measures: can someone identify what the page is about in five seconds? Does the most important element on the page have the most visual weight? Is the CTA distinguishable from the rest of the content?
The blur test is the fastest way to get an objective read on hierarchy. Blur the page until text is unreadable — what remains visible represents what your visitor processes in the first second. Run this on your page at BlurTest before launch.
Blur test:
- ✅/⚠️/❌ Headline remains visible when blurred
- ✅/⚠️/❌ CTA stands out clearly — not competing with other elements
- ✅/⚠️/❌ Decorative elements do not overpower functional elements
- ✅/⚠️/❌ Mobile version also passes blur test
Visual hierarchy:
- ✅/⚠️/❌ Clear size difference between headline, subheadline, and body text
- ✅/⚠️/❌ CTA uses a unique color not found elsewhere on the page
- ✅/⚠️/❌ Generous white space around the CTA — nothing competing for attention in the immediate area
- ✅/⚠️/❌ Only one main focal point per viewport
- ✅/⚠️/❌ Consistent visual patterns across sections (spacing, sizing, color usage)
First impression:
- ✅/⚠️/❌ Page purpose clear within 5 seconds — show it to someone unfamiliar with your product
- ✅/⚠️/❌ Target audience obvious — does the visitor know immediately if this is for them?
- ✅/⚠️/❌ Value proposition above the fold — the key benefit visible without scrolling
- ✅/⚠️/❌ No visual clutter — elements that don't serve a purpose have been removed
Read our guide on above-the-fold design and white space principles for the design decisions that affect these checks.
2. Navigation and Structure
Navigation problems often don't feel like navigation problems. Visitors don't think "this navigation is confusing" — they just leave because they couldn't find what they were looking for. Check these items from the perspective of someone who's never seen your site before.
- ✅/⚠️/❌ Main navigation has fewer than 7 items — more creates choice paralysis
- ✅/⚠️/❌ Current page is highlighted in the navigation
- ✅/⚠️/❌ Logo links to the homepage
- ✅/⚠️/❌ Landing pages minimize or remove navigation — don't let visitors escape before converting
- ✅/⚠️/❌ Breadcrumbs exist on deep pages where context matters
- ✅/⚠️/❌ All links work — run a link checker before launch
- ✅/⚠️/❌ No "click here" links — link text describes the destination
- ✅/⚠️/❌ Important pages reachable within 3 clicks from the homepage
3. Content and Readability
Content problems are the most common launch issues because they require human review, not automated testing. Tools can check spelling; they can't check whether your value proposition actually makes sense to a first-time visitor.
Copy:
- ✅/⚠️/❌ Headlines are clear and specific — avoid clever over clarity
- ✅/⚠️/❌ Body text is scannable — short paragraphs, bullet points for lists
- ✅/⚠️/❌ No spelling or grammar errors — use a spell checker on the final copy
- ✅/⚠️/❌ Consistent tone throughout — doesn't shift from formal to casual mid-page
- ✅/⚠️/❌ No placeholder text remaining — "Lorem ipsum" anywhere is a ❌
Readability:
- ✅/⚠️/❌ Body text at minimum 16px — smaller than this strains reading on mobile
- ✅/⚠️/❌ Line length under 75 characters per line — longer lines are harder to read
- ✅/⚠️/❌ Strong contrast between text and background — test with a contrast checker
- ✅/⚠️/❌ Proper heading structure (H1 → H2 → H3) — not skipping levels
Media:
- ✅/⚠️/❌ All images have descriptive alt text
- ✅/⚠️/❌ Images are meaningful — they support the content, not just fill space
- ✅/⚠️/❌ No broken images — check on staging and production separately
- ✅/⚠️/❌ Videos include captions where dialogue matters
See our guide on typography hierarchy for the readability decisions that have the largest impact.
4. Forms and Conversion Points
Forms are the single most common point of conversion failure. A form that looks right in design can break in production. A form that works in Chrome might fail silently in Safari. Always test forms end-to-end on the actual production environment, not just in staging.
- ✅/⚠️/❌ Every form has been submitted with valid data — verify the data reaches its destination
- ✅/⚠️/❌ Every form has been submitted with invalid data — verify error messages appear correctly
- ✅/⚠️/❌ Only essential fields are included — each additional field reduces completion rate
- ✅/⚠️/❌ Error messages are specific and appear near the field causing the error
- ✅/⚠️/❌ Form preserves entered data when validation fails — don't make users retype
- ✅/⚠️/❌ Clear success confirmation after submission — what happens next?
- ✅/⚠️/❌ Primary CTA is visible above the fold
- ✅/⚠️/❌ CTA is repeated after long content sections — don't make visitors scroll back up
- ✅/⚠️/❌ Only one primary CTA style — multiple competing styles create confusion
- ✅/⚠️/❌ Trust signals appear near forms — security indicators, privacy policy link, return policy
- ✅/⚠️/❌ Privacy policy is linked near any email capture form
- ✅/⚠️/❌ Pricing is transparent — no hidden costs revealed after form submission
See our guides on CTA button design and trust signals for the conversion details that affect these checks.
5. Mobile Experience
Mobile isn't a secondary consideration — for most websites, mobile accounts for the majority of traffic. Problems that are invisible on desktop are immediately obvious on a phone. Test on real devices, not just browser developer tools, because real devices have different performance characteristics and touch behavior.
- ✅/⚠️/❌ No horizontal scrolling on any screen size
- ✅/⚠️/❌ Headline visible without scrolling on mobile
- ✅/⚠️/❌ CTA visible above the fold, or sticky CTA bar visible while scrolling
- ✅/⚠️/❌ All touch targets at least 44×44px — buttons, links, form fields
- ✅/⚠️/❌ Spacing between touch targets prevents accidental taps
- ✅/⚠️/❌ Text readable without zooming
- ✅/⚠️/❌ Form fields trigger appropriate mobile keyboards (email field shows email keyboard, phone field shows number pad)
- ✅/⚠️/❌ Tested on at least one real iOS device and one real Android device
6. Performance and Technical
Performance problems are particularly damaging because they affect every visitor on every page, and they compound with advertising spend — slow pages cost the same per click as fast pages, but convert worse. Run PageSpeed Insights on the final production URL (not staging) before launch.
- ✅/⚠️/❌ PageSpeed score above 80 on mobile (use Google PageSpeed Insights)
- ✅/⚠️/❌ LCP (Largest Contentful Paint) under 2.5 seconds
- ✅/⚠️/❌ FID/INP (interaction responsiveness) within acceptable range
- ✅/⚠️/❌ CLS (Cumulative Layout Shift) under 0.1 — elements shouldn't jump around on load
- ✅/⚠️/❌ All images compressed and served at appropriate sizes
- ✅/⚠️/❌ No render-blocking scripts in the page head
- ✅/⚠️/❌ Tested in Chrome, Safari, Firefox, and Edge
- ✅/⚠️/❌ No JavaScript errors in the browser console
- ✅/⚠️/❌ SSL certificate is valid — no mixed content warnings
7. SEO and Tracking
SEO and tracking issues are invisible to visitors but have long-term consequences. A missing canonical tag can cause duplicate content penalties months after launch. Missing conversion tracking means you're spending ad budget with no visibility into what's working.
- ✅/⚠️/❌ Unique, descriptive title tag on every page (50-60 characters)
- ✅/⚠️/❌ Compelling meta description (150-160 characters) — this appears in search results
- ✅/⚠️/❌ Exactly one H1 per page
- ✅/⚠️/❌ Clean, readable URL — no random strings or unnecessary parameters
- ✅/⚠️/❌ Canonical tag set correctly to prevent duplicate content issues
- ✅/⚠️/❌ Open Graph tags set for social sharing (og:title, og:description, og:image)
- ✅/⚠️/❌ Analytics installed and verified — confirm pageviews are registering
- ✅/⚠️/❌ Conversion tracking tested — submit a test form and verify the conversion fires
The 10-Minute Version
When time is short, these ten items catch the highest-severity problems. They're not a replacement for the full checklist — they're the minimum for "can we go live without a crisis."
After launch, the work isn't over. Run a BlurTest analysis on the live page to get a baseline visibility score. Then, as you make design changes over the coming weeks, you have an objective before-and-after metric to evaluate whether changes improved or hurt your visual hierarchy.
Related guides for the items in this checklist: