UI vs. UX
UI je vizuální rozhraní – vše, co uživatel vidí a k čemu fyzicky sahá (tlačítka, ikony, barvy, písmo). UX je celková zkušenost – jak se uživatel cítí, zda je proces intuitivní a efektivní. UI je nástroj, UX je cíl.
Slovník pojmů
Společný jazyk pro lepší design
Když klienti a designéři mluví stejným jazykem, vznikají lepší projekty. Tento průvodce vysvětluje klíčové termíny bez zbytečného odborného jazyku.
Základní pojmy pro designové rozhodování
Toto je základní slovníček, který používáme při konzultacích. Vysvětlujeme je, aby byla spolupráce hladká a výsledek odpovídal očekáváním.
Metodická poznámka
Naše definice vychází z praxe mezinárodních projektů. Každý termín je chápán jako nástroj pro konkrétní rozhodnutí, ne jako teoretická kategorie.
Wireframe vs. Mockup
Wireframe je kostra bez designu, podobná architektonickému plánu. Slouží k odsouhlasení struktury a funkčnosti. Mockup je vizuálně věrná podoba výsledku včetně barev, typografie a fotografií.
Design System
Sada opakovaně použitelných komponent (tlačítka, formuláře, modální okna) a pravidel (barevná paleta, typografická mřížka, rozestupy) pro konzistentní vzhled a chování napříč celým produktem. Šetří čas a zajišťuje jednotnou zkušenost.
Accessibility (a11y)
Návrh webu použitelný pro všechny, včetně lidí se zdravotním postižením (např. zrakovým nebo motorickým). Zahrnuje správné kontrasty barev, popisky pro čtečky obrazovky a možnost ovládání klávesnicí. Je to nejen etický, ale i právní požadavek.
Responsive Design
Přizpůsobení rozhraní různým velikostem obrazovek. Základem je mobilní verze (mobile-first), která se pak rozšiřuje pro tablety a desktopy. Zajišťuje, že obsah je čitelný a funkční na všech zařízeních, což je dnes standardem.
Rozhodovací čočka a častá úskalí
Vybíráme nástroje a procesy podle konkrétního kontextu. Zde je přehled, jak se rozhodujeme a jak se vyhýbáme běžným pastím.
D Rozhodovací čočka
Kriteria
Clarity, relevance, scalability
Optimalizujeme pro
Dlouhodobou stabilitu a snadnou údržbu.
Obětujeme
Rychlost začátku (první verze trvá déle).
! Úskalí: Špatné cíle
- → Problém: "Chceme moderní web" – příliš vágní.
- → Řešení: Definujeme měřitelné KPI (např. +15% konverzní poměr).
! Úskalí: Příliš mnoho názorů
- → Problém: 5+ stakeholderů s rozdílnými preferencemi.
- → Řešení: Stanovíme jednoho rozhodujícího zástupce klienta.
Metodika vyhodnocení robustnosti
Každé doporučení (např. výběr technologie) testujeme proti třem scénářům: 1) Situace, kdy se klient spoléhá na interní IT, 2) Situace s limitem rozpočtu, 3) Scénář škálování do dalších zemí. Pokud doporučení selže ve dvou scénářích, přehodnocujeme.
Náš terminologický průvodce
Modaro používá vlastní terminologii, která odráží naše principy designové empatie a kontextové adaptace.
Tvarová paměť
Princip, že uživatel si pamatuje tvar a umístění prvků, ne jejich název. Proto tlačítka akce mají konzistentní tvar a pozici.
Digitální dotek
Vytváření vizuální textury a haptické zpětné vazby v prostředí bez fyzického kontaktu. Naučení se "číst" ovládání bez skutečného hmatu.
Vizuální hierarchie
Systém řazení prvků podle důležitosti, který vede uživatele intuitivně. Barva, velikost a mezera říkají "kam se dívat".
Bílý prostor (negative space)
Nejen prázdné místo, ale aktivní designový nástroj pro čitelnost a eleganci. Prázdno má svůj účel a vztah k obsahu.
Chcete si ujasnit termíny pro váš projekt?
Rádi s vámi projdeme slovníček na míru a ukážeme, jak konkrétně z něj těžit pro vaše obchodní cíle.
Domluvit konzultacimodaro • Vinohradská 151, 130 00 Praha 3 • +420 255 704 444 • [email protected]