Guilherme Menga e Lucas Húngaro
Interface, interação e
usabilidade
1 / 45

O que é
INTERFACE
2 / 45

Interface, Interação e Usabilidade
Interface
• Ponto de contato entre “usuário” e um sistema
• Elemento de relação
“A interface é o domínio do design”
3 / 45

Interface, Interação e Usabilidade
Interface
• Visuais
4 / 45

Interface, Interação e Usabilidade
Interface
• Visuais – Texto como interface
http://www.marumushi.com/apps/newsmap/
5 / 45

Interface, Interação e Usabilidade
Interface
• Sonora
6 / 45

Interface, Interação e Usabilidade
Interface
• Olfativa
7 / 45

Interface, Interação e Usabilidade
Interface
• Gestual
8 / 45

Interface, Interação e Usabilidade
Interface
• Tátil
9 / 45

O que é
INTERAÇÃO
10 / 45

Interface, Interação e Usabilidade
Interação
• O que podemos fazer?
• O que queremos fazer?
• O que devemos fazer?
11 / 45

Interface, Interação e Usabilidade
Interação
• Tempo de execução
• Número de erros
• Taxa de finalização
• Satisfação
12 / 45

E o que é afinal,
USABILIDADE?
13 / 45

Interface, Interação e Usabilidade
Usabilidade
\"Medida na qual um produto pode ser usado por
usuários específicos para alcançar objetivos
específicos com eficácia, eficiência e satisfação em um
contexto específico de uso.\" ISO 9241-11
14 / 45

Interface, Interação e Usabilidade
Maçanetas?
• Maçanetas são interfaces
• Puxe / Empurre para abrir
15 / 45

Interface, Interação e Usabilidade
No princípio...
• Ergonomia
• Interação Humano-Computador
16 / 45

Interface, Interação e Usabilidade
www.cliqueaqui
• Popularização da usabilidade
• Usabilidade vs. Estética
• Não me faça pensar
17 / 45

Alguns
PRINCÍPIOS DA USABILIDADE
18 / 45

Interface, Interação e Usabilidade
Princípios da Usabilidade
Cinco componentes:
• Aprendizado
• Eficiência
• Memorabilidade
• Erros
• Satisfação
19 / 45

Senhoras e senhores,
O “USUÁRIO” VS. O
“DESENVOLVEDOR”
20 / 45

Interface, Interação e Usabilidade
O “usuário” vs. o “desenvolvedor”
• A aplicação é a interface.
• Foco no usuário vs. foco na funcionalidade
• Faça, teste, corrija, repita
• Você não é o usuário. NUNCA.
21 / 45

Interface, Interação e Usabilidade
O “usuário” vs. o “desenvolvedor”
\"Se o usuário não consegue encontrar, não existe\"
22 / 45

Lembre-se do KISS
“KEEP IT SIMPLE, STUPID!”
23 / 45

Interface, Interação e Usabilidade
Simplicidade
“Simplicidade é a máxima sofisticação”
Leonardo da Vinci
24 / 45

Interface, Interação e Usabilidade
A simplicidade num mundo complexo
\"Perfection is achieved, not when there is
nothing left to add, but when there is
nothing left to take away.”
Antoine de St. Exupéry
25 / 45

Interface, Interação e Usabilidade
Freqüência de utilização de
funcionalidades
Sempre
7% Freqüentemente
Nunca 13%
45%
Às vezes
16%
Raramente
19%
Princípio de Pareto se aplica ao software:
20% das funcionalidades gera 80% do valor para o cliente
26 / 45
Fonte: Lean Software Development, Mary Poppendieck e Tom Poppendieck, Addison‐Wesley, 2003, p. 32

Interface, Interação e Usabilidade
27 / 45

Interface, Interação e Usabilidade
28 / 45

Interface, Interação e Usabilidade
Repita comigo
Não tente ser tudo para todos
29 / 45

Interface, Interação e Usabilidade
Pequeno gafanhoto
A simplicidade não é o destino, é o caminho.
30 / 45

Interface, Interação e Usabilidade
Apple iPhone
A complexidade está lá, mas você não a vê
31 / 45

Interface, Interação e Usabilidade
Muita informação com interface simples
32 / 45

Interface, Interação e Usabilidade
Simples demais...
Até a simplificação tem um limite
• Dê um toque para definir padrão
• Dois toques para “full‐on”
• Aperte e segure para aumentar a luz
• Aperte (o) para gravar o nível atual
como novo padrão
• Um toque para apagar
gradativamente devagar
• Dois toques para apagar
gradativamente rápido
• Aperte e segure para ajustar a luz
33 / 45

Na prática
ALGUNS CASOS E EXEMPLOS
34 / 45

Interface, Interação e Usabilidade
Casos e Exemplos
• Caixas de diálogo
35 / 45

Interface, Interação e Usabilidade
Casos e Exemplos
• Uma tarefa, várias opções
36 / 45

Interface, Interação e Usabilidade
Casos e Exemplos
Design iterativo, prototipagem e testes
37 / 45

Interface, Interação e Usabilidade
Casos e Exemplos
Estou com sorte mesmo?
38 / 45

Interface, Interação e Usabilidade
Casos e Exemplos
• iPod
39 / 45

Interface, Interação e Usabilidade
Casos e Exemplos
• Wii
40 / 45

Interface, Interação e Usabilidade
Casos e Exemplos
• Microsoft Surface
41 / 45

Enfim,
NENHUMA NOVIDADE
42 / 45

Interface, Interação e Usabilidade
Nenhuma novidade
• Usabilidade é bom senso
• Inove com responsabilidade
• Se todo o resto falhar, volte ao básico
• Convenções são suas amigas
43 / 45

E você?
DÚVIDAS, COMENTÁRIOS E
OPINIÕES
44 / 45

E finalmente,
MUITO OBRIGADO!
45 / 45