Curso Recomendações de Usabilidade - 29/07/2011

USABILIDADE
minicurso de recomendações básicas

Friday, July 29, 2011

Instituto Faber Ludens de Design de Interação


Instrutora: Mileni Kazedani
Usabilidade equipe de UX da
Electrolux Latin America
Mestrado em Design -
Recomendações de Usabilidade
Graduação em Design Gráfcio


Programação do Minicurso
Deﬁnição de Usabilidade
Importância da Usabilidade para
interfaces físicas e digitais
Recomendações de Usabilidade


Deﬁnição
e importância


Interface?

6


usabilidade?

8


Design gráﬁco

UX
Design de informação
Design de produto
Design de interação
Arquitetura de informação
Sound design
Motion design
outros...

12


UX usabilidade usuário

13


Norma ISO 9241-11
“Usabilidade é a capacidade de um produto
ser usado por usuários específicos para
atingir objetivos específicos com eficácia,
eficiência e satisfação em um contexto
específico de uso”

14


...basicamente

facilidade de uso!
15


Quem é o
usuário? 16


Qual a diferença
entre eﬁcácia e
eﬁciência?
17


Satisfação...
satisfação subjetiva
conforto
aceitabilidade
prazer...

18


Usuários, tarefas,
equipamentos (hardware,
software e materiais),
ambiente físico e social em
que o produto é usado

Contexto de uso
19


Interfaces sem
usabilidade
Causam cansaço, aborrecimento,
irritação, stresse
Baixa produtividade
Subutilização dos recursos do sistema
Acidentes pequenos
e acidentes graves

20


Sinalização de
banheiros do
Museu do Louvre:
confusão que gera
constrangimento

21


Válvula de Descarga Deca Slim:
erro que gera desperdício de água

22


Fox Volkswagen:
mutilação em 7 pessoas

Márcio Montesani, diretor do Núcleo de Perícias Técnicas de
São Paulo, analisou o rebatimento do Fox. Especialista em
perícias automotivas, ele critica o sistema e o manual: “Há
erro de projeto. O dispositivo induz o usuário a colocar o
dedo instintivamente na argola, o que pode resultar em
mutilação. E o manual deveria prevenir sobre falhas na
operação. Dizer como proceder na ausência da alça”.

23


Tragédia Voo TAM 3054
No dia 24 de julho de 2007, a fabricante da aeronave Airbus divulgou um documento
sobre a posição correta do manete quando o reverso estiver travado (desativado),
explicando que deve ser utilizado em ponto morto durante o pouso.[24] O alerta do
fabricante associado aos acidentes repetidos manifestaria um problema de usabilidade
disfarçado de erro humano, posto que, apesar de dispor de um sistema computacional
altamente soﬁsticado, este ainda não alertaria o piloto quando há uma disparidade tal
como ocorre quando as turbinas atuam de forma completamente contrárias.

A investigação concluiu que a principal causa do acidente foi o posicionamento das
manetes - a da direita estava, por erro humano ou falha técnica, em posição de aceleração

24


Por que existem problemas de
usabilidade nas interfaces?

http://www.youtube.com/watch?v=jo3rl2kxB4g

25


Modelos mentais
diferentes

26


O designer não é o usuário
O cliente não é o usuário ﬁnal
Complexidade do processo de design
Tecnológicos
Custos

27


Recomendações
básicas de usabilidade


O que são?
Bases da usabilidade
Recomendações para a produção de interfaces
considerando a facilidade de aprendizado, a eﬁciência de
uso, a facilidade de memorização, a baixa taxa de erros e a
satisfação subjetiva
Importantes na avaliação de interfaces

29


Critérios Ergonômicos
(Bastien & Scapin)

Qualidades Ergonômicas
para IHC (Cybis)

Regras de Ouro
(Schneiderman)

Princípios de Design
Utilizável
(Patrick Jordan)

Princípios Gerais e
Heurísticas
(Jacob Nielsen)

30


6 recomendações


1. Orientação
2. Carga de Trabalho
3. Controle do usuário
4. Adaptabilidade e Compatibilidade
5. Gestão do erro
6. Consistência
32


Cada sistema/produto
tem sua prioridade
Sistemas computacionais
Games
Mobile
Eletrodomésticos
Trânsito
etc.

33


Orientação
meios para
advertir, informar,
guiar, instruir, conduzir
o usuário durante a
interação

34


Orientação
“Onde eu estou mesmo?”
“Onde estava aquele...”
“Como faz pra abrir?”
“Não, não é aqui...”
“Não, não é assim...”

Orientação
35


Restrições
Físicas
Lógicas
Semânticas
Culturais

Orientação
36


Orientação
37


Orientação
38


Convite ao uso
Affordances = propiciação
Indicativos de uso

Orientação
39


Agrupamento e
distinção de itens
Reconhecimento rápido
Percepção das diferenças
e das similaridades
Hierarquia de informação
Localização

Orientação
Formato
40


Ajuda ao usuário
Ajuda
Manual do usuário
Guias rápidos
Etiquetas

Orientação
41


Feedback
Satisfação
Alívio
Prepara o usuário para
as próximas etapas

Ex.
Cursores
Mensagens de erro

Orientação
Feedbacks sonoros

42


Status do
sistema
Informar as etapas
já realizadas e quais
faltam

Previsão do tempo
restante para ﬁnalização

Orientação
43


Naturais
De sucesso
De Alerta
De erro
De conclusão

Feedbacks sonoros

Orientação
44


Animações sutis
Indicações de direção
Ajudam o usuário a se localizar
Compreender o efeito da ação
Ex. Navegação, ao adicionar,
excluir um item

Orientação
45


Orientação é importante para
Facilita a navegaçãos
Ajuda o usuário a se
localizar
Ajuda a aprender como
funciona o sistema
Quais ações são
possíveis
Reduz os erros

Orientação
46


Carga de
trabalho
elementos que
auxiliam na redução da
carga cognitiva e
perceptiva do usuário

47


Carga de
trabalho

Carga de Trabalho
“Eu não quero pensar, quero pronto!”
“Acho que isso deveria ser automático.”
“Ai que saco tem que selecionar um por um...”
“Que merrrr... não tem atalho!
48


Carga de memória
Memória de Curto Prazo
+ ou - 7 conjuntos de itens

Carga de Trabalho
49


Signiﬁcado dos
códigos e denominações
Coerência entre o que é
apresentado e o seu signiﬁcado
Ícones
Nomenclaturas

Carga de Trabalho
Títulos
Instruções

50


Ações mínimas
Atalhos
Caixas de busca
Índices
Uso de valores default
Sugestões

Carga de Trabalho
51


Densidade
informacional
Uso de valores default
Uso de imagens e ícones
representativos
Hierarquia de informação

Carga de Trabalho
Ex.: Menus
Paginação
Barra de ferramentas
52


Carga de Trabalho
53


Carga de trabalho é importante para
Reduzir o esforço
físico e cognitivo do
usuário
Diminuir a
probabilidade de
erros

Carga de Trabalho
Aumento da
eﬁciência

54


Controle
do usuário
tratamento de ações
explícitas dos usuários
e controle o sistema

55


Controle do usuário
“Mas eu não pedi isso!”
“De novo essa janela, que saco!”
“Porque tá acontecendo isto??”
“Ai, tem que passar um por um...”
“Deu pau...”

“Puts, demorei!”

56


Ações explícitas
Feedbacks claros
Feedbacks sonoros
Mudança de status após a ação

Status do sistema

57


Possibilidade de cancelar os
processos
Saídas fáceis
Ajustes e personalização
CTRL+Z

Índices

58


Carga de Trabalho
59


Controle do usuário é importante para
Favorecer a
aprendizagem
Diminuir a
probabilidade de erros
Aumenta a aceitação e

a satisfação do usuário
sobre o produto

60


capacidade de se
comportar conforme o
contexto, atendendo
as necessidades e
preferências do usuário

Adaptabilidade e compatibilidade

61


Adaptabilidade e
compatibilidade
“Já entendi, não precisa

Adaptabilidade e Compatibilidade
perguntar de novo!”
“Ah, não dá pra conﬁgurar...”
“Ah, não dá pra fazer assim,
achei que dava...”
“Que merrrr... não tem atalho!”

62


Flexibilidade
Customizar/conﬁgurar a interface
conforme preferências (hábitos de
trabalho, exigências da tarefa).

Ex. Pacote Adobe
Oferecer diversas maneiras para se
alcançar um mesmo objetivo
Possibilidade de cancelamento
CTRL+Z

63


Compatibilidade
Idade
Hábitos

Memória
Expectativas
Obedecer determinados
padrões/convenções
Acessibilidade
64


Expectativas
Ordem das tarefas

Termos utilizados
Unidades de medida

65


Experiência do usuário

Com experiência Sem Experiência

Atalhos Tarefas via Menu

Informações para usuários Passo a passo
inexperientes: ocultar ou não
ser obrigado a acessar/ Tips/Balões explicativos
visualizar

66


67


é importante para
Usuários diferentes tem
necessidades diferentes

Quantos mais variadas
as maneiras de se
realizar uma tarefa,
maiores chances do
usuário se adaptar a
uma delas

68


Gestão de erros
meios que evitam ou
reduzem erros e
quando eles ocorrem,
favorecem a correção

69


Tipos de erros
Captura
Descrição
Com base em dados
Erros de perda de

Gestão de erros
ativação
Erros de Modo

70


Gestão de erros
“puts, errei...”
“puts, errei de novo!”
“erro xv8u5n9??”
“e como faz pra voltar?”
“como eu sou burro!”

Gestão de erros
71


Proteção contra
os erros
O sistema deve detectar os erros
A própria interface deve ser projetada para
prevenir a ocorrência de erros
Navegação bem guiada
Solicitar informações por etapa

Gestão de erros
72


Proteção contra
os erros
Eliminar cirscunstâncias propícias ao erro
Ocultar informações
Conﬁrmação antes de ações irreversíveis
Funções de força coerciva: obriga o usuário a
efetuar alguma ação por questões de

Gestão de erros
segurança

73


Mensagens de erro
Informar ao usuário porque o erro ocorreu
As mensagens de erro
devem ser breves e
compreensíveis para o usuário
Alertas sonoros,
mensagens de erro
Pode haver bloqueio de ações

Gestão de erros
até que o problema seja solucionado

74


Correção
dos erros
Oferecer a possibilidade
de corrigir o erro
Sugerir alternativas
Corrigir somente a parte
incorreta

Gestão de erros
75


Gestão de erros é importante para
Diminuir o tempo de
execução das tarefas
Diminuir perturbação e
irritabilidade
Favorece o aprendizado

Gestão de erros
Evitar acidentes

76


Consistência
quando a identidade visual é
obedecida e os procedimentos
e entradas são idênticos em
contextos idênticos e
diferentes em contextos
diferentes

77


atender às expectativas
dos usuários

Consistência
78


Consistência
“Onde estava aquela coisa?”
“Como é mesmo que
fazia pra...?”
“Já não tô entendendo nada...”

Consistência
79


Identidade visual
Ícones
Rótulos/
Nomenclaturas
Textos
Linguagem
Cores - informação

Consistência
80


Botões
Títulos
Hierarquia de
funções, opções

Localização de itens

Consistência
81


Funções
Atalhos
Sequência de ações
Procedimentos
similares para acessar
partes do sistema

Ações/Entradas

Consistência
82


Consistência é importante para
Facilitar o aprendizado
Diminuir os erros
Localizar itens mais
rapidamente
Aumentar a
aceitabilidade e
satisfação do usuário

Consistência
Transmitir conﬁabilidade

83


Interfaces com usabilidade
Mais fáceis de usar
Mais segurança
Produtos mais ﬂexíveis para o uso
Mais adaptáveis aos usuários
Manutenção facilitada
Diminui os erros, os constrangimentos,
a irritabilidade
Aumenta a satisfação, a produtividade

84


Considerar a
Usabilidade durante
todo o processo de
Design
No início do projeto: para projetar com foco
no usuário e nas suas necessidades
Durante o projeto: para fazer avaliações e corrigir enquanto houver tempo
Ao ﬁnal do projeto: para veriﬁcar e gerar inputs para novos projetos
85


Arigatô!

Curso Recomendações de Usabilidade - 29/07/2011

Recommandé

Recommandé

Contenu connexe

Similaire à Curso Recomendações de Usabilidade - 29/07/2011

Similaire à Curso Recomendações de Usabilidade - 29/07/2011 (20)

Plus de Instituto Faber-Ludens

Plus de Instituto Faber-Ludens (20)

Curso Recomendações de Usabilidade - 29/07/2011