Fiecare ecran pe care îl utilizați a fost proiectat de cineva: ecranul de pornire al unei aplicații bancare, o casetă de căutare, o pagină de setări. Designul UI este disciplina care decide cum sunt aranjate acele ecrane, cum arată fiecare control și cum răspunde când îl atingeți.
Un designer de interfață de utilizare lucrează cu câteva elemente de bază. Aspectul și spațierea grupează lucrurile legate împreună. Ierarhia vizuală scoate în evidență cea mai importantă acțiune. Tipografia și culoarea poartă semnificație și marcă. Componentele precum butoanele, intrările, cardurile și meniurile sunt proiectate o singură dată și reutilizate, astfel încât produsul să se simtă consistent.
Fiecare componentă are și stări. Un buton are stări implicite, hover, apăsat, focalizat, dezactivat și de încărcare și fiecare are nevoie de un design. Lăsarea stărilor este unul dintre cele mai comune motive pentru care un design pare finisat într-o machetă, dar se simte spart în produsul real.
Interacțiunea și mișcarea fac, de asemenea, parte din interfața de utilizare. Răspunsurile mici, numite adesea micro-interacțiuni, confirmă că o atingere a funcționat, arată progresul sau explică unde a mers ceva. Acestea ar trebui să fie rapide și intenționate și să respecte setarea sistemului pentru mișcare redusă.
Cea mai mare parte a designului UI de astăzi are loc în Figma, cu Penpot, Sketch și Lunacy ca alternative comune. Pentru interfețele care trebuie să reacționeze la datele reale și la intrarea în aplicația finită, designerii folosesc și instrumente interactive. ExodeUI, pe care îl facem, este unul: stochează stări, fizica primăverii și evenimente într-un singur fișier deschis, care rulează în React, Vue, Svelte, Angular, Solid, React Native, SwiftUI și SwiftUI.