Ako rozmýšľať nad digitálnym produktom

Úvod: čo vlastne robí UX/UI dizajnér

• rozdiel medzi UX a UI bez poučiek
• prečo pekný dizajn nestačí
• čo je digitálny produkt
• ako vzniká web alebo appka
• čo rieši dizajnér a čo developer

Ako ľudia používajú aplikácie

• pozornosť používateľa
• prečo ľudia nečítajú
• mentálne modely
• navigácia a orientácia
• čo robí rozhranie „intuitívnym“
• najčastejšie UX chyby

Obsah, štruktúra a flow

• čo musí používateľ vidieť ako prvé
• hierarchia obsahu
• ako rozmýšľať nad obrazovkou
• navigácia
• onboarding
• formuláre
• CTA prvky

Wireframy bez zbytočných efektov

• čo je wireframe
• prečo nezačínať farbami
• low fidelity návrhy
• layout a spacing
• desktop vs mobile
• responsive rozmýšľanie

Základy práce vo Figme

• orientácia vo Figme
• frames
• layout
• texty
• práca s gridom
• komponenty úplne prakticky
• export pre developerov

UI dizajn a reálny návrh obrazoviek

Vizuálny dizajn bez omáčok

• typografia v UI
• spacing
• vizuálna hierarchia
• kontrast
• farby v rozhraní
• prečo väčšina UI vyzerá amatérsky

Ako navrhovať moderné rozhrania

• cards
• tabuľky
• formuláre
• modaly
• navigácie
• dashboardy
• mobile patterns
• dark mode
• accessibility základy

Komponenty a konzistentný dizajn

• čo je UI komponent
• prečo sú design systémy dôležité
• opakovateľnosť
• variants vo Figme
• UI kit
• ako si nezničiť projekt chaosom

Prototypovanie a klikateľné obrazovky

• prepojenie screenov
• jednoduché animácie
• prototyp vo Figme
• testovanie flow
• prezentácia návrhu klientovi alebo tímu

Ako vyzerá reálna práca UX/UI dizajnéra

• komunikácia s developermi
• handoff
• revízie
• feedback
• práca v tíme
• freelance vs firma
• ako vyzerá reálny projekt