Kurz UI/UX designu

Lekce 1 • Základní principy dobrého designu

Pokrývá použitelnost, přístupnost, konzistenci a zpětnou vazbu jako základní principy. Studenti je aplikují jako hodnoticí kritéria ve všech pozdějších pracích.

Lekce 2 • Porozumění UI vs. UX

Definuje UI jako vizuální vrstvu rozhraní a UX jako celou cestu uživatele. Stanovuje terminologii používanou v celém kurzu.

Lekce 3 • Přehled procesu designu

Mapuje celý proces designu od zjišťování po předání. Poskytuje plán, kterým se studenti řídí ve všech hlavních kapitolách.

Lekce 1 • Kvantitativní metody výzkumu

Představuje průzkumy, kontrolu analytiky a interpretaci behaviorálních dat. Vyvažuje kvalitativní zjištění měřitelnými důkazy.

Lekce 2 • Plánování a strategie výzkumu

Učí, jak definovat cíle výzkumu, volit metody a získávat účastníky. Sladí rozsah výzkumu s omezeními projektu.

Lekce 3 • Syntéza výzkumu do vhledů

Transformuje nezpracovaná data do afinitních map, person a map cesty uživatele. Výstupy přímo ovlivňují ideaci a informační architekturu.

Lekce 1 • Navigační vzory a nabídky

Pokrývá globální, lokální a kontextové navigační vzory pro web a mobilní zařízení. Studenti vybírají vzory na základě objemu obsahu a kontextu uživatele.

Lekce 2 • Třídění karet a testování stromu

Učí otevřené a uzavřené třídění karet pro ověření seskupení kategorií. Testování stromu ověřuje navigaci ještě před zahájením vizuálního designu.

Lekce 3 • Principy informační architektury

Vysvětluje organizaci, labeling, navigaci a vyhledávání jako pilíře IA. Propojuje rozhodnutí v IA s mentálními modely uživatelů z výzkumu.

Lekce 1 • Uživatelské toky a mapování úkolů

Definuje uživatelské toky jako cesty úkoly krok za krokem před nakreslením obrazovek. Zajišťuje, že drátěné modely řeší skutečné cíle uživatelů identifikované ve výzkumu.

Lekce 2 • Skicování a techniky ideace

Představuje rychlé skicování, Crazy Eights a metody miniatur pro rychlou ideaci. Podporuje kvantitu nad kvalitou pro nalezení různorodých možností layoutu.

Lekce 3 • Propojování low-fidelity prototypů

Spojuje obrazovky drátěných modelů do klikatelných prototypů pro rané testování použitelnosti. Ověřuje navigaci a toky úkolů před investicí do vizuálního designu.

Lekce 1 • Vizuální hierarchie a důraz

Provází použitím velikosti, tučnosti, kontrastu a pozice k nasměrování pozornosti uživatele. Studenti aplikují hierarchii, aby zajistili okamžitou viditelnost kritických akcí.

Lekce 2 • Layout, mřížky a rozestupy

Vysvětluje sloupcové mřížky, základní mřížky a tokeny rozestupů pro konzistentní layouty. Spojuje rozhodnutí o layoutu s vizuálním rytmem a obsahovou hierarchií.

Lekce 3 • Teorie barev a UI barevné systémy

Učí psychologii barev, kontrastní poměry a tvorbu UI barevné palety. Studenti vytvářejí přístupné barevné systémy splňující standardy kontrastu.

Lekce 4 • Typografie v designu rozhraní

Pokrývá výběr písma, typografickou škálu, řádkování a čitelnost pro obrazovky. Volby typografie přímo ovlivňují použitelnost a vnímání značky.

Lekce 1 • Dokumentování a údržba systémů

Provází psaním pokynů pro použití, příkladů ano/ne a verzováním komponent. Dokumentace umožňuje týmům přijmout systém bez zásahu designéra.

Lekce 2 • Anatomie design systému

Definuje design tokeny, komponenty, vzory a dokumentaci jako vrstvy systému. Vysvětluje, proč systémy snižují nekonzistenci a zrychlují produkci.

Lekce 3 • Responzivní a adaptivní komponenty

Pokrývá, jak se komponenty přizpůsobují různým velikostem obrazovek pomocí automatického layoutu a omezení. Zajišťuje, že systém funguje v kontextu mobilních zařízení, tabletů a desktopů.

Lekce 1 • Tvorba high-fidelity prototypů

Aplikuje komponenty design systému pro vytvoření pixelově přesných, interaktivních prototypů. Prototypy replikují skutečné chování aplikace pro důvěryhodné testování použitelnosti.

Lekce 2 • Testování a zdokonalování prototypů

Provází strukturovaným testováním high-fidelity prototypů k identifikaci selhání interakcí. Cykly zdokonalování překlenují mezeru mezi prototypem a finálním produktem.

Lekce 3 • Mikro-interakce a animace

Učí smyčkám spouštěč-zpětná vazba, křivkám uvolnění a pokynům pro trvání UI animací. Studenti navrhují animace, které usměrňují pozornost, aniž by působily rušivě.

Lekce 4 • Design gest a dotykových interakcí

Pokrývá vzory swipnutí, stažení prstů, klepnutí a dlouhého stisknutí pro mobilní a dotyková rozhraní. Studenti navrhují toky založené na gestech, které působí přirozeně a jsou objevitelné.

Lekce 1 • Základy testování použitelnosti

Definuje moderované vs. nemoderované testování a kdy kterou metodu použít. Stanovuje testování jako kontinuální aktivitu, nikoli jako kontrolu v závěrečné fázi.

Lekce 2 • Psaní testovacích plánů a úkolů

Učí, jak psát scénáře úkolů, které odhalí skutečné problémy s použitelností. Dobře napsané úkoly zabraňují ovlivňování účastníků a produkují validní data.

Lekce 3 • Analýza a reportování zjištění

Transformuje data ze sezení na problémy hodnocené podle závažnosti a prioritní doporučení. Zprávy komunikují zjištění zúčastněným stranám, které nebyly přítomny.

Lekce 4 • Facilitace sezení použitelnosti

Pokrývá techniky moderátora pro udržení neutrálních a produktivních sezení. Studenti si procvičují pozorování, psaní poznámek a sondování bez zkreslení.