od 1 200 €

zdarma

Design a UI/UX Academy

Od používateľského výskumu k prototypu, ktorý môžeš odovzdať vývojárom. Naučíš sa zistiť, čo ľudia skutočne potrebujú, navrhnúť tomu zodpovedajúce rozhranie a postaviť ho vo Figme tak, aby sa dalo použiť v reálnom produkte.

Registruj sa zdarma

Hodnotenie

4.8 z 5

KEDY

01.12.-09.02.

Webináre

120 hodín

Cena

1 200 €

Co se naučíš v této akademii?

Celý návrhový proces, nielen prácu v nástroji. Oprieť rozhodnutia o používateľa, navrhnúť rozhranie pre web aj mobil, postaviť si dizajnový systém a odovzdať hotové podklady vývojárom.

Zistiť, čo používatelia potrebujú, a oprieť o to návrh

Ovládať Figmu vrátane komponentov, Variants a Auto Layout

Navrhovať rozhranie webových aj mobilných aplikácií

Postaviť si dizajnový systém s komponentmi a design tokens

Vytvárať interaktívne prototypy a testovať ich s používateľmi

Odovzdať podklady vývojárom a obhájiť svoj návrh

Náplň akadémie

Pekné obrazovky vie spraviť hocikto. Návrh, ktorý ľuďom skutočne funguje a vývojári ho dokážu postaviť, je iná disciplína. Táto akadémia je práve o nej.

Prejdeš kompletným návrhovým procesom od používateľského výskumu cez wireframy a vizuálny návrh až po interaktívny prototyp a odovzdanie podkladov vývojárom. A všetko na jednom vlastnom projekte.

S čím budeš pracovať

Figma je nástroj, v ktorom dnes vzniká drvivá väčšina návrhov digitálnych produktov. Naučíš sa ju na úrovni, ktorú očakáva produktový tím: frames, grid, constraints, komponenty, Variants a Auto Layout, knižnice a zdieľanie.

FigJam na spoločnú prácu nad zadaním, user journey mapy a workshopy s klientom alebo tímom.

Design tokens: farby, typografia a odstupy ako premenné, vďaka ktorým sa návrh dá udržiavať a odovzdať vývojárom bez nedorozumení.

Nástroje na používateľské testovanie: ako dať návrh niekomu do ruky a dívať sa, kde tápe.

ChatGPT alebo Claude ako podpora pri UX analýze, tvorbe obsahu do návrhu a generovaní variantov, ktoré potom posúdiš vlastným úsudkom.

AI v návrhu rozhrania: generovanie a iterácia variantov, zrýchlenie rutinnej práce a to, kde je hranica jej užitočnosti.

Čo sa naučíš

Vychádzať z používateľa, nie z dojmu. Výskum, persony, používateľské scenáre a analýza konkurencie ako podklad pre rozhodnutia, ktoré potom vieš obhájiť.

Postaviť štruktúru skôr než vizuál. Informačná architektúra a wireframy, na ktorých sa návrh overí skôr, než sa doň investuje čas.

Navrhovať rozhranie webu aj mobilnej aplikácie vrátane typografie, farebnosti, ikon a formulárov.

Postaviť si vlastný dizajnový systém, vďaka ktorému zostane návrh konzistentný a udržateľný.

Prototypovať, testovať a riešiť responzívnosť aj prístupnosť, aby produkt fungoval na všetkých zariadeniach a pre všetkých používateľov.

Obhájiť svoje rozhodnutia. Návrh, ktorý dizajnér nevie zdôvodniť, v tíme neobstojí.

Pre koho to je

Pre záujemcov o profesiu UI alebo UX dizajnéra, pre grafikov, ktorí sa chcú posunúť k digitálnym produktom, pre webdizajnérov, marketérov aj produktových a projektových pracovníkov, ktorí spolupracujú s vývojármi. A pre freelancerov a podnikateľov, ktorí si chcú navrhnúť vlastný produkt.

Predchádzajúca skúsenosť s UI ani UX dizajnom nie je potrebná.

Čo potrebuješ

Počítač s pripojením na internet. Figma aj FigJam majú bezplatný plán, ktorý na rozsah výučby stačí, takže akadémiu sa dá absolvovať bez zaobstarávania licencie.

Ako to končí

Záverečným projektom a jeho prezentáciou. Predvedieš vlastný návrh digitálneho produktu od UX analýzy cez rozhranie až po interaktívny prototyp a obhájiš svoje rozhodnutia. Po splnení podmienok účasti a úspešnom overení znalostí získaš osvedčenie o absolvovaní kurzu digitálneho vzdelávania.

Moduly akadémie

Sedem fáz a jeden projekt, ktorý staviaš od prvého výskumu až po interaktívny prototyp. Každý modul pridá ďalšiu vrstvu. Na konci máš návrh, ktorý môžeš zaradiť do portfólia.

Harmonogram Akadémie

ÚVOD DO UI/UX A POUŽÍVATEĽSKÝ VÝSKUM

Začneme tým, čo UI a UX vlastne znamená, ako vyzerá návrhový proces od zadania po odovzdanie a akú rolu má dizajnér v produktovom tíme. Spoznáš, čím sa líši návrh webu, mobilnej aplikácie a interného nástroja.

Potom prejdeš k tomu, na čom stojí každý dobrý návrh: k používateľovi. Naučíš sa metódy výskumu, tvorbu person, user journey a používateľské scenáre (na ktorých budeš pracovať vo FigJame), analýzu konkurencie aj to, ako z toho všetkého sformulovať problém, ktorý má návrh vyriešiť. Na rýchlejšie spracovanie podkladov použiješ AI.

🎯 Cieľ:
Vedieť zistiť, čo používatelia potrebujú, a previesť to na zadanie pre návrh.

INFORMAČNÁ ARCHITEKTÚRA A WIREFRAMY

Skôr než sa riešia farby, musí sedieť štruktúra. Naučíš sa navrhnúť informačnú architektúru produktu, teda ako obsah usporiadať a ako sa v ňom bude používateľ pohybovať.

Nadviažeš wireframami v nízkej aj vysokej miere vernosti, na ktorých sa návrh dá overiť skôr, než sa do vizuálu investuje čas. Spoznáš, prečo sa práve tu robí najviac rozhodnutí a prečo je lacnejšie meniť ich teraz než neskôr.

🎯 Cieľ:
Vedieť navrhnúť štruktúru produktu a overiť ju pred vizuálnym spracovaním.

FIGMA V PRAXI

Najobsiahlejší modul akadémie. Naučíš sa Figmu tak, ako sa používa v profesionálnej praxi: frames, grid, constraints, prácu s knižnicami a zdieľaním súborov.

Ťažiskom sú komponenty, Variants a Auto Layout, teda nástroje, ktoré oddeľujú návrh, ktorý sa dá udržiavať, od návrhu, ktorý sa pri každej zmene rozpadne. Pridáš k tomu spoluprácu v tíme, komentáre a FigJam na spoločnú prácu nad zadaním.

🎯 Cieľ:
Vedieť pracovať vo Figme na úrovni, ktorú očakáva produktový tím.

UI DIZAJN POUŽÍVATEĽSKÉHO ROZHRANIA

Tu vzniká vizuálna podoba produktu. Naučíš sa pracovať s typografiou a farebnosťou v rozhraní: hierarchiou, čitateľnosťou na displeji, sémantikou stavov, kontrastom aj svetlým a tmavým režimom.

Nadviažeš ikonografiou, gridom a rozvrhnutím obrazovky a návrhom prvkov, cez ktoré používateľ s produktom skutočne jedná, teda formulárov, tlačidiel a interaktívnych komponentov vrátane ich stavov.

🎯 Cieľ:
Vedieť navrhnúť rozhranie, ktoré je čitateľné, zrozumiteľné a použiteľné.

DIZAJNOVÝ SYSTÉM A KOMPONENTY

Jedna obrazovka sa navrhne ľahko. Päťdesiat obrazoviek, ktoré spolu ladia, potrebuje systém. Naučíš sa, z čoho sa dizajnový systém skladá a prečo sa oplatí aj pri malých projektoch.

Postavíš si vlastnú sadu znovupoužiteľných komponentov, budeš pracovať s design tokens (farbami, typografiou a odstupmi ako premennými) a naučíš sa systém dokumentovať tak, aby s ním zvládol pracovať aj niekto iný než ty.

🎯 Cieľ:
Vedieť postaviť dizajnový systém, ktorý udrží návrh konzistentný a udržateľný.

PROTOTYPOVANIE, RESPONZÍVNOSŤ A PRÍSTUPNOSŤ

Statický návrh neukáže, či produkt funguje. Vo Figme postavíš interaktívne prototypy vrátane prechodov, stavov a mikrointerakcií, a otestuješ ich s používateľmi, ktorí tvoj návrh vidia prvýkrát.

Pridáš k tomu responzívny návrh pre desktop, tablet aj mobil a základy prístupnosti: kontrast, veľkosť dotykových plôch a ovládateľnosť. Spätnú väzbu z testovania potom zapracuješ späť do návrhu.

🎯 Cieľ:
Vedieť odskúšať návrh na používateľoch a pripraviť ho pre všetky zariadenia.

AI V NÁVRHU A ZÁVEREČNÝ PROJEKT

Posledný modul spája dve veci. Prvou je AI ako súčasť návrhovej práce: pomoc pri UX analýze, tvorbe obsahu do návrhu, generovaní a iterácii variantov rozhrania aj zrýchlení rutinných úkonov, a hlavne to, kde je hranica jej užitočnosti.

Druhou je záverečný projekt. Dokončíš vlastný návrh, pripravíš podklady a špecifikácie pre vývojárov a naučíš sa svoje riešenie odprezentovať a obhájiť, pretože návrh, ktorý dizajnér nevie zdôvodniť, v tíme neobstojí.

🎯 Cieľ:
Vedieť dokončiť návrh, odovzdať ho vývojárom a obhájiť svoje rozhodnutia.

Technológie a nástroje s ktorými budeš pracovať

Kateřina Ottmarová

Kateřina navrhuje weby a aplikácie pre banky, poisťovne a operátorov, teda pre prostredia, kde jedna nejasná obrazovka stojí firmu peniaze aj čas. Pre O2 stavala nové nákupné cesty na viac než 180 používateľských testoch, pre Vienna Insurance Group redizajnovala servisný portál a zrýchlila orientáciu v ňom o 30 %. Popri dizajne robí výskum a facilituje workshopy. V akadémii ťa naučí Figmu aj to, ako overiť, že návrh naozaj funguje.

UX dizajnérka, výskumníčka a facilitátorka digitálnych produktov

Navrhuje weby a aplikácie pre banky, poisťovne a operátorov

Pre O2 stavala nákupné cesty na viac než 180 používateľských testoch

Redizajn portálu pre Vienna Insurance Group zrýchlil orientáciu o 30 %

Certifikovaná facilitátorka workshopov a tímových retrospektív

Registrácia do akadémie

Akadémiu môžeš získať úplne zadarmo vďaka dotácii od ÚPSVaR.

Kúpiť akadémiu

1 200 €

jednorazovo

Kúpiť jednorazovo

Celoživotný prístup do akadémie a ročný prístup do všetkých online kurzov.

Dotácia ÚPSVaR

Zdarma

vďaka dotácii ÚPSVaR

Registruj sa zdarma

Rok od začiatku akadémie máš prístup do všetkých online kurzov

Čo o akadémiách hovoria naši študenti

Martin Kovář

Mým cílem je postupně proniknout do světa IT a najít uplatnění v oboru. Nemám přesně stanovený časový horizont - beru to jako dlouhodobý proces. S lektorem jsem měl již předchozí zkušenost, a právě jeho styl výuky mě opět zaujal. Přednášky jsou proložené humorem, díky čemuž působí živě a přirozeně - a to mě na tom opravdu baví. Co se týče předchozích znalostí, základy jsem získal kdysi na škole, ale v praxi jsem je nikdy příliš nevyužil. Takže pro mě je to do značné míry jako začínat znovu – osvěžit si to, co jsem kdysi znal, a postavit na tom nový základ.

JavaScript Academy

Markéta Procházková

Ke kurzu mě přivedla touha rozšířit si kvalifikaci. Chtěla jsem se naučit něco nového, vyzkoušet si programování, ale neměla jsem odvahu pustit se do toho sama - hledala jsem odborné vedení. Předchozí zkušenosti s programováním jsem neměla žádné. S lektorem jsem byla velmi spokojená. Trpělivě odpovídal na všechny naše otázky, byl ochotný věnovat nám více času a opravdu se nám individuálně věnoval. V tomto ohledu nemám než pochválit.

JavaScript Academy

Veronika Horáková

Jsem momentálně na mateřské dovolené, a tak jsem využila možnosti absolvovat rekvalifikační kurz - s výhledem na budoucí uplatnění na trhu práce. Nejvíce mě zaujal přístup lektora, jehož podání bylo velmi příjemné a srozumitelné, a také možnost kdykoli se vrátit k jednotlivým lekcím a přehrát si je znovu. Všem, kdo váhají, bych řekla - jděte do toho. Prostředí kurzu je velmi příjemné, lektor je trpělivý a vstřícný. Není se čeho bát, je to skvělé.

Data Science Academy

Radek Šimánek

S programováním jsem neměl žádné předchozí zkušenosti a nevěděl jsem, jak vůbec začít. Jako samouk zvládám cokoliv s hardwarem - úpravy monitoru a podobně - ale co se týče softwaru, pohyboval jsem se pouze na úrovni základních programů jako Office nebo operační systémy Windows. Posunout se dál jsem nedokázal sám. Co se týče délky webinářů, dvě a půl hodiny mi přijde jako akorát. Jistě, látky by se tam možná vešlo více, ale důležité je, že zbývá prostor pro dotazy účastníků - a to má svou hodnotu. Lektor prostě nemůže stihnout vše, a právě proto je ten prostor pro otázky tak důležitý.

Java Academy

Tomáš Blažek

Možnost absolvovat tento kurz se mi naskytla v rámci rekvalifikace přes úřad práce - požádal jsem o schválení a žádost mi byla uznána. Největší zážitek pro mě byl okamžik, kdy jsme s lektorem programovali hru Snake. Dlouho to nefungovalo, pořád byly nějaké chyby, a pak najednou - vše se rozběhlo. Byl to takový pravý „aha moment". Co se týče dalšího vzdělávání, já měl předplacené kurzy už před začátkem tohoto kurzu, takže pro mě se v tomto směru nic nemění. Kurzy jsem využíval předtím a rozhodně budu pokračovat i nadále.

Java Academy

Ondřej Kratochvíl

Každému bych řekl, ať se toho rozhodně nebojí a určitě to zkusí. Vždycky se najde něco nového, co člověk ještě nezná, i když si myslí, že už všechno umí. Přednášky jsou poměrně obsáhlé a člověku skutečně hodně dají. Mně osobně nejvíc zaujal Power Query - nikdy jsem s ním předtím nepřišel do styku a musím říct, že je to velmi zajímavý nástroj. Celý koncept zpracování dat mě opravdu chytil a věřím, že mi v praxi hodně pomůže.

Data Science Academy