Varje skärm du använder har designats av någon: startskärmen för en bankapp, en sökruta, en inställningssida. UI-design är disciplinen som bestämmer hur dessa skärmar är ordnade, hur varje kontroll ser ut och hur den reagerar när du trycker på den.
En UI-designer arbetar med några byggstenar. Layout och avstånd grupp relaterade saker tillsammans. Visuell hierarki gör att den viktigaste åtgärden sticker ut. Typografi och färg bär betydelse och varumärke. Komponenter som knappar, ingångar, kort och menyer designas en gång och återanvänds, så att produkten känns konsekvent.
Varje komponent har också tillstånd. En knapp har standardlägen, hovra, nedtryckt, fokuserad, inaktiverad och laddningstillstånd, och var och en behöver en design. Att utelämna stater är en av de vanligaste anledningarna till att en design ser färdig ut i en mockup men känns trasig i den verkliga produkten.
Interaktion och rörelse är också en del av användargränssnittet. Små svar, ofta kallade mikrointeraktioner, bekräftar att en tryckning fungerade, visar framsteg eller förklarar var något tog vägen. De ska vara snabba och målmedvetna och respektera systeminställningen för minskad rörelse.
De flesta UI-design sker idag i Figma, med Penpot, Sketch och Lunacy som vanliga alternativ. För gränssnitt som behöver reagera på verklig data och input i den färdiga appen använder designers också interaktiva verktyg. ExodeUI, som vi gör, är en: den lagrar tillstånd, vårfysik och händelser i en öppen fil som körs i React, Vue, Svelte, Angular, Solid, React Native, ZQX3QZZ och ZXQX.