Design de UI

O desenho de como a interface parece e funciona, equilibrando clareza, hierarquia e estetica.

Hard

O que é

Design de UI e a criacao de interfaces digitais que junta principio visual com usabilidade, pra fazer com que a tela seja ao mesmo tempo agradavel e eficaz em ajudar a pessoa a concluir o que veio fazer. Aqui a funcao vem antes do enfeite.

O erro comum e tratar UI como puro estilo visual, sem entender como cada elemento afeta o comportamento da pessoa. Uma tela bonita que confunde simplesmente nao serve. Por isso a boa hierarquia visual e o padrao de interacao existem pra guiar, em vez de obrigar a pessoa a decifrar a tela sozinha.

Na pratica, isso aparece em hierarquia clara, em feedback do que a acao fez e no estado do sistema sempre visivel, o que ajuda a prevenir erro. E a acessibilidade entra desde o comeco, e nao como remendo no fim, porque a interface precisa funcionar pra gente com habilidade, dispositivo e familiaridade tecnica diferentes.

Em uma frase

A tela ficou bonita mas escondeu o botao principal, entao vamos refazer a hierarquia visual.

A pergunta que ele responde

Como faco uma tela bonita que tambem ajuda a pessoa a concluir o que veio fazer?

Quando usar

Faz sentido ao desenhar como a interface se parece e se comporta pra guiar a pessoa ate concluir a tarefa.

Como não usar

O cuidado e nao priorizar so o apelo visual em cima da clareza, e nao deixar a acessibilidade pro fim como remendo.

Na prática

Pense num time que descobre que a tela bonita acabava escondendo o botao principal. Quando refazem a hierarquia visual, a taxa de conclusao sobe, porque a clareza voltou a guiar a pessoa.

Não confunda com

Vale separar design de UI de design de UX. A UI cuida de como a interface parece e funciona na tela, enquanto a UX cuida da experiencia inteira de uso. Ou seja, a UI e uma parte da UX, nao um sinonimo dela.

D

Em inglês

UI Design

Pronúncia

iu-ai di-zain

Também chamado de

design de UI, UI design, design de interface

Origem

n/a

Fonte

Saiba mais

Refactoring UI, Adam Wathan e Steve Schoger