Dárkový kupón

DESIGNZačátečník

UX/UI design s AI a přístupností

Dvanáctitýdenní akademie od výzkumu přes Figmu s AI nástroji až po hotové portfolio — a jako jediný program na trhu i modul digitální přístupnosti, protože ji od června 2025 vyžaduje evropská legislativa.

NejnovějšíZačátečník

Certifikát

po dokončení

Každý týden přidáváte do stejného projektu další vrstvu. Na konci akademie máte hotový, obhajitelný celek — ne roztříštěná cvičení z různých zadání.

Osnova kurzu

12 modulů

Úvod do UX designu a role AI v procesu

Co UX designér skutečně dělá a kde v procesu šetří čas AI nástroje, ne kde je nahrazují.

Rozdíly mezi UX, UI, product designem a service designem
Výstupy v jednotlivých fázích design procesu
Role designéra v různých typech firem a týmů
Kde AI nástroje reálně šetří čas: rešerše, syntéza dat, generování variant
Tvorba pracovní hypotézy pro vlastní projekt

Výstup týdne: zadání vlastního produktu a výzkumný plán

Uživatelský výzkum a syntéza dat

Kvalitativní i kvantitativní metody a jak je kombinovat, aby výzkum nebyl jen formalita.

Volba výzkumné metody podle fáze projektu a rozpočtu
Hloubkové rozhovory: příprava scénáře a vedení rozhovoru
Dotazníky a jejich limity
Použití AI nástrojů pro přepis a tematickou syntézu rozhovorů
Tvorba person na základě reálných dat, ne domněnek

Výstup týdne: tři hloubkové rozhovory a dvě persony

Konkurenční a heuristická analýza

Než navrhnete vlastní řešení, musíte vědět, co už na trhu funguje a kde má mezery.

Analýza konkurence: co sledovat a jak výstup strukturovat
Nielsenovo desatero použitelnosti v praxi
Informační architektura a kognitivní zátěž jako měřitelná kritéria
Práce s AI nástroji při rychlém screeningu více konkurentů

Výstup týdne: heuristický audit tří konkurenčních produktů

Informační architektura

Struktura, ve které se uživatel neztratí, i když produkt postupně roste.

Card sorting a jeho vyhodnocení
Tvorba a testování informační architektury
User flows pro klíčové scénáře
Kdy je struktura moc plochá a kdy zbytečně hluboká

Výstup týdne: sitemapa a tři user flows

Wireframy a interaktivní prototyp

Rychlá cesta od skici k prototypu, na kterém se dá reálně testovat.

Tvorba wireframů ve Figmě: layout grid, auto layout, komponenty
Figma Make a AI generování variant layoutu
Stavba interaktivního prototypu pro testování
Příprava scénáře uživatelského testování

Výstup týdne: klikací prototyp s funkčním průchodem klíčovým scénářem

Uživatelské testování a vyhodnocení

Prototyp otestujete na reálných lidech a naučíte se z výsledků vytěžit skutečná zjištění.

Realizace testování: moderované i nemoderované
Časté chyby při vedení testování a jak se jim vyhnout
Vyhodnocení a prioritizace zjištění
Prezentace výsledků týmu nebo klientovi

Výstup týdne: report z testování s prioritizovanými zjištěními

UI teorie a designové principy

Typografie, barvy, grid a vizuální hierarchie jako nástroje, ne jako dekorace.

Typografická hierarchie a čitelnost napříč zařízeními
Barevná paleta: kontrast a dostupnost už na začátku, ne jako dodatečná oprava
Grid systémy a práce s prostorem
Vizuální hierarchie: jak řídit pohled oka bez zbytečné dekorace

Výstup týdne: moodboard a typografický systém pro vlastní projekt

Designování UI a stavba design systému

Převod konceptu do finálního UI a nastavení komponent, které vydrží růst produktu.

Struktura Figma souboru a pojmenování vrstev pro týmovou spolupráci
Komponenty, varianty a design tokens ve Figmě
Kreativní práce s referencemi a AI nástroji pro iteraci konceptu
Dokumentace komponent pro konzistenci napříč produktem

Výstup týdne: finální UI tří klíčových obrazovek a mini design systém

Digitální přístupnost a audit podle WCAG

Modul, který v žádném konkurenčním kurzu UX/UI designu nenajdete — a který dnes vyžaduje zákon.

European Accessibility Act a zákon č. 99/2019 Sb.: na co konkrétně dopadá a na co ne
WCAG 2.2: kontrast, velikost dotykových prvků, ovladatelnost klávesnicí
Sémantická struktura a práce se čtečkami obrazovky
Audit vlastního prototypu pomocí nástrojů axe, WAVE a Lighthouse
Oprava zjištěných bariér přímo v designu, ne až po spuštění

Výstup týdne: audit přístupnosti vlastního projektu a opravený prototyp

Hand-off pro vývojáře

Podklady, po kterých se vývojář nemusí ptát, co jste tím vlastně mysleli.

Dev Mode ve Figmě a aktuální standard předání do vývoje
Figma MCP a Code Connect: propojení designu s kódem
Checklist pro předání a časté komunikační třecí body
Jak obhájit designové rozhodnutí před vývojářským týmem

Výstup týdne: kompletní specifikace pro vývoj v Dev Mode

Cenotvorba, prezentace a vstup do kariéry

Designérská práce má i obchodní stránku — a bez ní se portfolio hůř prodává.

Cenotvorba projektu a časové odhady pro klienta nebo zaměstnavatele
Jak stavět portfolio kolem jedné silné case study místo deseti povrchních
Příprava na pohovor: obhajoba rozhodnutí, ne jen prezentace obrazovek
Kde hledat volné pozice a jak číst požadavky inzerátů

Výstup týdne: cenová nabídka projektu a struktura portfolia

Závěrečná obhajoba

Prezentujete kompletní case study před lektory a skupinou — přesně tak, jak byste ji obhajovali na pohovoru.

Prezentace celého procesu od výzkumu po hand-off
Obhajoba designových rozhodnutí a odpovědi na dotazy
Zpětná vazba od obou lektorů a specialisty na přístupnost
Doporučení dalšího postupu podle individuální úrovně

Výstup týdne: obhájená case study, certifikát o absolvování

Co se naučíš

Postavit projekt na reálných datech z uživatelského výzkumu, ne na domněnkách

Navrhnout a otestovat informační architekturu i interaktivní prototyp

Ovládat Figmu na pokročilé úrovni: design tokens, komponenty, variabilní styly

Zapojit AI nástroje do výzkumu, ideace i iterace designu tam, kde reálně šetří čas

Provést audit přístupnosti podle WCAG a navrhovat rozhraní bez bariér

Rozumět evropské i české legislativě přístupnosti a vědět, na co konkrétně dopadá

Připravit bezchybný hand-off pro vývojáře v Dev Mode

Ocenit vlastní projekt a obhájit designové rozhodnutí na pohovoru i před klientem

Pro koho je kurz

Lidé měnící oborZískáte kompletní sadu dovedností pro vstup do UX/UI designu a obhajitelný projekt v portfoliu, který rovnou předložíte na pohovoru.

Začínající UX/UI designéřiPosunete se k náročnějším projektům, pochopíte industry best practices a získáte jistotu při obhajobě vlastních návrhů.

Grafičtí a weboví designéřiPřidáte ke grafice hlubší znalost UX, práci s responzivitou na expertní úrovni a přípravu bezchybného hand-off pro vývojáře.

Produktoví manažeři a UX researcheřiProhloubíte znalost celého design procesu, abyste s designéry mluvili jako rovnocenný partner, ne jen jako zadavatel.

Frontend vývojářiPochopíte designérské rozhodování a naučíte se, proč hand-off vypadá tak, jak vypadá — usnadní vám to spolupráci s design týmem.

Firemní specialisté na compliance a digitální službyZískáte praktický nástroj, jak ověřit, že firemní web nebo aplikace splňuje zákonnou povinnost přístupnosti.

Časté dotazy

Potřebuju už znát Figmu?

Ne. Základy Figmy projdeme ve třetím a pátém týdnu jako součást práce na wireframech a prototypu. Pokud už s Figmou pracujete, tyto týdny vám poslouží jako doplnění pokročilejších technik: design tokens, Figma Make, práce s variantami.

Proč je v kurzu UX/UI designu modul o přístupnosti?

Protože digitální přístupnost je v Česku od roku 2019 zákonná povinnost pro veřejný sektor (zákon č. 99/2019 Sb.) a od června 2025 evropská legislativa (European Accessibility Act) rozšiřuje podobné požadavky i na širokou škálu soukromých digitálních služeb. Designér, který umí navrhovat přístupně od začátku, řeší firmě reálné riziko, ne jen estetiku.

Co když zmeškám lekci?

Každá lekce se nahrává a záznam dostanete do 24 hodin. Na příští živé lekci můžete navázat i s otázkami z té zmeškané.

Jak vypadá závěrečná case study?

Je to kompletní projekt jednoho digitálního produktu — od výzkumu, přes prototyp a testování, po finální UI a hand-off pro vývojáře, včetně auditu přístupnosti. Prezentujete ho ve dvanáctém týdnu před lektory a skupinou, přesně jako byste ho obhajovali na pohovoru.

Kolik reálně stojí čas navíc, který modul přístupnosti zabere?

Jeden týden ze dvanácti, tedy tři hodiny živé výuky plus samostatná práce na auditu vlastního prototypu. Není to samostatný kurz navíc, je zabudovaný přímo do case study, na které pracujete celou akademii.

Dostanu zpětnou vazbu i mimo lekce?

Ano, v komunitním kanálu můžete sdílet rozpracované výstupy průběžně a lektoři na ně reagují mezi lekcemi, ne jen při hodině.