Kognitivní zátěž

Přístupnost (často zkráceně a11y) je praxe navrhování a tvorby webových stránek a aplikací tak, aby je mohli používat všichni, včetně lidí se zrakovým, motorickým, sluchovým nebo kognitivním postižením. Zahrnuje správné sémantické značkování, podporu navigace klávesnicí, dostatečný barevný kontrast a kompatibilitu se čtečkami obrazovky. Kromě etické odpovědnosti je přístupnost v mnoha jurisdikcích stále častěji i zákonným požadavkem.

Optimistické UI je vzor, při kterém rozhraní okamžitě zobrazí očekávaný výsledek akce uživatele, ještě než ji server potvrdí. Například tlačítko „lajk" okamžitě ukáže stav po liknutí, zatímco API požadavek probíhá na pozadí. Díky tomu aplikace působí výrazně rychleji a responzivněji. Pokud požadavek na server selže, UI se vrátí do předchozího stavu a uživatele upozorní.

Atomický design je metodologie Brada Frosta pro tvorbu designových systémů rozdělením rozhraní do pěti hierarchických úrovní: atomy (základní HTML elementy), molekuly (jednoduché skupiny komponent), organismy (složité UI sekce), šablony (rozvržení na úrovni stránky) a stránky (konkrétní instance se skutečným obsahem). Tento přístup poskytuje konzistentní mentální model pro organizaci knihoven komponent v React, React Native nebo Flutter projektech a zajišťuje systematickou škálovatelnost UI.

Testování použitelnosti je metoda UX výzkumu, při které skuteční uživatelé plní konkrétní úkoly, zatímco pozorovatelé zaznamenávají obtíže, zmatení a vzorce chování. Může být moderované (s facilitátorem) nebo nemoderované (samostatné s nahráváním) a prováděné na prototypech nebo živých produktech. I testování s pouhými 5 uživateli obvykle odhalí většinu problémů s použitelností, což z něj činí jednu z aktivit s nejvyšší návratností v produktovém vývoji.

Designový systém je sbírka znovupoužitelných komponent, pravidel a standardů, které zajišťují vizuální a funkční konzistenci napříč produktem nebo skupinou produktů. Typicky zahrnuje knihovnu komponent, design tokeny, typografická pravidla, barevné palety a dokumentaci. Designové systémy propojují práci designérů a vývojářů a umožňují týmům stavět rozhraní rychleji při zachování jednotného vzhledu.

Knihovna komponent je sada předpřipravených, znovupoužitelných UI prvků — tlačítek, vstupních polí, modálních oken, karet — připravených pro konzistentní použití napříč projekty. Knihovny jako Material UI, Chakra UI nebo Radix poskytují přístupné, tématicky upravitelné stavební bloky, díky kterým vývojáři nemusí znovu vynalézat běžné vzory. Dobře udržovaná knihovna komponent výrazně zkracuje dobu vývoje a zajišťuje vizuální konzistenci aplikace.