UX/UI dizajn s AI a prístupnosťou
Dvanásťtýždňová akadémia od výskumu cez Figmu s AI nástrojmi až po hotové portfólio — a ako jediný program na trhu aj s modulom digitálnej prístupnosti, pretože ju od júna 2025 vyžaduje európska legislatíva.
Každý týždeň pridávate do toho istého projektu ďalšiu vrstvu. Na konci akadémie máte hotový, obhájiteľný celok — nie roztrieštené cvičenia z rôznych zadaní.
Osnova kurzu
12 modulov
1Úvod do UX dizajnu a rola AI v proceseČo UX dizajnér skutočne robí a kde v procese šetria čas AI nástroje, nie kde ho nahrádzajú.
Čo UX dizajnér skutočne robí a kde v procese šetria čas AI nástroje, nie kde ho nahrádzajú.
- Rozdiely medzi UX, UI, product dizajnom a service dizajnom
- Výstupy v jednotlivých fázach dizajnérskeho procesu
- Rola dizajnéra v rôznych typoch firiem a tímov
- Kde AI nástroje reálne šetria čas: rešerš, syntéza dát, generovanie variantov
- Tvorba pracovnej hypotézy pre vlastný projekt
Výstup týždňa: zadanie vlastného produktu a výskumný plán
2Používateľský výskum a syntéza dátKvalitatívne aj kvantitatívne metódy a ako ich kombinovať, aby výskum nebol len formalita.
Kvalitatívne aj kvantitatívne metódy a ako ich kombinovať, aby výskum nebol len formalita.
- Voľba výskumnej metódy podľa fázy projektu a rozpočtu
- Hĺbkové rozhovory: príprava scenára a vedenie rozhovoru
- Dotazníky a ich limity
- Použitie AI nástrojov na prepis a tematickú syntézu rozhovorov
- Tvorba persón na základe reálnych dát, nie domnienok
Výstup týždňa: tri hĺbkové rozhovory a dve persony
3Konkurenčná a heuristická analýzaSkôr než navrhnete vlastné riešenie, musíte vedieť, čo už na trhu funguje a kde má medzery.
Skôr než navrhnete vlastné riešenie, musíte vedieť, čo už na trhu funguje a kde má medzery.
- Analýza konkurencie: čo sledovať a ako výstup štruktúrovať
- Nielsenovo desatoro použiteľnosti v praxi
- Informačná architektúra a kognitívna záťaž ako merateľné kritériá
- Práca s AI nástrojmi pri rýchlom screeningu viacerých konkurentov
Výstup týždňa: heuristický audit troch konkurenčných produktov
4Informačná architektúraŠtruktúra, v ktorej sa používateľ nestratí, ani keď produkt postupne rastie.
Štruktúra, v ktorej sa používateľ nestratí, ani keď produkt postupne rastie.
- Card sorting a jeho vyhodnotenie
- Tvorba a testovanie informačnej architektúry
- User flows pre kľúčové scenáre
- Kedy je štruktúra príliš plochá a kedy zbytočne hlboká
Výstup týždňa: sitemapa a tri user flows
5Wireframy a interaktívny prototypRýchla cesta od skice k prototypu, na ktorom sa dá reálne testovať.
Rýchla cesta od skice k prototypu, na ktorom sa dá reálne testovať.
- Tvorba wireframov vo Figme: layout grid, auto layout, komponenty
- Figma Make a AI generovanie variantov layoutu
- Stavba interaktívneho prototypu na testovanie
- Príprava scenára používateľského testovania
Výstup týždňa: klikací prototyp s funkčným prechodom kľúčovým scenárom
6Používateľské testovanie a vyhodnoteniePrototyp otestujete na reálnych ľuďoch a naučíte sa z výsledkov vyťažiť skutočné zistenia.
Prototyp otestujete na reálnych ľuďoch a naučíte sa z výsledkov vyťažiť skutočné zistenia.
- Realizácia testovania: moderovaného aj nemoderovaného
- Časté chyby pri vedení testovania a ako sa im vyhnúť
- Vyhodnotenie a prioritizácia zistení
- Prezentácia výsledkov tímu alebo klientovi
Výstup týždňa: report z testovania s prioritizovanými zisteniami
7UI teória a dizajnérske princípyTypografia, farby, grid a vizuálna hierarchia ako nástroje, nie ako dekorácia.
Typografia, farby, grid a vizuálna hierarchia ako nástroje, nie ako dekorácia.
- Typografická hierarchia a čitateľnosť naprieč zariadeniami
- Farebná paleta: kontrast a prístupnosť už na začiatku, nie ako dodatočná oprava
- Grid systémy a práca s priestorom
- Vizuálna hierarchia: ako riadiť pohľad oka bez zbytočnej dekorácie
Výstup týždňa: moodboard a typografický systém pre vlastný projekt
8Dizajnovanie UI a stavba dizajn systémuPrevod konceptu do finálneho UI a nastavenie komponentov, ktoré vydržia rast produktu.
Prevod konceptu do finálneho UI a nastavenie komponentov, ktoré vydržia rast produktu.
- Štruktúra Figma súboru a pomenovanie vrstiev pre tímovú spoluprácu
- Komponenty, varianty a design tokens vo Figme
- Kreatívna práca s referenciami a AI nástrojmi na iteráciu konceptu
- Dokumentácia komponentov pre konzistentnosť naprieč produktom
Výstup týždňa: finálne UI troch kľúčových obrazoviek a mini dizajn systém
9Digitálna prístupnosť a audit podľa WCAGModul, ktorý v žiadnom konkurenčnom kurze UX/UI dizajnu nenájdete — a ktorý dnes vyžaduje zákon.
Modul, ktorý v žiadnom konkurenčnom kurze UX/UI dizajnu nenájdete — a ktorý dnes vyžaduje zákon.
- European Accessibility Act a zákon č. 99/2019 Sb.: na čo konkrétne dopadá a na čo nie
- WCAG 2.2: kontrast, veľkosť dotykových prvkov, ovládateľnosť klávesnicou
- Sémantická štruktúra a práca s čítačkami obrazovky
- Audit vlastného prototypu pomocou nástrojov axe, WAVE a Lighthouse
- Oprava zistených bariér priamo v dizajne, nie až po spustení
Výstup týždňa: audit prístupnosti vlastného projektu a opravený prototyp
10Hand-off pre vývojárovPodklady, po ktorých sa vývojár nemusí pýtať, čo ste tým vlastne mysleli.
Podklady, po ktorých sa vývojár nemusí pýtať, čo ste tým vlastne mysleli.
- Dev Mode vo Figme a aktuálny štandard odovzdania do vývoja
- Figma MCP a Code Connect: prepojenie dizajnu s kódom
- Checklist na odovzdanie a časté komunikačné trecie body
- Ako obhájiť dizajnérske rozhodnutie pred vývojárskym tímom
Výstup týždňa: kompletná špecifikácia pre vývoj v Dev Mode
11Tvorba cien, prezentácia a vstup do kariéryDizajnérska práca má aj obchodnú stránku — a bez nej sa portfólio horšie predáva.
Dizajnérska práca má aj obchodnú stránku — a bez nej sa portfólio horšie predáva.
- Nacenenie projektu a časové odhady pre klienta alebo zamestnávateľa
- Ako stavať portfólio okolo jednej silnej case study namiesto desiatich povrchných
- Príprava na pohovor: obhajoba rozhodnutí, nie len prezentácia obrazoviek
- Kde hľadať voľné pozície a ako čítať požiadavky inzerátov
Výstup týždňa: cenová ponuka projektu a štruktúra portfólia
12Záverečná obhajobaPrezentujete kompletnú case study pred lektormi a skupinou — presne tak, ako by ste ju obhajovali na pohovore.
Prezentujete kompletnú case study pred lektormi a skupinou — presne tak, ako by ste ju obhajovali na pohovore.
- Prezentácia celého procesu od výskumu po hand-off
- Obhajoba dizajnérskych rozhodnutí a odpovede na otázky
- Spätná väzba od oboch lektorov a špecialistu na prístupnosť
- Odporúčanie ďalšieho postupu podľa individuálnej úrovne
Výstup týždňa: obhájená case study, certifikát o absolvovaní

