Interface de usuario (UI)

A camada visual e interativa de um produto: tudo o que a pessoa vê e toca para usar o sistema.

Hard

O que é

Interface de usuário é a superfície por onde a pessoa interage com o produto: botão, menu, campo, ícone, tipografia, imagem e o layout que organiza tudo isso. É a camada que traduz o que o sistema faz no que a pessoa entende e consegue acionar.

No trabalho de produto, a qualidade da UI decide se a pessoa conclui a tarefa com eficiência, se erra mas consegue se recuperar, e se confia ou se frustra. Por isso, um produto com funcionalidade forte ainda falha na mão de quem usa se a interface for confusa ou inconsistente.

A UI une design visual, design de interação e psicologia do uso. Para comunicar sem precisar de instrução, ela se apoia em hierarquia, contraste, affordance e feedback.

Em uma frase

A funcionalidade existe, mas a UI esconde o botão principal, então ninguém chega até ela.

A pergunta que ele responde

Qual a diferença entre cuidar da interface e cuidar da experiência inteira?

Quando usar

Vale usar ao desenhar as telas e os componentes que a pessoa de fato vê e usa.

Como não usar

O cuidado é não tratar a UI como um verniz aplicado no fim do processo. Cada decisão de interface tem consequência direta na usabilidade.

Na prática

Imagine um produto com um motor poderoso, mas cujos botões principais somem no layout. A funcionalidade existe e funciona, só que a UI não deixa ninguém chegar até ela, e o valor acaba escondido.

Não confunda com

Vale separar UI de UX. A UI são os elementos visuais e interativos que a pessoa vê e toca, mais concretos, enquanto a UX é a experiência inteira de usar o produto. Por isso, um bom UI ajuda, mas não garante, sozinho, um bom UX.

D

Em inglês

User Interface (UI)

Pronúncia

iú-ai

Também chamado de

UI, interface, interface de usuario

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigos sobre UI design