Dobrý dizajn je neviditeľný. Používateľ by nemal premýšľať nad tým, ako niečo urobiť - malo by to byť intuitívne.

1. Konzistentnosť

Rovnaké akcie by mali vyzerať a fungovať rovnako v celej aplikácii. Tlačidlá, farby, typografia - všetko by malo nasledovať jednotný vzor.

2. Hierarchia informácií

Najdôležitejšie informácie by mali byť najviditeľnejšie. Používajte veľkosť, farbu a umiestnenie na navedenie pozornosti.

3. Spätná väzba

Používateľ musí vedieť, že sa niečo deje. Loading indikátory, success/error hlášky, hover stavy - to všetko buduje dôveru.

.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.button:active {
  transform: translateY(0);
}

4. Jednoduchosť

Menej je viac. Každý element by mal mať svoj účel. Ak niečo nepridáva hodnotu, odstráňte to.

5. Dostupnosť (Accessibility)

Dizajnujte pre všetkých. Kontrastné farby, čitateľné písma, keyboard navigácia a ARIA labels sú nevyhnutné.

6. Affordance

Elementy by mali naznačovať, ako sa používajú. Tlačidlo vyzerá ako tlačidlo, link ako link.

7. Fittov zákon

Čím je element väčší a bližší, tým ľahšie sa naň klikne. Dôležité akcie by mali mať dostatočnú klikateľnú oblasť.

8. Heuristika rozpoznávania

Ľudia lepšie rozpoznávajú než si pamätajú. Ponúknite možnosti namiesto prázdneho vstupu, kde je to možné.

9. Odpúšťanie chýb

Umožnite undo, potvrdzovacie dialógy pre kritické akcie, a jasné chybové hlášky.

10. Progresívne odhaľovanie

Nezahlťte používateľa všetkým naraz. Ukážte základy a pokročilé funkcie odhaľte postupne.

Záver

Dizajn je riešenie problémov. Poznajte svojich používateľov, testujte svoje predpoklady a iterujte na základe spätnej väzby.