Každá obrazovka, ktorú používate, bola navrhnutá niekým: domovská obrazovka bankovej aplikácie, vyhľadávacie pole, stránka nastavení. Dizajn používateľského rozhrania je disciplína, ktorá rozhoduje o tom, ako sú tieto obrazovky usporiadané, ako jednotlivé ovládacie prvky vyzerajú a ako reagujú, keď sa ich dotknete.
Dizajnér používateľského rozhrania pracuje s niekoľkými stavebnými blokmi. Rozloženie a rozmiestnenie zoskupte veci súvisiace so skupinou. Vizuálna hierarchia dáva vyniknúť najdôležitejšej akcii. Typografia a farba nesú význam a značku. Komponenty, ako sú tlačidlá, vstupy, karty a ponuky, sú navrhnuté raz a znovu použité, takže produkt pôsobí konzistentne.
Každý komponent má tiež stavy. Tlačidlo má predvolený stav, stavy vznášania, stlačenia, zaostrenia, vypnutia a načítania a každé potrebuje svoj dizajn. Vynechanie stavov je jedným z najbežnejších dôvodov, prečo dizajn vyzerá ako hotový v makete, ale v skutočnom produkte sa zdá byť poškodený.
Interakcia a pohyb sú tiež súčasťou používateľského rozhrania. Malé odpovede, často nazývané mikrointerakcie, potvrdzujú, že klepnutie fungovalo, ukazujú pokrok alebo vysvetľujú, kde sa niečo pohlo. Mali by byť rýchle a cieľavedomé a rešpektovať nastavenie systému pre znížený pohyb.
Väčšina návrhov používateľského rozhrania dnes prebieha v Figma, pričom bežné alternatívy sú Penpot, Sketch a Lunacy. Pre rozhrania, ktoré potrebujú reagovať na skutočné údaje a vstupy v hotovej aplikácii, používajú dizajnéri aj interaktívne nástroje. ExodeUI, ktorý vyrábame, je jeden: ukladá stavy, jarnú fyziku a udalosti do jedného otvoreného súboru, ktorý beží v React, Vue, Svelte, Angular, Solid, React Native, SwiftUI a Flutter.