Cada tela que você usa foi projetada por alguém: a tela inicial de um aplicativo bancário, uma caixa de pesquisa, uma página de configurações. O design da interface do usuário é a disciplina que decide como essas telas são organizadas, a aparência de cada controle e como ele responde quando você toca nele.
Um designer de UI trabalha com alguns blocos de construção. Layout e espaçamento agrupam coisas relacionadas. A hierarquia visual destaca a ação mais importante. Tipografia e cores carregam significado e marca. Componentes como botões, entradas, cartões e menus são projetados uma vez e reutilizados, para que o produto pareça consistente.
Cada componente também possui estados. Um botão tem estados padrão, pairar, pressionado, focado, desabilitado e de carregamento, e cada um precisa de um design. Deixar os estados de lado é um dos motivos mais comuns pelos quais um design parece acabado em uma maquete, mas parece quebrado no produto real.
Interação e movimento também fazem parte da UI. Pequenas respostas, muitas vezes chamadas de microinterações, confirmam que um toque funcionou, mostram o progresso ou explicam para onde algo foi. Eles devem ser rápidos e objetivos e respeitar a configuração do sistema para movimento reduzido.
A maior parte do design de UI hoje acontece em Figma, com Penpot, Sketch e Lunacy como alternativas comuns. Para interfaces que precisam reagir a dados reais e entradas no aplicativo finalizado, os designers também usam ferramentas interativas. ExodeUI, que criamos, é um deles: ele armazena estados, física de primavera e eventos em um arquivo aberto que roda em React, Vue, Svelte, Angular, Solid, React Native, SwiftUI e Flutter.