UX Design Mistakes That Kill Conversions (and Fixes)

A website can look polished and still lose customers at every step. Most UX design mistakes are not dramatic failures; they are small points of confusion, effort or doubt that add up until a visitor gives up. This guide walks through 12 common mistakes, explains how each one hurts conversions, rates its severity and gives you a practical fix. It ends with a mini UX audit checklist you can run on your own site this week.

Quick answer: The UX design mistakes that hurt conversions most are vague headlines, confusing navigation, competing calls to action, unforgiving forms, low-contrast text, poor mobile layouts, slow or jumpy pages, intrusive popups, hidden costs, walls of text, missing feedback and broken keyboard access. Fix critical issues that block tasks first, then work down by severity.

What counts as a UX design mistake?

A UX design mistake is any design or content decision that makes it harder for a visitor to understand, trust or complete what they came to do. It is different from a matter of taste. A color you dislike is not a mistake; a color that makes your buttons unreadable is.

Most mistakes break one of the well-known usability principles summarized by Nielsen Norman Group in its 10 usability heuristics, such as “visibility of system status,” “consistency and standards” and “error prevention.” Those heuristics have been around for decades because people’s basic expectations of interfaces change slowly, even as design trends come and go.

How are these mistakes rated for severity?

Each mistake below has a severity rating based on how badly it can stop people from converting. Use the scale to decide what to fix first.

Keep in mind that severity depends on context. A mistake rated “medium” in general can be “critical” on your highest-value page.

1. Is your value proposition too vague?

A vague value proposition is a headline or hero section that does not clearly say what you offer, who it is for and why it is better. Phrases like “Solutions for tomorrow” or “We make it happen” sound confident but tell a new visitor nothing.

Severity: High

Impact: Visitors who cannot tell within a few seconds whether they are in the right place tend to leave or go back to search results. People who do stay must work harder to piece together what you do, which uses up the attention you need for the actual sales message.

Fix:

• Rewrite the main headline to name the service, the audience and the main outcome in plain words.
• Add a one-sentence subheading that handles the most common objection, such as price, speed or location.
• Run a “five-second test”: show the page to someone unfamiliar with your business for five seconds, then ask what you sell. If they cannot say, keep rewriting.

2. Is your navigation organized around you instead of your visitors?

Navigation built around your internal structure uses department names, product codes or clever labels instead of the words customers use. Menus with too many top-level items cause the same problem from the other direction.

Severity: High

Impact: When visitors cannot predict what is behind a menu label, they either click around aimlessly or give up. Confusing navigation also hides your most profitable pages, which means fewer people ever reach a call to action.

Fix:

• Use customer language. If people search for “roof repair,” do not label the menu item “Exterior Restoration Services.”
• Keep the main menu short and put the most important items at the start and end, where they get the most attention.
• Make sure every key page is reachable within a few clicks, and add a visible search box if you have many pages or products.
• Check that your site includes the pages a small business website should include, so visitors can find essentials like pricing, contact details and proof of work.

3. Are too many calls to action competing for attention?

Competing calls to action happen when a page offers several buttons of equal visual weight, such as “Book a demo,” “Download the guide,” “Subscribe” and “Contact sales,” all at once.

Severity: High

Impact: More choice often means slower decisions. When everything is highlighted, nothing stands out, and visitors who are unsure what to do next may postpone the decision indefinitely.

Fix:

• Choose one primary action per page and give it the strongest visual style.
• Demote secondary actions to text links or outline buttons.
• Use specific button text that says what happens next, such as “See pricing” or “Book a 15-minute call.”

If you want to go further, our list of conversion rate optimization tips with test ideas shows how to test call-to-action changes instead of guessing.

4. Do your forms punish people for small mistakes?

Punishing forms are forms that reject input without explaining why, wipe out entries after an error, demand unnecessary information or hide which fields are required.

Severity: Critical

Impact: Forms are the final step before a lead or sale, so any failure here directly cancels a conversion you had almost won. A visitor who loses their typed details after an error rarely starts over.

Fix:

• Validate fields as people go and show plain-language error messages next to the field that needs attention.
• Never clear valid entries when another field fails.
• Accept common formats for phone numbers, dates and postcodes instead of forcing one exact pattern.
• Remove fields you do not need before your first reply.
• Avoid puzzle-style challenges at login where you can. WCAG 2.2 added a criterion called Accessible Authentication (Minimum) at level AA, which discourages forcing people to solve cognitive tests just to sign in.
• Do not make people retype information they already gave you in the same process. WCAG 2.2’s Redundant Entry criterion addresses exactly this.

5. Is your text hard to read because of low contrast or small sizes?

Low-contrast text is text whose color is too close to its background, such as light gray on white or white on a pale photo. It is often paired with small font sizes chosen to make a layout look “clean.”

Severity: High

Impact: If people cannot read your offer, they cannot be persuaded by it. Low contrast affects people with low vision, older visitors and anyone reading on a phone in bright sunlight, which is a large share of real-world traffic.

Fix:

• Meet the WCAG contrast minimums at level AA: a ratio of at least 4.5:1 for normal text and 3:1 for large text, according to the W3C’s guidelines.
• Use a contrast checker on buttons, placeholder text, links and text over images, not just body copy.
• Set a comfortable base font size for body text and generous line spacing, especially on mobile.

Our WCAG guide for business owners explains the other requirements that often show up in the same audit.

6. Is mobile treated as a shrunken desktop site?

A desktop-first mobile experience is one where the layout technically fits a phone but was clearly designed for a mouse and a large screen. Typical signs include tiny tap targets, menus that rely on hover, horizontal scrolling and important content buried below long hero images.

Severity: Critical

Impact: For many businesses, a large share of visitors arrive on a phone. If they cannot tap the right button, read the text or complete a form with an on-screen keyboard, they leave, and many will not come back on a desktop later to try again.

Fix:

• Design key pages for a phone screen first, then expand for larger screens.
• Make tap targets comfortably large and well spaced. WCAG 2.2 sets a minimum target size of 24 by 24 CSS pixels at level AA, with some exceptions, and many design systems recommend larger targets for primary buttons.
• Use the correct input types so phones show a number pad for phone numbers and an email keyboard for email fields.
• Test on real devices, not just a resized desktop browser window.

7. Are slow pages and layout shifts driving people away?

Slow pages are pages whose main content takes too long to appear, and layout shift is when content jumps around while the page loads. Both make a site feel broken even when it technically works.

Severity: High

Impact: Waiting for content tests visitors’ patience before they have seen your offer. Layout shift is especially damaging to conversions because it causes mis-taps, such as hitting an ad or the wrong button when the page suddenly moves.

Fix:

• Check your Core Web Vitals. According to web.dev, a good experience means Largest Contentful Paint within 2.5 seconds, Interaction to Next Paint within 200 milliseconds and Cumulative Layout Shift of 0.1 or less.
• Compress and correctly size hero images, and avoid lazy-loading the main image at the top of the page.
• Reserve space for images, embeds and banners so they do not push content down when they load.
• Remove third-party scripts you no longer use.

For step-by-step guidance, see our explainer on Core Web Vitals thresholds and fixes.

8. Are popups interrupting people before they engage?

Intrusive popups are overlays that cover the content a visitor came to see, often appearing immediately on arrival and making the close button hard to find.

Severity: Medium (high on mobile)

Impact: A popup that appears before someone has read anything asks for commitment before you have earned it. On phones, full-screen overlays can make the page feel unusable. Google’s page experience documentation also cautions against intrusive interstitials that make content less accessible.

Fix:

• Delay popups until a visitor has shown interest, such as scrolling well down a page or spending time reading.
• Use smaller banners or inline offers on mobile instead of full-screen overlays.
• Make the close button large and obvious, and respect the choice once someone closes it.
• Measure total conversions and bounce rate, not just popup sign-ups, to know whether the popup is really helping.

9. Are you hiding costs or surprising people late in the process?

Hidden costs are fees, delivery charges, taxes, minimum contract terms or required add-ons that appear only at the end of a checkout or quote process.

Severity: Critical

Impact: Surprises at the final step feel like a bait-and-switch. Visitors who have invested time and then discover an unexpected cost often abandon on the spot and may lose trust in the brand altogether. In Baymard Institute’s long-running checkout surveys, extra costs such as shipping, taxes and fees consistently rank as the top reason shoppers give for abandoning checkout.

Fix:

• Show delivery costs, or at least a clear estimate, on product pages and in the cart.
• State minimum terms, setup fees and cancellation rules before the form, not in the confirmation email.
• Let people see the total before asking them to create an account.

Store owners can go deeper with our proven fixes for cart abandonment.

10. Are your pages walls of unscannable text?

A wall of text is long, unbroken copy with few headings, no lists and no visual hierarchy. It often happens when content is written for completeness rather than for the way people actually read online.

Severity: Medium

Impact: Most visitors scan before they read. If they cannot find the answer to their question by skimming, they assume it is not there. Important selling points buried in paragraph six never get seen.

Fix:

• Lead each section with the main point, then add supporting detail.
• Use descriptive subheadings that work as signposts, so a skimmer can understand the page from the headings alone.
• Break up lists of features or steps into bullets, and use tables for comparisons.
• Keep paragraphs short, and cut any sentence that does not help the visitor decide.

11. Does your site give feedback when people take action?

Missing feedback means the interface does not show what is happening after someone clicks, submits or waits. Examples include buttons with no loading state, forms that go silent after submission and empty search results with no suggestions.

Severity: Medium

Impact: When people are not sure whether something worked, they click again, refresh, or leave. That can create duplicate orders and duplicate leads, or simply lose the visitor. This is the classic “visibility of system status” problem in usability terms.

Fix:

• Show a loading indicator and disable the submit button while a request is processing.
• Confirm success clearly, and tell people what happens next, such as when they will hear back.
• Turn dead ends into next steps: helpful 404 pages, search results with suggestions, and thank-you pages that offer a relevant resource.

12. Can people use your site with a keyboard?

Broken keyboard access is when visitors who navigate with a keyboard, switch device or screen reader cannot reach or operate menus, buttons or form fields. A common cause is removing the visible focus outline because a designer found it unattractive.

Severity: High

Impact: If someone cannot reach your call to action, they cannot convert. Beyond lost revenue, poor keyboard access is one of the issues accessibility audits most often flag, and it can create legal exposure in markets with accessibility requirements.

Fix:

• Keep a clearly visible focus indicator on every interactive element. WCAG treats visible focus as a level AA requirement.
• Make sure menus, modals and custom controls can be opened, used and closed with a keyboard alone.
• Check that sticky headers or cookie banners do not cover the element that currently has focus, which WCAG 2.2 addresses with its Focus Not Obscured criterion.
• Tab through your top pages yourself, starting from the address bar, and note anywhere you get stuck.

Which UX design mistakes should you fix first?

Fix critical issues that stop people from completing a task first, then high-severity issues on your highest-traffic pages. The table below summarizes the 12 mistakes so you can plan the work.

Use your data to confirm where each issue actually hurts. If you have not set up funnel reporting yet, learn how to track where users drop off in GA4 so you can compare before and after each fix. And if the list is long enough that patching no longer makes sense, it may be time to plan a redesign without losing search rankings.

Mini UX audit checklist

This mini UX audit checklist turns the 12 mistakes into quick checks you can run in an afternoon. Test on a phone and a laptop, and ideally ask someone outside your business to try the key tasks while you watch.

First impression

• The homepage headline names the service, the audience and the main benefit.
• A first-time visitor can explain what you do after five seconds.
• Each page has one visually dominant call to action.

Navigation and content

• Menu labels use the words customers use, not internal jargon.
• Every key page is reachable within a few clicks from the homepage.
• Pages can be understood by skimming headings and bullet points.
• Pricing, delivery costs and key terms are visible before the final step.

Forms and feedback

• Forms ask only for information needed before the first reply.
• Error messages appear next to the field and explain how to fix it.
• Entered data survives an error.
• Buttons show a loading state, and success messages say what happens next.

Mobile and speed

• Key pages work on a real phone without zooming or horizontal scrolling.
• Buttons and links are easy to tap without hitting neighbors.
• Main content appears quickly and nothing jumps around while loading.
• Popups are delayed, small on mobile and easy to close.

Accessibility basics

• Text and buttons pass a color contrast check.
• You can reach and use every link, menu and form field with the keyboard alone.
• A visible focus indicator shows where you are on the page.

Keep reading

Conversion & UX20 Conversion Rate Optimization Tips for More LeadsRead articleAI Search & SEOWhat Is GEO? Generative Engine Optimization Explained (2026)Read articleAI Search & SEOGoogle AI Overviews SEO: How to Get Your Website CitedRead article