INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... ·...
Transcript of INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... ·...
![Page 1: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/1.jpg)
Qualidade em IHC
INF1403 – Introdução à Interação Humano-Computador
Prof. Alberto Barbosa Raposo
sala 413 RDC
![Page 2: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/2.jpg)
sumário
qualidade em IHC: usabilidade,
acessibilidade,
user experience
referência: Capítulo 2
2
![Page 3: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/3.jpg)
qualidade:O que significa um sistema ter uma boa interface?
![Page 4: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/4.jpg)
critérios de qualidade em IHC
usabilidade
comunicabilidade
acessibilidade
user experience
...
4
![Page 5: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/5.jpg)
Qualidades de interfaces de usuário
INF 1403 -Introdução a IHC @Prof. Alberto Barbosa Raposo
usabilidade
comunicabilidade
acessibilidade
facilidade de aprendizado
facilidade de se lembrar como se usa
eficiência de uso
produtividade
segurança no uso
flexibilidade
satisfação do usuário
utilidade
![Page 6: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/6.jpg)
usabilidade
comunicabilidade
acessibilidade
acesso a todos
pessoas com ou sem deficiências
inclusão social e digital
barreiras de acesso a conteúdo
olhos, ouvidos, mãos ocupados
ausência de dispositivos de entrada/saída
tecnologias assistivas
múltiplos dispositivos
Qualidades de interfaces de usuário
![Page 7: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/7.jpg)
Qualidades de interfaces de usuário
usabilidade
comunicabilidade
acessibilidade
qualidade da comunicação designer → usuário
o usuário entende o design?
para que serve a aplicação?
qual é a vantagem de utilizá-la?
quais são os princípios gerais de interação?
como funciona?
aumento da qualidade de entrada do usuário
interpretação mais precisa da saída do sistemamensagemusuáriodesigner
![Page 8: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/8.jpg)
usabilidadecomunicabilidade
acessibilidadeuser experience
(UX)
![Page 9: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/9.jpg)
(ISO 9241-11 1998)
usabilidade
9
O grau em que um produto é usado por
usuários específicos para atingir
objetivos específicos
com eficácia, eficiência e satisfação em
um contexto de uso específico.
![Page 10: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/10.jpg)
(Nielsen, 1993)
fatores de usabilidade
10
facilidade de aprendizado
facilidade de recordação
eficiência
segurança no uso
satisfação do usuário
Em que situações cada fator de usabilidade é importante?
![Page 11: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/11.jpg)
mito ou fato?
ao se construir um sistema para um quiosque de busca de livros para uma livraria, o fator de usabilidade prioritário é o de segurança no uso
11
![Page 12: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/12.jpg)
http://2.bp.blogspot.com/_9NIFMa1HiOA/S_x9QtRhLhI/AAAAAAAACIQ/n81r7CRrz34/s1600/ATM.jpg
O que deve ser priorizado? Por quê?
12
facilidade de aprendizado
facilidade de recordação
eficiência
segurança no uso
satisfação do usuário
caixa eletrônico
A resposta pode começar com “depende”. Depende do quê?
![Page 13: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/13.jpg)
http://webdesignstrategy.co.nz/case-studies/self-service-kiosks/paper-plus-bookfinder-kiosk.aspx
O que deve ser priorizado? Por quê?
13
facilidade de aprendizado
facilidade de recordação
eficiência
segurança no uso
satisfação do usuário
quiosque de livraria
![Page 14: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/14.jpg)
facebook.com
O que deve ser priorizado? Por quê?
14
facilidade de aprendizado
facilidade de recordação
eficiência
segurança no uso
satisfação do usuário
redes sociais
![Page 15: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/15.jpg)
BROffice Impress
O que deve ser priorizado? Por quê?
15
facilidade de aprendizado
facilidade de recordação
eficiência
segurança no uso
satisfação do usuário
editor de slides
![Page 16: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/16.jpg)
micro-horário da PUC-Rio
O que deve ser priorizado? Por quê?
16
facilidade de aprendizado
facilidade de recordação
eficiência
segurança no uso
satisfação do usuárioconsulta de horários de disciplinas
![Page 17: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/17.jpg)
Windows 7
O que deve ser priorizado? Por quê?
17
facilidade de aprendizado
facilidade de recordação
eficiência
segurança no uso
satisfação do usuário
ajuste de relógio do sistema operacional
![Page 18: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/18.jpg)
Há um único sistema que seja bom em todos os critérios de qualidade
de uso?
![Page 19: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/19.jpg)
Qualidade de uso de um sistema interativo
Nem sempre é possível satisfazer igualmente a
todos os critérios e aspectos de qualidade de uso
Tempo, orçamento, incompatibilidade entre critérios...
Importante definir critérios prioritários e privilegiá-
los no projeto da interação;
Prioridade deve ser definida com base no
conhecimento, atividades, objetivos e contexto de
uso do usuário.
![Page 20: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/20.jpg)
http://cowdenhill.com/Index.htmlhttp://cowdenhill.com/Index.html
![Page 21: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/21.jpg)
Engenharia de Usabilidade
• Disciplina profissional que se concentra em melhorar a
usabilidade de sistemas interativos.
• Baseia-se em teorias da ciência da computação e da
psicologia para definir problemas que ocorrem durante o
uso desse sistema.
• Envolve o teste de projetos em vários estágios do processo
de desenvolvimento, com usuários ou com especialistas em
usabilidade.
![Page 22: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/22.jpg)
mito ou fato?
a alta eficiência de uso de
uma interface implica alta
satisfação de uso
22
![Page 23: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/23.jpg)
usabilidadecomunicabilidade
acessibilidadeuser experience
(UX)
![Page 24: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/24.jpg)
Iso 9241-201 (2010)
As percepções e respostas de uma
pessoa que resultam do uso ou da
expectativa de uso de um produto,
sistema ou serviço.
24
![Page 25: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/25.jpg)
https://www.nngroup.com/articles/definition-user-experience/
User experience abrange todos os
aspectos da interação do usuário final
com a empresa, seus serviços e
produtos. (…)
satisfazer as necessidades do cliente,
sem espalhafato ou aborrecimento (…)
simplicidade e elegância que produz
produtos que são uma alegria de
possuir e de usar
25
![Page 26: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/26.jpg)
www.interaction-design.org/literature/book/the-encyclopedia-of-human-computer-interaction-2nd-ed/user-
experience-and-experience-design
UX não se trata de bom design
industrial, nem interfaces multitoque ou
chiques. Trata-se de transcender o
material. Trata-se de criar uma
experiência através de um dispositivo.
26
![Page 27: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/27.jpg)
Focada, objetiva
Ampla, holística
https://medium.muz.li/the-ultimate-guide-difference-between-usability-and-user-experience-afb757ded1c4https://medium.muz.li/the-ultimate-guide-difference-between-usability-and-user-experience-afb757ded1c4
![Page 28: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/28.jpg)
Fatores que influenciam a UX
https://www.interaction-design.org/literature/article/the-7-factors-that-influence-user-experience
Valor agregado
Acessibilidade Usabilidade
Utilidade
Credibilidade
Facilidade de encontrar“Desejabilidade”
![Page 29: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/29.jpg)
Utilidade
Depende muito da visão individual: o que eu considero inútil pode não ser
para outra pessoa!
![Page 30: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/30.jpg)
Valor agregado
• Produto de $100 para resolver
um problema de $10.000!
• Produto de $10.000 pra resolver
um problema de $100
![Page 31: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/31.jpg)
Facilidade de encontrar (o que te interessa)
• Se um jornal tivesse as reportagens aleatoriamente
distribuídas entre suas páginas, sem estarem
separadas por seções: seria uma boa experiência ler
esse jornal?
![Page 32: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/32.jpg)
Credibilidade
• O usuário deve confiar no seu produto
• Se o usuário achar que o criador do produto está de
alguma forma mentindo ou com más intenções, eles
não vão ter uma boa UX
• “Fool me once, shame on you. Fool me twice, shame
on me.”
https://www.123rf.com/photo_62891077_stock-vector-hacker-thief-file-padlock-and-laptop-icon-data-protection-cyber-security-system-and-media-theme-colo.html
![Page 33: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/33.jpg)
O produto é desejável?
• Marca, imagem, identidade, estética e design
emocional.
• O produto mais desejável é, provavelmente,
aquele o usuário que o tenha se orgulhará e
crie vontade em outros usuários
![Page 34: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/34.jpg)
usabilidadecomunicabilidade
acessibilidadeuser experience
(UX)
![Page 35: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/35.jpg)
Decreto-lei 5296 de 2 de dezembro de 2004
acessibilidade (legislação brasileira)
35
I - acessibilidade: condição para utilização, com segurança e autonomia, total ou assistida, dos espaços, mobiliários e equipamentos urbanos, das edificações, dos serviços de transporte e dos dispositivos, sistemas e meios de comunicação e informação, por pessoa portadora de deficiência ou com mobilidade reduzida;
![Page 36: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/36.jpg)
Decreto-lei 5296 de 2 de dezembro de 2004
acessibilidade (legislação brasileira)
36
IX - desenho universal: concepção de
espaços, artefatos e produtos que visam
atender simultaneamente todas as
pessoas, com diferentes características
antropométricas e sensoriais, de forma
autônoma, segura e confortável,
constituindo-se nos elementos ou soluções
que compõem a acessibilidade.
![Page 37: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/37.jpg)
Decreto-lei 5296 de 2 de dezembro de 2004
acessibilidade (legislação brasileira)
37
Capítulo VI – Do Acesso à Informação e Comunicação
Art. 47. No prazo de até doze meses a contar da data de publicação deste Decreto, será obrigatória a acessibilidade nos portais e sítios eletrônicos da administração pública na rede mundial de computadores (internet), para o uso das pessoas portadoras de deficiência visual, garantindo-lhes o pleno acesso às informações disponíveis.
![Page 38: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/38.jpg)
Em que situações acessibilidade é importante?
38
![Page 39: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/39.jpg)
Acessibilidade não é só para pessoas com deficiência
2010-08-11 39
Uso de sistemas em veículos (e.g. GPS) que requerem a atenção do motorista podem distraí-lo, causandoacidentes.
![Page 40: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/40.jpg)
Acessibilidade
Tradicional
• Deficientes visuais
• Deficientes auditivos
• Deficiência de
mobilidade
Atual
• Deficiência temporária
• Situacional
• Crianças
• Idosos
• TODOS!
![Page 41: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/41.jpg)
Acessibilidade não é só para pessoas com deficiência
41
![Page 42: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/42.jpg)
acessibilidade > exemplo
42
texto equivalentepágina com imagens e estilos
![Page 43: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/43.jpg)
acessibilidade no Brasil e nos EUA
43
http://www.brasil.gov.br/acessibilidade http://www.section508.gov
![Page 44: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/44.jpg)
W3C Web Accessibility initiative: recursos e ferramentas
44http://www.w3.org/WAI/
![Page 45: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/45.jpg)
mito ou fato?
http://uxmyths.com/
sites acessíveis são feios
45
![Page 46: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/46.jpg)
http://www.csszengarden.com/ 46
![Page 47: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/47.jpg)
mito ou fato?
http://uxmyths.com/
design com acessibilidade
é caro e difícil
47
![Page 48: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/48.jpg)
Usabilidade, Comunicabilidade, Acessibilidade
Uma tripla indissociável:
cada um dos três conceitosestá inevitavelmente ligado aos demais.
Foto em: http://www.okokchina.com/Files/uppic6/Cartier%20Trinity%20Ring495.jpg
![Page 49: INF1403 02 qualidade em IHCwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/INF1403_02_qu... · usabilidade 9 O grau em que um produto é usado por usuários específicos para atingir](https://reader031.fdocument.pub/reader031/viewer/2022022715/5c11ff9c09d3f2b60f8ce601/html5/thumbnails/49.jpg)
dúvidas?
49
usabilidadecomunicabilidade
acessibilidadeuser experience (UX)