Preskočiť na obsah
Lernety
Darčekový kupón
DIZAJNZačiatočník

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.

NajnovšieZačiatočník
Certifikát
po dokončení

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ú.

  • 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

2
Používateľský výskum a syntéza dát

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

3
Konkurenčná a heuristická analýza

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

4
Informačná architektúra

Š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

5
Wireframy a interaktívny prototyp

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

6
Používateľské testovanie a vyhodnotenie

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

7
UI teória a dizajnérske princípy

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

8
Dizajnovanie UI a stavba dizajn systému

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

9
Digitálna prístupnosť a audit podľa WCAG

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

10
Hand-off pre vývojárov

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

11
Tvorba cien, prezentácia a vstup do kariéry

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

12
Záverečná obhajoba

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í

Čo sa naučíš

Postaviť projekt na reálnych dátach z používateľského výskumu, nie na domnienkach
Navrhnúť a otestovať informačnú architektúru aj interaktívny prototyp
Ovládať Figmu na pokročilej úrovni: design tokens, komponenty, variabilné štýly
Zapojiť AI nástroje do výskumu, ideácie aj iterácie dizajnu tam, kde reálne šetria čas
Vykonať audit prístupnosti podľa WCAG a navrhovať rozhrania bez bariér
Rozumieť európskej aj českej legislatíve prístupnosti a vedieť, na čo konkrétne dopadá
Pripraviť bezchybný hand-off pre vývojárov v Dev Mode
Naceniť vlastný projekt a obhájiť dizajnérske rozhodnutie na pohovore aj pred klientom

Pre koho je kurz

Ľudia meniaci odborZískate kompletnú sadu zručností na vstup do UX/UI dizajnu a obhájiteľný projekt v portfóliu, ktorý rovno predložíte na pohovore.
Začínajúci UX/UI dizajnériPosuniete sa k náročnejším projektom, pochopíte industry best practices a získate istotu pri obhajobe vlastných návrhov.
Grafickí a weboví dizajnériK grafike pridáte hlbšiu znalosť UX, prácu s responzivitou na expertnej úrovni a prípravu bezchybného hand-offu pre vývojárov.
Produktoví manažéri a UX researcheriPrehĺbite si znalosť celého dizajnérskeho procesu, aby ste s dizajnérmi hovorili ako rovnocenný partner, nie len ako zadávateľ.
Frontend vývojáriPochopíte dizajnérske rozhodovanie a naučíte sa, prečo hand-off vyzerá tak, ako vyzerá — uľahčí vám to spoluprácu s dizajnérskym tímom.
Firemní špecialisti na compliance a digitálne službyZískate praktický nástroj, ako overiť, že firemný web alebo aplikácia spĺňa zákonnú povinnosť prístupnosti.

Časté otázky

Potrebujem už poznať Figmu?
Nie. Základy Figmy prejdeme v treťom a piatom týždni ako súčasť práce na wireframoch a prototype. Ak už s Figmou pracujete, tieto týždne vám poslúžia ako doplnenie pokročilejších techník: design tokens, Figma Make, práca s variantmi.
Prečo je v kurze UX/UI dizajnu modul o prístupnosti?
Pretože digitálna prístupnosť je v Česku od roku 2019 zákonnou povinnosťou pre verejný sektor (zákon č. 99/2019 Sb.) a od júna 2025 európska legislatíva (European Accessibility Act) rozširuje podobné požiadavky aj na širokú škálu súkromných digitálnych služieb. Dizajnér, ktorý vie navrhovať prístupne od začiatku, rieši firme reálne riziko, nie len estetiku.
Čo ak zmeškám lekciu?
Každá lekcia sa nahráva a záznam dostanete do 24 hodín. Na nasledujúcej živej lekcii môžete nadviazať aj s otázkami zo zmeškanej lekcie.
Ako vyzerá záverečná case study?
Je to kompletný projekt jedného digitálneho produktu — od výskumu cez prototyp a testovanie po finálne UI a hand-off pre vývojárov, vrátane auditu prístupnosti. Prezentujete ho v dvanástom týždni pred lektormi a skupinou, presne ako by ste ho obhajovali na pohovore.
Koľko času navyše reálne zaberie modul prístupnosti?
Jeden týždeň z dvanástich, teda tri hodiny živej výučby plus samostatná práca na audite vlastného prototypu. Nie je to samostatný kurz navyše, je zabudovaný priamo do case study, na ktorej pracujete počas celej akadémie.
Dostanem spätnú väzbu aj mimo lekcií?
Áno, v komunitnom kanáli môžete priebežne zdieľať rozpracované výstupy a lektori na ne reagujú medzi lekciami, nie len počas hodiny.