Analyzátor vizuální hierarchie

Vstup

Design Description

Landing page: top has a small logo left, nav links right. Hero is a centered headline (~28px), a gray subhead, and a blue 'Sign up' button the same size as a secondary 'Learn more' button beside it. Below are three equal feature cards. The testimonial and pricing are far down, and there's a second identical CTA in the footer.

Design Type

landing

Analysis Focus

conversion

Výstup (úryvek)

PROBLÉMY HIERARCHIE (konverze): 1) Titulek na 28 px je pro hlavní sekci příliš tichý — zvedněte na 44–56 px, abyste získali první 3 sekundy. 2) Hlavní a vedlejší výzva k akci sdílejí váhu — potlačte „Více informací“ (ghost/textový styl), aby se oko odhodlalo k „Registrovat se“. 3) Ceny a reference jsou až po dlouhém scrollu — vytáhněte jeden důkaz blíž k hlavní sekci. 4) Dvě identické výzvy k akci tříští pozornost; obměňte formulaci. PRIORITNÍ OPRAVA: zvětšit titulek + jediná dominantní výzva k akci. Očekávaný přínos: jasnější cesta při prolétávání, rychlejší rozhodnutí.

Vstup

Design Description

Newsletter email: full-width hero image with white text baked into it, a light gray body text on white background (~13px), one orange button, and a footer with tiny 10px legal text and low-contrast unsubscribe link.

Design Type

email

Analysis Focus

accessibility

Výstup (úryvek)

PROBLÉMY HIERARCHIE PŘÍSTUPNOSTI: 1) Text zapečený do hlavního obrázku je pro čtečky obrazovky neviditelný a rozbije se, když jsou obrázky blokovány — přesuňte titulek do živého HTML. 2) 13px světle šedý text na bílé pravděpodobně nesplňuje kontrast WCAG AA — ztmavte aspoň na #595959 a zvedněte na 15–16 px. 3) 10px právní text je nečitelný — minimálně 12 px. 4) Nízkokontrastní odhlášení ohrožuje compliance i důvěru — udělejte ho zřetelně viditelným. PRIORITA: živý text + kontrast. Ty navíc zlepší doručitelnost i prolétávatelnost.

Vstup

Design Description

Analytics dashboard ported to mobile: a top row of four KPI cards squeezed side by side, a large line chart, then a dense data table with 8 columns. Everything is the same font size and weight, and the most important metric (revenue) sits third from left.

Design Type

dashboard

Analysis Focus

mobile

Výstup (úryvek)

PROBLÉMY MOBILNÍ HIERARCHIE: 1) Čtyři KPI karty v jedné řadě se pod ~90 px na šířku rozdrtí — naskládejte do mřížky 2×2 a veďte to Tržbami, ne třetí zleva. 2) Jednotná velikost/váha znamená, že nic nevede oko — udělejte hlavní metriku ~2× větší a tučnou. 3) Tabulka o 8 sloupcích je na mobilu nepoužitelná — přepněte na seznam karet nebo vodorovný scroll s připnutým prvním sloupcem. 4) Graf potřebuje prostor k dýchání nad tabulkou. PRIORITA: přeřadit podle důležitosti + responzivní mřížka KPI.