AULA 01

Design de UI

Quais são os Prof. Me. Márlio Kleber

pilares de UI?
IFTO - PALMAS
Os 3 pilares do
Design de Interface
Os pilares do design de interface
compreendem toda a parte “invisível” que
torna a UI mais agradável, bonita e de fácil
utilização. Sendo eles:

▪ Princípios;
▪ Criatividade; e
▪ Prática constante.
 1º PILAR

Trataremos de 06 princípios do
Design de Interface

Design Visual Espaço Alinhamento Consistência Hierarquia Usabilidade

Usabilidade
Usabilidade
Um contexto de UX
 USABILIDADE

Hum... Na verdade o
que é Usabilidade? Soft Kills
Usabilidade é uma disciplina tão grande quanto a
própria disciplina de UI. É “filha” da Interação Humano-
Computador (IHC) e “neta” da Engenharia de Software,
carregando esse legado ao longo de sua evolução.
Se trata do quão algo pode ser
intuitivo e fácil de usar?
“ Usabilidade é um atributo de qualidade que
avalia quão fácil uma interface é de usar.”
Jakob Nielsen
USABILIDADE
Olha que
Atributo de qualidade interessante isso é...

Engloba vários componentes de qualidade que

quando somados criam produtos ou serviços que
agradam os usuários e ajudam eles à atingir seus
objetivos.

“ De nada adianta uma interface ser fácil de utilizar

se ela não tem a capacidade de possibilitar que
você consiga fazer o que você deseja”.

Anote: O contrário também é uma verdade.

USABILIDADE

Exemplos Descomplica aí...

A análise que você
respeita!
USABILIDADE

Heurísticas de Nielsen
1) Feedback
Visibilidade do estado do sistema
2) Falar a linguagem do usuário
Equivalência entre o sistema e o mundo real;
3) Saídas claramente demarcadas
Liberdade e controle do usuário;
4) Consistência
Criação de padrões;
5) Prevenir erros
Minimizar o risco de erro do lado do usuário.
 Tem mais aqui oh...
USABILIDADE

Heurísticas de Nielsen
6) Minimizar a sobrecarga de memória do usuário;
7) Atalhos;
8) Diálogos simples e naturais;
9) Boas mensagens de erro e;
10) Ajuda e documentação.
USABILIDADE

Os Estudos de Nielsen
Estes estudos sugerem que 75% dos erros de websites
poderiam ser minimizados com cuidados relacionados às
atividades que auxiliam:
▪ Encontrar as informações;
▪ Entender as informações;
Ter prazer na leitura;
▪ Realização de pesquisas.
▪
 USABILIDADE Vamos descomplicar
e desmistificar a

Dois aspectos Usabilidade aqui?.

importantes
▪ Affordances;
▪ Signifiers.
 ?
O que são
Affordances
Quanto mais pistas
visuais oferece,
mais evidente fica.

USABILIDADE

Affordances
A maneira de mostrar para o usuário o que se
pode ser feito com um objeto/elemento com
base na interação dele.
 ?
O que são
Signifiers
USABILIDADE Conceitos que se

Signifiers
complementam.

Vem clarificar a função de uma affordance.

No contexto de UI é literalmente algo que
explica uma ação ou o que precisa ser feito.
USABILIDADE

Suas características
Simplificando em 05 pontos importantes

▪ Efetividade;
▪ Eficiência;
▪ Engajamento;
▪ Tolerância de Erros e;
▪ Facilidade de aprendizado;