Chci probrat appkuMáte SW problém?
Zpět na blog
UI/UX DesignUXDesignZe zákulisíChyby

Když design ignoruje uživatele: Galerie UX hrůz

Lukáš Huso5. března 20266 min čtení
Když design ignoruje uživatele: Galerie UX hrůz
Photo: Kelly Sikkema / Unsplash

Existuje zvláštní druh sadismu, který se maskuje za "uživatelský zážitek." Je to ten moment, kdy designér (nebo častěji: programátor, který si myslí, že je designér) vytvoří rozhraní, které je technicky funkční, ale z pohledu uživatele představuje sedmý kruh pekla.

Za léta práce jsme viděli věci. Věci, po kterých jsme se museli projít na čerstvém vzduchu. Tady je výběr těch nejpamátnějších.

Registrace jako výslech

Představte si: najdete zajímavou aplikaci, chcete ji vyzkoušet. Kliknete na "Registrovat se." A objeví se formulář s patnácti povinnými poli. Jméno, příjmení, e-mail, heslo, potvrzení hesla, telefon, adresa, PSČ, město, země, datum narození, pohlaví, jak jste se o nás dozvěděli, oblíbená barva (dobře, tahle ne, ale zbytek ano), a souhlas se čtyřmi různými dokumenty.

Tohle není registrace. Tohle je daňové přiznání.

Převzali jsme jednu SaaS aplikaci, která měla tento přesný problém. Analytika ukázala, že 87 % uživatelů opustilo registrační formulář, aniž by ho dokončili. Osmdesát sedm procent. Firma se divila, proč nemají uživatele. My jsme se divili, proč vůbec mají těch zbylých třináct procent.

Řešení? Registrace přes e-mail a heslo. Všechno ostatní se dá doplnit později, když uživatel pozná hodnotu produktu. Konverzní poměr se po úpravě ztrojnásobil.

87 %
uživatelů opustí složitý registrační formulář
88 %
uživatelů se nevrátí po špatném UX zážitku
dražší oprava UX po spuštění než při návrhu
50 %
webového provozu jde přes mobilní zařízení

Dialog "Jste si jistí?" a jeho sourozenci

Bezpečnostní dialogy mají svůj účel. Otázka "Opravdu chcete smazat svůj účet?" dává smysl. Ale existují aplikace, které tenhle koncept dovedly do absurdna.

Viděli jsme systém, kde smazání jedné položky ze seznamu vyžadovalo tři potvrzovací dialogy:

  1. "Opravdu chcete smazat tuto položku?"
  2. "Tato akce je nevratná. Pokračovat?"
  3. "Zadejte prosím název položky pro potvrzení smazání."

Pro smazání řádku z nákupního seznamu.

A náš absolutní favorit: aplikace, kde tlačítko "Zrušit" v potvrzovacím dialogu otevřelo další dialog s otázkou "Opravdu chcete zrušit zrušení?" Inception dialogů. V tu chvíli uživatel už ani neví, co vlastně chce, a zavře celou aplikaci.

Navigace jako bludiště

Jednou nám klient ukázal svou firemní aplikaci pro správu projektů. Abychom se dostali k detailu konkrétního úkolu, museli jsme projít touto cestou:

Hlavní menu → Projekty → Kategorie projektů → Aktivní projekty → Projekt X → Fáze projektu → Fáze 2 → Úkoly ve fázi → Podúkoly → Detail úkolu

Devět kliknutí. Bez možnosti vyhledávání. Bez zkratek. Bez breadcrumbs. Pokud jste se na cestě ztratili — a ztratili jste se — museli jste začít od začátku.

Porovnejte to s tím, jak to dělá Trello: otevřete board, kliknete na kartu. Dvě kliknutí. Hotovo. Nikdo nikdy neříkal: "Víš, co Trellu chybí? Víc klikání."

Formuláře, které nenávidí uživatele

Málo věcí vyvolá takovou frustraci jako formulář, který smaže všechna vaše data, když uděláte jednu chybu.

Přebírali jsme pojišťovací portál, kde klient vyplňoval rozsáhlý formulář (čtyři stránky, asi 40 polí). Na poslední stránce kliknul "Odeslat." Server vrátil chybu — chybělo rodné číslo na stránce dvě. Formulář se vrátil na stránku jedna. Prázdný. Všechna data pryč.

Tohle se nestalo jednou. Tohle byl design. Záměrný, produkční, "hotový" design.

Dalším skvostem byl formulář, který validoval telefonní číslo a odmítal formát s mezerami. Uživatel zadal "602 123 456" — chyba. Musel zadat "602123456." Ale heslo vyžadovalo speciální znak. A e-mail se validoval tak přísně, že odmítal adresy s pomlčkou v doméně — což je naprosto validní formát.

Dark patterns: technicky to funguje, morálně ne

Speciální kapitola si zaslouží takzvané dark patterns — designové vzory, které záměrně manipulují uživatele.

Viděli jsme e-shop, kde tlačítko "Přidat do košíku" bylo velké a zelené, ale tlačítko "Zrušit objednávku" bylo šedé, malé a schované v patičce stránky pod textem "Podmínky služby." Technicky tam bylo. Prakticky ho nenašel nikdo.

Další oblíbená technika: automaticky zaškrtnuté checkboxy u newsletteru, pojištění, nebo prémiových služeb. Uživatel musí aktivně odškrtnout to, co nechce. A protože většina lidí formuláře pečlivě nečte, platí za věci, o které nikdy nestáli.

A náš nejoblíbenější dark pattern: tlačítko pro odmítnutí cookies, které bylo designově tak nevýrazné, že vypadalo jako součást textu. Přijmout cookies? Velké modré tlačítko. Odmítnout? Malý podtržený odkaz na konci třetího odstavce.

Ano, dark patterns krátkodobě fungují. Ale dlouhodobě ničí důvěru. A důvěra je to nejcennější, co v digitálním světě máte.

Responzivita? Jaká responzivita?

V roce 2026 by si člověk myslel, že responzivní design je samozřejmost. A přesto stále potkáváme weby a aplikace, které na mobilu vypadají, jako byste se dívali na desktop přes klíčovou dírku.

Náš nejoblíbenější příklad: firemní intranet, který na mobilu vyžadoval horizontální scrollování na každé stránce. Navigační menu mělo šířku 1200 pixelů a neexistoval hamburger menu. Tabulky přetékaly obrazovku. Tlačítka byla tak malá, že je šlo trefit jen nehtem. A IT oddělení se divilo, proč zaměstnanci intranet nepoužívají.

Design ignorující uživatele
  • Registrace s 15 povinnými poli
  • Formuláře mazající data při chybě
  • Dark patterns a skryté odškrtávací boxy
  • Navigace vyžadující 9 kliknutí
  • Tři potvrzovací dialogy pro smazání řádku
Design zaměřený na uživatele
  • Registrace přes e-mail a heslo, zbytek doplnit později
  • Testování s 5 reálnými uživateli
  • Respektování uživatelů -- žádné dark patterns
  • Responzivní design testovaný na mobilu
  • Srozumitelné chybové hlášky s možností opravy

Jak to dělat správně

Po tomhle výčtu hrůz pojďme k tomu, jak se jim vyhnout. Není to žádná raketová věda:

Testujte s reálnými uživateli. Ne s kolegy, ne s rodinou. S lidmi, kteří váš produkt nikdy neviděli. Pět lidí odhalí 85 % problémů s použitelností.

Méně je více. Každé pole navíc v registraci snižuje konverzi. Každé kliknutí navíc v navigaci zvyšuje frustraci. Ptejte se: je tohle opravdu nutné?

Nepodceňujte mobilní zařízení. Více než polovina webového provozu jde přes mobily. Pokud váš design nefunguje na telefonu, nefunguje.

Respektujte uživatele. Žádné dark patterns, žádné manipulativní formuláře. Krátkodobý zisk nestojí za dlouhodobou ztrátu důvěry.

Poučení na závěr

Design není o tom, jak produkt vypadá. Design je o tom, jak produkt funguje. A produkt funguje dobře tehdy, když uživatel dosáhne svého cíle bez frustrace, zmatku a nutnosti volat na podporu.

Morál příběhu: Designujte pro lidi, ne pro své ego. Každá designová volba, která ignoruje uživatele, je dluh — a ten se vám jednou vrátí v podobě prázdné databáze uživatelů a plného boxu stížností.

Související články

5 nejčastějších chyb při návrhu mobilní aplikace
Mobilní vývojMobilní aplikaceDesign

5 nejčastějších chyb při návrhu mobilní aplikace

Přehled nejčastějších designových chyb v mobilních aplikacích. Ignorování platforem, složitá navigace, chybějící offline režim a další.

3. března 20267 min čtení
Zdědili jsme kód: Nejhorší nálezy v legacy projektech
TechnologieLegacy kódRefaktoring

Zdědili jsme kód: Nejhorší nálezy v legacy projektech

Hesla v plaintextu, 5000řádkový soubor, SQL injection všude. Reálné hrůzy z legacy kódu, které jsme potkali.

26. února 20265 min čtení
Klient chtěl Uber za dva týdny: Příběhy z praxe
Byznys & StrategieZe zákulisíKlienti

Klient chtěl Uber za dva týdny: Příběhy z praxe

Nereálná očekávání jsou v IT klasika. Uber za 50 tisíc, Facebook za měsíc. Příběhy z praxe a jak s tím pracujeme.

19. února 20265 min čtení