Aula para a disciplina Engenharia de Usabilidade Pós-Graduação em Engenharia de Software Centrada em Métodos Ágeis Prof. Marcello de Campos Cardoso www.mcardoso.com.br Maio 2011

1. aula 01
Engenharia de Software Centrada em Métodos Ágeis
Usabilidade
Marcello de Campos Cardoso | www.mcardoso.com.br | mcardoso@gmail.com
Monday, May 9, 2011

2. Engenharia de Usabilidade
Carga horária: 32h/a
Professor
Marcello de Campos Cardoso
‣ Especialista em Design de Interação pela PUC MG
‣ Professor na PUC e UNA
‣ Sócio/consultor na Latitude14
‣ Mentor de Usabilidade na Aceleradora
‣ 11 anos de mercado.
Ementa
Definições e aplicação de Usabilidade, Design Centrado no Usuário e Design de Interação.
Aplicação de técnicas de pesquisa de design, prototipação de soluções alternativas,
avaliação e testes de interfaces de sistemas. Workshops em metodologias e técnicas.
Objetivos
Introduzir conceitos e processos essenciais para integração de equipes de criação e
desenvolvimento na elaboração de produtos interativos complexos.
Monday, May 9, 2011

3. Engenharia de Usabilidade
Bibliografia
SAFFER, Dan; Designing for interaction. Berkeley, New Riders, 2010.
PREECE, Jennifer; ROGERS, Yvone; SHARP, Helen. Design de interação: além da
interação homem-computador. Porto Alegre: Bookman, 2005.
KUNIAVSKY, Mike. Observing the User Experience. San Francisco, MKP, 2003.
NORMAN, Donald. O design do dia a dia. New York, Basic Books, 1988.
NIELSEN, Jakob. LORANGER, Hoa. Usabilidade na Web. Rio de Janeiro: Elsevier, 2007.
KRUG, Steve. Não me faça pensar: uma abordagem de bom senso à usabilidade da
WEB. São Paulo: Alta Books, c2006.
MEMÓRIA, Felipe. Design para Internet – projetando a experiência perfeita, Rio de
Janeiro: Campus/Elsevier, 2005.
Monday, May 9, 2011

4. Engenharia de Usabilidade
Referências online
www.useit.com
www.acm.org
www.interactions.acm.org
www.upassoc.org
www.cooper.com
www.slideshare.net/dansaffer
www.slideshare.net/LaneHalley
Monday, May 9, 2011

5. Plano de curso
1ª aula Introdução a Usabilidade: conceitos, origem (DCU, IHC), aplicação (IxD),
2ª aula metas de usabilidade, princípios de design, estudo de casos, benefícios,
ciclos de vida de desenvolvimento (cascata x ágil), técnicas (overview).
3ª aula Técnica de Modelagem: Personas ágeis (workshop)
4ª aula Story Mapping (workshop)
5ª aula Perguntando a especialistas:
Análise Heurística, As 10 heurísticas de Nielsen (workshop)
6ª aula Projetando a interface:
Task Flow + Prototipação rápida (workshop)
7ª aula Testes de usabilidade (workshop - roteiro)
8ª aula Testes de usabilidade (workshop - aplicação)
Monday, May 9, 2011

6. O que é usabilidade?
Monday, May 9, 2011

7. O que é usabilidade?
Não é uma coisa, ou processo.
Monday, May 9, 2011

8. O que é usabilidade?
Não é uma coisa, ou processo.
É o atributo que define a facilidade de uso de algo.
Monday, May 9, 2011

9. O que é usabilidade?
Não é uma coisa, ou processo.
É o atributo que define a facilidade de uso de algo.
Usabilidade pode ser projetada.
Monday, May 9, 2011

10. Design = Projeto
Monday, May 9, 2011

11. Design = Projeto
negócio
Monday, May 9, 2011

12. Design = Projeto
negócio
pessoas
Monday, May 9, 2011

13. Design = Projeto
negócio
pessoas tecnologia
Monday, May 9, 2011

14. OXO - Good Grips | Chaleira
Monday, May 9, 2011

15. OXO - Good Grips | Escovas de limpeza
Monday, May 9, 2011

16. YI | Sound Invention
Monday, May 9, 2011

17. Mushroom Chopper
Monday, May 9, 2011

18. Resource Furniture
http://www.youtube.com/watch?v=dAa6bOWB8qY
Monday, May 9, 2011

19. twitter
Monday, May 9, 2011

20. existe produto perfeito?
Monday, May 9, 2011

21. existe produto perfeito?
perfeito pra quem?
Monday, May 9, 2011

22. “perfeito” = adequado
Monday, May 9, 2011

23. adequado é...
Monday, May 9, 2011

24. adequado é...
divertido ou
barato ou
eficiente ou
útil ou
fácil ou
chique
Monday, May 9, 2011

25. adequado é...
divertido ou
barato ou
eficiente ou
útil ou
fácil ou
chique
... ou tudo isso
Monday, May 9, 2011

26. tablets da microsoft (2001): fracasso de vendas
Monday, May 9, 2011

27. iPad da Apple (2010): 15 milhões vendidos em 1 ano
Monday, May 9, 2011

28. facebook
Monday, May 9, 2011

29. basecamp
Monday, May 9, 2011

30. basecamp
MVP
Miminum Viable Product
20/80
Princípio de Paretto
Monday, May 9, 2011

31. O que é usabilidade mesmo?
Monday, May 9, 2011

32. O que é usabilidade mesmo?
Segundo Jeffrey Rubin (Handbook of Usability Testing):
Monday, May 9, 2011

33. O que é usabilidade mesmo?
Segundo Jeffrey Rubin (Handbook of Usability Testing):
Um conjunto de quatro fatores reunidos em um dispositivo:
Monday, May 9, 2011

34. O que é usabilidade mesmo?
Segundo Jeffrey Rubin (Handbook of Usability Testing):
Um conjunto de quatro fatores reunidos em um dispositivo:
1.Capacidade de ser usado com sucesso; (utilidade, eficácia)
Monday, May 9, 2011

35. O que é usabilidade mesmo?
Segundo Jeffrey Rubin (Handbook of Usability Testing):
Um conjunto de quatro fatores reunidos em um dispositivo:
1.Capacidade de ser usado com sucesso; (utilidade, eficácia)
2.Facilidade de ser usado; (objetividade, eficiência)
Monday, May 9, 2011

36. O que é usabilidade mesmo?
Segundo Jeffrey Rubin (Handbook of Usability Testing):
Um conjunto de quatro fatores reunidos em um dispositivo:
1.Capacidade de ser usado com sucesso; (utilidade, eficácia)
2.Facilidade de ser usado; (objetividade, eficiência)
3.Capacidade de o usuário aprender a usar o dispositivo de
forma simples e rápida; (fácil compreensão e aprendizado)
Monday, May 9, 2011

37. O que é usabilidade mesmo?
Segundo Jeffrey Rubin (Handbook of Usability Testing):
Um conjunto de quatro fatores reunidos em um dispositivo:
1.Capacidade de ser usado com sucesso; (utilidade, eficácia)
2.Facilidade de ser usado; (objetividade, eficiência)
3.Capacidade de o usuário aprender a usar o dispositivo de
forma simples e rápida; (fácil compreensão e aprendizado)
4.Provocar satisfação visual ao usuário (experiência)
Monday, May 9, 2011

38. O que é usabilidade mesmo?
Monday, May 9, 2011

39. O que é usabilidade mesmo?
Segundo Jakob Nielsen (Usability Engineering):
Monday, May 9, 2011

40. O que é usabilidade mesmo?
Segundo Jakob Nielsen (Usability Engineering):
Um conjunto de proporiedades de uma interface que reúne os
seguintes componentes:
Monday, May 9, 2011

41. O que é usabilidade mesmo?
Segundo Jakob Nielsen (Usability Engineering):
Um conjunto de proporiedades de uma interface que reúne os
seguintes componentes:
1.Fácil aprendizado;
Monday, May 9, 2011

42. O que é usabilidade mesmo?
Segundo Jakob Nielsen (Usability Engineering):
Um conjunto de proporiedades de uma interface que reúne os
seguintes componentes:
1.Fácil aprendizado;
2.Eficiência;
Monday, May 9, 2011

43. O que é usabilidade mesmo?
Segundo Jakob Nielsen (Usability Engineering):
Um conjunto de proporiedades de uma interface que reúne os
seguintes componentes:
1.Fácil aprendizado;
2.Eficiência;
3.Capacidade de memorização;
Monday, May 9, 2011

44. O que é usabilidade mesmo?
Segundo Jakob Nielsen (Usability Engineering):
Um conjunto de proporiedades de uma interface que reúne os
seguintes componentes:
1.Fácil aprendizado;
2.Eficiência;
3.Capacidade de memorização;
4.Baixo índice de erros;
Monday, May 9, 2011

45. O que é usabilidade mesmo?
Segundo Jakob Nielsen (Usability Engineering):
Um conjunto de proporiedades de uma interface que reúne os
seguintes componentes:
1.Fácil aprendizado;
2.Eficiência;
3.Capacidade de memorização;
4.Baixo índice de erros;
5.Satisfação e prazer ao uso
Monday, May 9, 2011

46. O que é usabilidade mesmo?
Monday, May 9, 2011

47. O que é usabilidade mesmo?
“Facilidade de uso, e facilidade de aprendizado” -Albert Badre
(Shaping Web Usability)
Monday, May 9, 2011

48. O que é usabilidade mesmo?
“Facilidade de uso, e facilidade de aprendizado” -Albert Badre
(Shaping Web Usability)
“Capacidade, em termos funcionais humanos, de um sistema ser
usado com facilidade e de forma eficiente” -Brian Shackel
(Usability)
Monday, May 9, 2011

49. O que é usabilidade mesmo?
“Facilidade de uso, e facilidade de aprendizado” -Albert Badre
(Shaping Web Usability)
“Capacidade, em termos funcionais humanos, de um sistema ser
usado com facilidade e de forma eficiente” -Brian Shackel
(Usability)
“Princípios de design que quando seguidos dão respostas aos
usuários tornando o uso dos dispositivos mais fácil” -Don
Norman (O Design do dia-a-dia)
Monday, May 9, 2011

50. O que é usabilidade mesmo?
Monday, May 9, 2011

51. O que é usabilidade mesmo?
“Pensar em usabilidade é pensar em produtos fáceis de usar” –
Jesse James Garrett (The Elements of User Experience)
Monday, May 9, 2011

52. O que é usabilidade mesmo?
“Pensar em usabilidade é pensar em produtos fáceis de usar” –
Jesse James Garrett (The Elements of User Experience)
“Fator que assegura que os produtos sejam fáceis de usar,
eficientes e agradáveis” - Preece, Rogers e Sharp (Design de
Interação)
Monday, May 9, 2011

53. O que é usabilidade mesmo?
“Pensar em usabilidade é pensar em produtos fáceis de usar” –
Jesse James Garrett (The Elements of User Experience)
“Fator que assegura que os produtos sejam fáceis de usar,
eficientes e agradáveis” - Preece, Rogers e Sharp (Design de
Interação)
“A ciência de aplicação de metodologias ao design para a criação
de dispositivos fáceis de usar, de fácil aprendizado e que sejam
úteis com o menor índice de desconforto possível” - Mark
Pearrow (Web Site Usability Handbook)
Monday, May 9, 2011

54. O que é usabilidade mesmo?
Monday, May 9, 2011

55. O que é usabilidade mesmo?
ISO 9126 - 1991
Monday, May 9, 2011

56. O que é usabilidade mesmo?
ISO 9126 - 1991
“Esforço necessário para seu uso e para o julgamento individual
de tal uso.”
Monday, May 9, 2011

57. O que é usabilidade mesmo?
ISO 9126 - 1991
“Esforço necessário para seu uso e para o julgamento individual
de tal uso.”
ISO 9241, 11 - 1998
Monday, May 9, 2011

58. O que é usabilidade mesmo?
ISO 9126 - 1991
“Esforço necessário para seu uso e para o julgamento individual
de tal uso.”
ISO 9241, 11 - 1998
“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.”
Monday, May 9, 2011

59. O que é usabilidade mesmo?
em
10 definições,
vezes aparece as palavras “facilidade” ou “fácil”.
Monday, May 9, 2011

60. O que é usabilidade mesmo?
É o atributo que define a
facilidade de uso de algo.
Monday, May 9, 2011

61. O que é usabilidade mesmo?
quem define o que é “fácil” de ser usado?
Monday, May 9, 2011

62. Um pouco de história
Monday, May 9, 2011

63. 1960 - 1970 | Inspeção de software
Voltado a qualidade do código: encontrar e corrigir bugs.
Modelo wartefall: processos ao final do trabalho realizado.
Estudos do tipo tempo/erro: caros e pouco informativos.
Monday, May 9, 2011

64. 1980 | IHC e DCU
Gradualmente o hardware evoluiu permitindo softwares robustos e interfaces
complexas e o uso em novos nichos. Surge o computador pessoal.
Para produzir produtos com funcionalidades e interfaces adequadas, nascem dois
campos de estudo: Interface Humano-Computador e Design Centrado no usuário.
Monday, May 9, 2011

65. 1982 | Interface Humano-Computador (IHC)
Monday, May 9, 2011

66. 1982 | Interface Humano-Computador (IHC)
Campo de estudos que surgiu em 1982 no congresso “Human
Factors in Computing Systems”, realizado por psicólogos
cognitivos principalmente.
Características: ciência da computação com foco nos aspectos
sociais, cognitivos e comportamentais.
Monday, May 9, 2011

67. 1986 | Design Centrado no Usuário (DCU)
Monday, May 9, 2011

68. 1986 | Design Centrado no Usuário (DCU)
Design Centrado no Usuário (DCU) é o campo de estudo que
reúne metodologias de design nos quais o público-alvo de um
produto ou serviço influencia as diretrizes e requisitos do
sistema.
Monday, May 9, 2011

69. 1986 | Design Centrado no Usuário (DCU)
Design Centrado no Usuário (DCU) é o campo de estudo que
reúne metodologias de design nos quais o público-alvo de um
produto ou serviço influencia as diretrizes e requisitos do
sistema.
Termo cunhado por Norman enquanto trabalhava como pesquisador na Universidade
California San Diego (UCSD), no artigo User-Centered System Design: New
Perspectives on Human-Computer Interaction (Norman & Draper, 1986) e popularizado
em 1988 no popular Psychology of everyday things (mais tarde rebatizado como The
design of everyday things).
Monday, May 9, 2011

70. Design Centrado no Usuário (DCU)
Monday, May 9, 2011

71. Design Centrado no Usuário (DCU)
“…é uma filosofia baseada nas necessidades e interesses do usuário, com ênfase em
fazer produtos usáveis e inteligíveis.” – Donald Norman
Monday, May 9, 2011

72. Design Centrado no Usuário (DCU)
“…é uma filosofia baseada nas necessidades e interesses do usuário, com ênfase em
fazer produtos usáveis e inteligíveis.” – Donald Norman
“A filosofia por trás do Design Centrado no Usuário é simplesmente esta: O usuário
sabe mais. Pessoas que utilizarão um produto ou serviço sabem de suas necessidades,
metas e preferências, e é papel do designer descobrir isto e projetar para eles.” – Dan
Saffer
Monday, May 9, 2011

73. Design Centrado no Usuário (DCU)
“…é uma filosofia baseada nas necessidades e interesses do usuário, com ênfase em
fazer produtos usáveis e inteligíveis.” – Donald Norman
“A filosofia por trás do Design Centrado no Usuário é simplesmente esta: O usuário
sabe mais. Pessoas que utilizarão um produto ou serviço sabem de suas necessidades,
metas e preferências, e é papel do designer descobrir isto e projetar para eles.” – Dan
Saffer
“...é uma abordagem ao design que fundamenta o processo em informações sobre as
pessoas que usarão o produto. Processos de UCD focam em usuários através de
planejamento, design e desenvolvimento do produto.” – Usability Professionals
Association (UPA)
Monday, May 9, 2011

74. Design Centrado no Usuário (DCU)
“…é uma filosofia baseada nas necessidades e interesses do usuário, com ênfase em
fazer produtos usáveis e inteligíveis.” – Donald Norman
“A filosofia por trás do Design Centrado no Usuário é simplesmente esta: O usuário
sabe mais. Pessoas que utilizarão um produto ou serviço sabem de suas necessidades,
metas e preferências, e é papel do designer descobrir isto e projetar para eles.” – Dan
Saffer
“...é uma abordagem ao design que fundamenta o processo em informações sobre as
pessoas que usarão o produto. Processos de UCD focam em usuários através de
planejamento, design e desenvolvimento do produto.” – Usability Professionals
Association (UPA)
“...é um estabelecido processo usado pela IBM e muitas outras organizações para
prover produtos que atendam as expectativas dos usuários.” – IBM
Monday, May 9, 2011

75. Design Centrado no Usuário (DCU)
“…é uma filosofia baseada nas necessidades e interesses do usuário, com ênfase em
fazer produtos usáveis e inteligíveis.” – Donald Norman
“A filosofia por trás do Design Centrado no Usuário é simplesmente esta: O usuário
sabe mais. Pessoas que utilizarão um produto ou serviço sabem de suas necessidades,
metas e preferências, e é papel do designer descobrir isto e projetar para eles.” – Dan
Saffer
“...é uma abordagem ao design que fundamenta o processo em informações sobre as
pessoas que usarão o produto. Processos de UCD focam em usuários através de
planejamento, design e desenvolvimento do produto.” – Usability Professionals
Association (UPA)
“...é um estabelecido processo usado pela IBM e muitas outras organizações para
prover produtos que atendam as expectativas dos usuários.” – IBM
“...é focar o design no usuário, simples assim.” – Peter J. Bogaards
Monday, May 9, 2011

76. Design Centrado no Usuário (DCU)
Monday, May 9, 2011

77. Design Centrado no Usuário (DCU)
USUÁRIOS
Monday, May 9, 2011

78. Design Centrado no Usuário (DCU)
USUÁRIOS
devemos perguntá-los como fazer nosso trabalho?
Monday, May 9, 2011

79. Design Centrado no Usuário (DCU)
a princípio, não.
Monday, May 9, 2011

80. Design Centrado no Usuário (DCU)
Devemos identificar seus padrões de comportamento
e projetarmos soluções adequadas.
Monday, May 9, 2011

81. para isso precisamos de critérios
e ferramentas.
Monday, May 9, 2011

82. 1988 | Engenharia de Usabilidade
Monday, May 9, 2011

83. 1988 | Engenharia de Usabilidade
O termo foi cunhado por John Bennett (IBM) e John Whiteside
(Digital Equipment Corporation) em alguns artigos em 1988. A
princípio era chamado de “Engenharia de Usabilidade”.
Monday, May 9, 2011

84. 1988 | Engenharia de Usabilidade
O termo foi cunhado por John Bennett (IBM) e John Whiteside
(Digital Equipment Corporation) em alguns artigos em 1988. A
princípio era chamado de “Engenharia de Usabilidade”.
Abordagem qualitativa e prática de desenvolvimento de produtos,
orientada para a qualidade e focada em: definição de tarefas,
prototipação e avaliação iterativa (Whiteside, Bennett, &
Holtzblatt,1988).
Monday, May 9, 2011

85. 1990 | Design de Interação
Bill Morgride, diretor da IDEO, sintetizou no livro Designing for
Interactions uma série de metodologias de design + comunicação
usadas e aprimoradas na empresa para a elaboração de produtos
úteis e usáveis.
Monday, May 9, 2011

86. Espaço do Design de Interação
Este campo multidisciplinar centraliza e
integra as diversas áreas de conhecimento
relacionadas a interação entre artefato /
usuários
Monday, May 9, 2011

87. Por que Design de Interação?
Monday, May 9, 2011

88. Por que Design de Interação?
Projetar dispositivos e interfaces usáveis vai além de evitar erros: um projeto
bem pesquisado, planejado, desenvolvido e testado pode agregar valor ao uso,
negócio ou mesmo mudar totalmente a natureza do produto/sistema para outra
melhor e mais adequada.
“...Design de Interação não é apenas sobre corrigir problemas; diz respeito
a facilitar interações entre pessoas de uma maneira mais rica, profunda e
melhor - ou seja, encontrar novas formas de melhor conectar as pessoas e
tornar o mundo um lugar melhor.” -Dan Saffer
Monday, May 9, 2011

89. ga do !
o b ri
Este arquivo contém a apresentação realizada por Marcello de Campos
Cardoso, em maio de 2011, para a disciplina Engenharia de Usabilidade
ministrada no curso de especialização Engenharia de Software Centrada em
Métodos Ágeis, no Centro Universitário UNA.
Monday, May 9, 2011