Každá obrazovka, kterou používáte, byla navržena někým: domovská obrazovka bankovní aplikace, vyhledávací pole, stránka nastavení. Design uživatelského rozhraní je disciplína, která rozhoduje o tom, jak jsou tyto obrazovky uspořádány, jak jednotlivé ovládací prvky vypadají a jak reagují, když se jich dotknete.
Návrhář uživatelského rozhraní pracuje s několika stavebními bloky. Rozvržení a rozestupy seskupují věci související dohromady. Vizuální hierarchie dává vyniknout nejdůležitější akci. Typografie a barva nesou význam a značku. Komponenty, jako jsou tlačítka, vstupy, karty a nabídky, jsou navrženy jednou a znovu použity, takže produkt působí konzistentně.
Každá komponenta má také stavy. Tlačítko má výchozí stavy, stavy najetí, stisknuté, zaostřené, deaktivované a načítání a každé potřebuje svůj design. Vynechání stavů je jedním z nejčastějších důvodů, proč design vypadá jako hotový v maketě, ale ve skutečném produktu působí rozbitě.
Interakce a pohyb jsou také součástí uživatelského rozhraní. Malé odpovědi, často nazývané mikrointerakce, potvrzují, že klepnutí fungovalo, ukazují pokrok nebo vysvětlují, kam se něco podělo. Měly by být rychlé a cílevědomé a respektovat nastavení systému pro omezený pohyb.
Většina návrhů uživatelského rozhraní se dnes odehrává v Figma, přičemž běžné alternativy jsou Penpot, Sketch a Lunacy. Pro rozhraní, která potřebují reagovat na skutečná data a vstupy v hotové aplikaci, používají návrháři také interaktivní nástroje. ExodeUI, který vyrábíme, je jeden: ukládá stavy, jarní fyziku a události do jednoho otevřeného souboru, který běží v React, Vue, Svelte, Angular, Solid, React Native, SwiftUI a Flutter.