UX/UI audit – odhalte, proč návštěvníci nekonvertují

Investujete do reklamy a SEO, ale konverze zaostávají? Problém často není v návštěvnosti, ale v použitelnosti webu. UX/UI audit odhalí, kde návštěvníci narážejí na překážky, proč opouštějí košík nebo proč nevyplní formulář. Analyzujeme heatmapy, uživatelské cesty a chování na webu. Výstupem jsou konkrétní návrhy, jak zlepšit webdesign a zvýšit konverze.

Náš audit zahrnuje testování na reálných uživatelích, analýzu informační architektury a hodnocení přístupnosti. Porovnáme Váš web s konkurencí a identifikujeme příležitosti ke zlepšení. UX/UI audit je ideální doplněk k SEO auditu – společně pokryjí viditelnost i konverze. Pro technicky zaměřené weby provedeme i analýzu rychlosti.

Po auditu můžeme rovnou přejít k redesignu webu nebo implementaci dílčích změn. Navrhujeme nové wireframy ve Figma, testujeme prototypy a měříme výsledky. Pracujeme iterativně – každá změna je podložená daty. Pro e-shopy se zaměřujeme na optimalizaci nákupního procesu a checkout flow.

UX/UI audit stojí od 12 000 Kč – podívejte se na kompletní ceník. Provádíme audity pro firmy z Prahy i celé ČR. Kombinujeme UX/UI audit s SEO optimalizací pro maximální výsledky. Domluvte si bezplatnou konzultaci a zjistěte, kolik konverzí ztrácíte.

Heuristická evaluace podle Nielsenových 10 heuristik je rychlý a levný způsob, jak odhalit 80 % použitelnostních problémů bez nutnosti testovat na uživatelích. Visibility of system status – uživatel vždy ví, co se děje (loading state, success message, error feedback). Match between system and real world – ikony, terminologie a metafory odpovídají očekávání cílovky (Košík, ne Cart na CZ webu). User control and freedom – snadná cesta zpět, undo, zrušení akce. Consistency and standards – stejné akce vypadají stejně napříč webem. Error prevention – formuláře validují průběžně, ne až po submit. Recognition rather than recall – nabídněte výběr místo, abyste nutili pamatovat. Flexibility – power users mají zkratky, novici jasné guidance. Aesthetic and minimalist design – žádný šum. Help users recognize errors – jasné, lidsky napsané chybové hlášky. Help and documentation – FAQ a kontextová nápověda.

Analýza user flow odhalí, kde uživatelé padají z konverzního trychtýře. V GA4 v sekci Explorations vytvoříme funnel s kroky homepage → produktová kategorie → produktový detail → košík → checkout → potvrzení objednávky. Drop-off mezi košíkem a checkoutem 50 %+ je červená vlajka – obvykle chybí guest checkout, hidden costs (poštovné odhaleno až na poslední krok), nebo příliš mnoho povinných polí. Hotjar nebo Microsoft Clarity nabízí session recordings – sledujeme reálné záznamy 20–30 sessions, kde uživatel propadl z trychtýře. Často vidíme bounce na produktové stránce kvůli chybějícím detailům, scroll-jacking efekty, nebo cookie lišta překryvající CTA. Heatmapy zase ukazují, kam uživatelé klikají (často na neklikatelné prvky, které vypadají jako tlačítko). Doporučení testujeme A/B přes VWO nebo Google Optimize alternativy. Více v redesignu webu.

Informační architektura rozhoduje, jestli návštěvník najde, co hledá. Card sorting (Optimal Workshop, Maze) na 15–20 uživatelích odhalí, jak vaše cílovka mentálně třídí obsah – často se liší od logiky byznysu. Tree testing ověřuje, jestli aktuální navigační struktura umožní uživatelům najít konkrétní informace – cíl je success rate nad 80 % a directness nad 70 %. Crawl depth pro SEO – každá důležitá stránka by měla být dosažitelná do 3 kliků z homepage, jinak ji Google považuje za méně důležitou. Breadcrumbs (s BreadcrumbList schema) pomáhají orientaci i SERPu. Menu by mělo mít 5–7 položek max na primární úrovni – víc znamená Hick's Law a paralýzu výběru. Sticky header s vyhledáváním pro weby s 50+ stránkami. Pro webdesign Praha navrhujeme IA před samotným vizuálem.

WCAG 2.2 AA je dnešní standard pro public-facing weby a v EU se stane povinný od června 2025 (European Accessibility Act). Audit kontroluje barevný kontrast textu vůči pozadí – minimálně 4.5:1 pro normální text, 3:1 pro large text (18 px+ nebo 14 px+ bold). Klávesovou navigaci – uživatel musí dojít přes Tab na všechny interaktivní prvky v logickém pořadí, focus state musí být vizuálně jasný (ne outline:none bez náhrady). Alt texty u všech informativních obrázků, dekorativní obrázky s prázdným alt. Sémantická struktura – h1 jednou, hierarchie h2 h3 bez přeskakování, nav main article namísto generických div. Formulářové prvky s label, error hlášky napojené přes aria-describedby. Pro testování používáme axe DevTools, Lighthouse Accessibility audit, WAVE a screen reader VoiceOver/NVDA.

Konverzní trychtýř má tři vrstvy a každá vyžaduje jinou optimalizaci. Awareness (landing) – návštěvník musí v 5 sekundách pochopit, co stránka nabízí. Klíčové: silný headline, value prop, social proof nad foldem. Měříme bounce rate – nad 70 % na landing stránce je problém. Consideration (engagement) – návštěvník zkoumá nabídku. Klíčové: detaily produktu/služby, recenze, FAQ, srovnání. Měříme scroll depth (přes GA4 events) a time on page – pod 30 s znamená, že obsah neoslovil. Action (conversion) – návštěvník akci dělá. Klíčové: jasný CTA, minimum frikce ve formuláři, trust signals (SSL, recenze, garance). Měříme conversion rate – průměr pro CZ e-shop je 1,5–2,5 %, pro služby 3–8 %. Optimalizace probíhá iterativně přes A/B testy na největších objemech. Pro tvorbu webu integrujeme analytics už od začátku.

Použitelnost formulářů má přímý dopad na konverze a každá chyba stojí peníze. Field count – každé pole snižuje conversion rate o 3–7 %. Drasticky redukujeme – co opravdu potřebujete v prvním kontaktu? Jméno, e-mail, zpráva často stačí. Telefon až později. Single-column layout – očima skenuje uživatel rychleji než dvousloupcový. Field labels nad polem (ne placeholdery jako labely – placeholder má jiný účel). Real-time validace – červený rámeček a chybová hláška se zobrazí při blur, ne až po submit. Error messages musí být konkrétní (E-mail musí obsahovat zavináč) ne generické (Chyba). Progressive disclosure – nepovinná pole pod toggle Doplňující informace. Auto-fill atributy (autocomplete email, name, tel) pro mobilní browsery. Inline help text v malém šedém pod polem. Pro landing pages je optimalizace formuláře priorita číslo jedna.

Mobilní UX má specifika, která desktop tester nezachytí. Thumb zones – uživatel drží telefon jednou rukou a palec přirozeně dosáhne na střední a spodní část obrazovky, horní část je daleko. Primární CTA tedy patří dolů, ne nahoru. Sticky bottom bar s hlavní akcí (objednat, kontaktovat) je standard pro e-shop a service weby. Gesture support – swipe pro carousely, pull-to-refresh pro feed-like stránky, swipe-to-delete v listech. Viewport handling – viewport meta tag s width=device-width, initial-scale=1 je nutnost, nedopustit zoom by mělo být výjimkou (a11y). Bottom sheets pro modální obsah místo center modals – přirozenější interakce. Safe area pro telefony s notch (iPhone 14+) přes env safe-area-inset. Touch feedback – tap state musí být okamžitě viditelný (ne čekání 200 ms na click event). Pro mobilní aplikace jdeme ještě hlouběji.

Výstup UX/UI auditu musí být akční, ne jen seznam stížností. Dodáváme strukturovaný report s 4 sekcemi. Executive summary (1 stránka) – top 5 problémů s odhadem dopadu na konverze v procentech. Detailed findings (15–30 stránek) – každý problém má screenshot, popis, dopad (kritický/vážný/menší), doporučení a odhad pracnosti. Visual evidence – heatmapy z Hotjar, session recordings (3–5 reprezentativních), screenshoty s anotacemi přes Figma. Prioritized roadmap – kvadrant impact vs effort, doporučené quick wins (high impact / low effort) k okamžité implementaci, strategic projects (high impact / high effort) na další kvartál. Estimovaný ROI pro top 3 změny v Kč nebo procentech conversion lift. Klient po auditu ví přesně, co dělat příští týden, příští měsíc, příští kvartál. Implementaci děláme v rámci redesignu webu.