inf1403 02 qualidade em ihcwebserver2.tecgraf.puc-rio.br/~abraposo/inf1403/inf1403_02_qu... ·...

49
Qualidade em IHC INF1403 – Introdução à Interação Humano-Computador Prof. Alberto Barbosa Raposo [email protected] sala 413 RDC

Upload: vanphuc

Post on 13-Dec-2018

214 views

Category:

Documents


0 download

TRANSCRIPT

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

Qualidade em IHC

INF1403 – Introdução à Interação Humano-Computador

Prof. Alberto Barbosa Raposo

[email protected]

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

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

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

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

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

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

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

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

(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

(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

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

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

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

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

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

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

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

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

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

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

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

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

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

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://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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

dúvidas?

49

usabilidadecomunicabilidade

acessibilidadeuser experience (UX)