Buscar

Projeto Interface Usuário 03 - Usabilidade

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 3, do total de 22 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 6, do total de 22 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 9, do total de 22 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Prévia do material em texto

Projeto Interface Usuario
03 - Usabilidade
Interação Humano-Computador
Analise e Desenvolvimento de Sistemas| UNIP
Prof. Sérgio Soares
Usabilidade e Ergonomia
• São aspectos fundamentais do 
projeto de interfaces que são 
considerados no estudo da 
interação humano-computador.
Intuitiva
EficienteSatisfatória
09/03/2019 2
Usável
Ergonomia
• Ergonomics (or human factors) is 
the scientific discipline 
concerned with the 
understanding of interactions 
among humans and other 
elements of a system, and the 
profession that applies theory, 
principles, data, and methods to 
design in order to optimize 
human well-being and overall 
system performance.
09/03/2019 3
International Ergonomics Association, 2000 Esta Foto de Autor Desconhecido está licenciado em CC BY-NC-ND
http://classtalkers.com/computer-science/cxc-edpm-ergonomics-and-safety/
https://creativecommons.org/licenses/by-nc-nd/3.0/
Ergonomia
4
• Estudo do conforto e da 
adaptação aos objetos e 
interfaces visando aumentar a 
produtividade e a satisfação das 
pessoas.
09/03/2019
Esta Foto de Autor Desconhecido está 
licenciado em CC BY-SA
https://sl.wikipedia.org/wiki/Slika:Ergonom%C3%ADa._%C3%81reas_operativas_de_la_simetr%C3%ADa_bilateral_del_cuerpo_humano_en_planta_-I%C3%B1aki_Otsoa_(sobre_gr%C3%A1fico_del_libro_de_ergonom%C3%ADa_de_ESADM)._CC._By._ShA_$no-.jpg
Usabilidade
• Medida de qualidade dos objetos e interfaces acrescida à 
utilidade dos mesmos.
• Usability is a quality attribute that assesses how easy user 
interfaces are to use. The word "usability" also refers to 
methods for improving ease-of-use during the design.
Nielsen, J. http://www.useit.com/alertbox/20030825.html
09/03/2019 5
Usabilidade de software
• Usabilidade da interface
• Não é possível determinar a priori o que é uma boa interface, pois:
• Depende das tarefas que serão realizadas; e
• Depende dos usuários que executarão tais tarefas.
• Usabilidade é obtida ao longo do processo de desenvolvimento da 
interface
• Pode-se utilizar princípios e guidelines, mas isso, por si só, não garante a 
usabilidade.
• A percepção da usabilidade será melhorada quando forem considerados os 
usuários que a utilizarão.
09/03/2019 6
https://www.nngroup.com/articles/usability-101-introduction-to-usability/
Ergonomia de software: princípios básicos
• Esforço mínimo do usuário
• Memória mínima do usuário
• Frustração mínima
• Maximizar o uso de padrões e 
hábitos
• Máxima tolerância para 
diferencas humanas
• Máxima tolerância para 
mudanças ambientais 
(interoperabilidade)
• Notificação imediata de 
problemas
• Controle máximo de tarefas pelo 
usuário
• Apoio máximo às tarefas
09/03/2019 7
Como medir a qualidade de uma interface e sua utilidade?
Usabilidade
09/03/2019 8
Por que usabilidade é 
importante?
• Na web, usabilidade é uma 
condição de sobrevivência.
• Se usuário:
• Tem dificuldade para 
usar o site;
• Informação é difícil de 
encontrar, confusa ou 
incompleta;
• Se sente perdido no 
site/aplicação;
• Ele deixa o site!
Esta Foto de Autor Desconhecido está licenciado em CC BY
http://www.outofseo.com/ecommerce-marketing-strategies-online-shop-services/
https://creativecommons.org/licenses/by/3.0/
Por que usabilidade é 
importante?
• No trabalho, usabilidade é 
uma condição de 
produtividade.
• Se funcionário:
• Perde tempo com 
repetição de ações 
inúteis;
• Precisa memorizar 
procedimentos 
complexos;
• Se informação é difícil de 
encontrar;
• Ele se torna improdutivo!
Es
ta
 F
o
to
d
e 
A
u
to
r 
D
es
co
n
h
ec
id
o
 e
st
á 
lic
en
ci
ad
o
 e
m
 C
C
 B
Y-
SA
-N
C
http://www.tonybates.ca/2012/07/26/literature-review-on-online-learning-and-productivity-needed/
https://creativecommons.org/licenses/by-nc-sa/3.0/
Critérios de qualidade
• Jakob Nielsen é um dos grande estudiosos da IHC. Junto a outros 
autores (Molich, 1990), propôs um conjunto de princípios gerais para 
o projeto de interação, os quais são conhecidos como heurísticas de 
Nielsen.
• O objetivo principal destas heurísticas de avaliação é identifica 
quaisquer problemas associados com o projeto de interfaces de 
usuário.
• As heurísticas de Nielsen são, provavelmente, as mais usadas para o 
projeto de interfaces.
09/03/2019 11
Heurísticas de Nielsen
1. Visibilidade do status 
sistema
2. Linguagem familiar ao 
usuário
3. Controle do usuário
4. Consistência
5. Prevenção de erros
Esta Foto de Autor Desconhecido está licenciado em CC BY-NC-ND
http://curioustester.blogspot.com/2015/07/heuristic-evaluation-whats-that.html
https://creativecommons.org/licenses/by-nc-nd/3.0/
Heurísticas de Nielsen
6. Memorização mínima
7. Uso eficiente e flexível
8. Projeto minimalista, 
simples
9. Boas mensagens de erro
10.Ajuda e documentação
Esta Foto de Autor Desconhecido está licenciado em CC BY-NC-ND
http://curioustester.blogspot.com/2015/07/heuristic-evaluation-whats-that.html
https://creativecommons.org/licenses/by-nc-nd/3.0/
Critérios ergonômicos
1. Presteza/condução
2. Agrupamento por localização
3. Agrupamento por formato
4. Feedback
5. Legibilidade
6. Concisão
7. Ações mínimas
8. Densidade informacional
9. Ações explícitas
10. Controle do usuário
11. Flexibilidade
12. Experiência do usuário
13. Proteção contra erros
14. Boas mensagens de erro
15. Correção de erros
16. Consistência
17. Elementos com significado
18. Compatibilidade
09/03/2019 14
http://www.labiutil.inf.ufsc.br/ergolist/rec.htm
C
ar
ac
te
rí
st
ic
as
 d
a 
U
sa
b
ili
d
ad
e
09/03/2019 15
Intuitiva
EficienteSatisfatória
Usável
Aplicação dos critérios
• É possível avaliação adequada da usabilidade de interfaces sem o 
envolvimento de usuários.
• Assim, permite reduzir o envolvimento dos usuários nas atividades 
de:
• Desenvolvimento de um novo sistema;
• Re-projeto de um sistema existente;
• Na (avaliação) comparação de sistemas.
• Sempre?
• A participação do usuário é valiosa, mas deve ser centrada em momentos 
adequados!
09/03/2019 16
Processo de projeto de sistema
• Análise de usuários e tarefas
• Seleção de tarefas representativas
• Análise de interfaces existentes
• Esboço da interface (em papel!)
• Avaliação do esboço da interface sem usuários (por projetistas/especialistas)
• Prototipação
• Teste com usuários
• Iteração para correção do protótipo
• Desenvolvimento final
09/03/2019 17
Projeto centrado 
em tarefas
Processo de reprojeto de sistema
• Avaliação da interface existente
• Avaliação de outras interfaces existentes
• Análise dos usuários e tarefas
• Avaliação de protótipos em papel
• Refinamento iterativo dos protótipos de acordo com sucessivas 
avaliações
• Avaliação do protótipo usando heurísticas de usabilidade
• Projeto e avaliação final
09/03/2019 18
Melhoria da 
usabilidade
Avaliação comparativa de sistemas
• Determinação do conjunto de critérios de comparação
• Qualitativos
• Quantitativos
• Escolha do método de avaliação, de acordo com os critérios 
escolhidos:
• Avaliação sem usuários (pelos projetistas ou por especialistas)
• Teste com usuários
09/03/2019 19
Avaliação sem usuários
• Importante porque
• Tempo dos usuários é precioso
• Muitos problemas podem ser detectados antes da programação do protótipo
• Poucos especialistas podem cobrir uma grande gama de problemas
• Diferentes métodos
• Baseados numa descrição informal, protótipo em papel
• Baseados numa especificação com notação formal
• Evita distorção das percepções do usuário.
09/03/2019 20
Avaliação sem usuários
• Avaliação heurística
• Orientado pela inspeção com base nas heurísticas ou critérios ergonômicos
• Percurso cognitivo (cognitive walkthrough)
• Orientado a tarefas
• Análise de ações
• Orientado à duração de ações elementares
09/03/2019 21
Avaliação com usuários
• Thinking aloud
• Usuário registra suas ações oralmente e comenta os resultados, expectativas, 
problemas, etc
• Ensaios de interação
• Coleta de dados básicos como tempo para execução de ações,número de 
erros, percursos de navegação, etc.
09/03/2019 22

Outros materiais