Hver skjerm du bruker er designet av noen: startskjermen til en bankapp, en søkeboks, en innstillingsside. UI-design er disiplinen som bestemmer hvordan disse skjermene er ordnet, hvordan hver kontroll ser ut og hvordan den reagerer når du berører den.
En UI-designer jobber med noen få byggeklosser. Layout og avstand grupperer relaterte ting sammen. Visuelt hierarki gjør at den viktigste handlingen skiller seg ut. Typografi og farger bærer betydning og merke. Komponenter som knapper, innganger, kort og menyer er designet én gang og gjenbrukt, slik at produktet føles konsistent.
Hver komponent har også tilstander. En knapp har standard, sveve, trykket, fokusert, deaktivert og innlastingstilstander, og hver av dem trenger et design. Å utelate stater er en av de vanligste årsakene til at et design ser ferdig ut i en mockup, men føles ødelagt i det virkelige produktet.
Interaksjon og bevegelse er også en del av brukergrensesnittet. Små svar, ofte kalt mikro-interaksjoner, bekrefter at et trykk fungerte, viser fremgang eller forklarer hvor noe gikk. De bør være raske og målrettede, og respektere systeminnstillingen for redusert bevegelse.
Det meste av UI-design skjer i dag i Figma, med Penpot, Sketch og Lunacy som vanlige alternativer. For grensesnitt som trenger å reagere på reelle data og input i den ferdige appen, bruker designere også interaktive verktøy. ExodeUI, som vi lager, er en: den lagrer tilstander, vårfysikk og hendelser i én åpen fil som kjører i React, Vue, Svelte, Angular, Solid, React Native, ZQX3QZZ og ZXQX.