O documento discute o processo de design centrado no usuário para o desenvolvimento de aplicativos, incluindo pesquisa com usuários, geração de ideias, prototipagem e testes de usabilidade. O objetivo é criar soluções que atendam às necessidades reais dos usuários por meio de pesquisa, ideias informadas e protótipos testados.

1. Usabilidade &
Design Centrado no
Usuário Inteligentes para Web
Soluções e Serviços

2. O que é
usabilidade?

3. Você chega a um hotel e o
recepcionista lhe dá a
chave do apartamento 755.
Para qual andar você vai?

5. Usabilidade é um atributo de qualidade
que determina quão fáceis de usar, são
as interfaces com usuários. A palavra
“usabilidade” também se refere aos
métodos para a melhoria da facilidade
de uso, durante o processo de
design”.
Jakob Nielsen, 2003

6. Facilidade de uso
aprendizagem
eficiência
memorabilidade
satisfação

7. Processo de design
Criar produtos que atendam as
necessidades do usuário

8. Design Centrado no Usuário
DCU

9. Vídeo IDEO
http://www.youtube.com/watch?v=vSnC01hHvbU

10. “ Não somos de fato especialistas
em uma área especifica.
Nós somos especialistas no
processo em como as coisas
são projetadas”
David Kelley

11. E nós, o que vamos
fazer?

12. PROCESSO DE
INOVAÇÃO
C.E.S.A.R
Estudos e
pesquisas 1 2 Ideação
implementação
4 3
Avaliação Prototipação
Baseado na ISO 13407

13. Exemplo da prática

14. A necessidade

16. para quem?

17. 12
43
A pesquisa

18. O que você gostaria de
ter em um tablet?

31. 12
43
A ideação

33. Culinária Fotografia
Finanças
Vendas Religião
autônomas
Costura
O que meu filho tanto faz no
computador

39. 12
43
A prototipação

45. 12
43
Os testes

51. Vamos trabalhar?

52. Final de semana 1
Estudos e
pesquisas 1 2 Ideação
Final de semana 2
4 3
Avaliação Prototipação

53. Objetivo da disciplina
Criar uma ideia de aplicativo e
refiná-la a partir de pesquisa e
ideação. Prototipar essa ideia e
testar com usuários.

54. Pesquisa

55. Objetivo da pesquisa
Descobrir temas de aplicativos a
partir de um contexto investigado.

56. Em grupo
Escolha um contexto de interesse para
o desenvolvimento de um aplicativo
baseado em pesquisa:
Tema
Melhoria da qualidade de vida das pessoas
Contextos
Segurança, mobilidade urbana, lixo, consumo de
água e energia, etc.

57. Grupos e temas

58. E agora, como fazer
a pesquisa?

59. Fases da Pesquisa
• Tudo parte de um problema
• Definição do público alvo
• Planejamento: escolha de métodos
• Script das entrevistas
• Execução: coleta de dados
• Análise: tratando os dados
• Documentação: comunicando o resultado

60. Fases da Pesquisa
• Tudo parte de um problema
• Definição do público alvo
• Planejamento: escolha de métodos
• Script das entrevistas
• Execução: coleta de dados
• Análise: tratando os dados
• Documentação: comunicando o resultado

61. Apresentação do
Planejamento de
Pesquisa

62. Execução da pesquisa
Entrega dos dados: sábado, 13h

63. Fases da Pesquisa
• Tudo parte de um problema
• Definição do público alvo
• Planejamento: escolha de métodos
• Script das entrevistas
• Execução: coleta de dados
• Análise: tratando os dados
• Documentação: comunicando o resultado

64. Análise dos dados e
Documentação dos
Resultados

65. Análise envolve a separação das coisas em
suas partes componentes. Mais
especificamente, envolve o estudo de coisas
complexas com o intuito de identificar seus
elementos básicos. Ela convida o
pesquisador a descobrir componentes-chave
ou princípios gerais implícitos em um
fenômeno em particular de forma que
permitam serem usados para prover um
melhor entendimento dessa coisa.
Martyn Denscombe (The Good Research Guide)
Tradução Livre

66. Fases da Análise
1. Descobrir padrões emergentes nos
dados coletados
2. Agrupar esses padrões em categorias
3. Definir premissas percebidas a partir dos
padrões emergentes

67. Exemplo
Fui a campo para entender o hábito de uso de
tecnologia no carro. As pessoas contaram que
usam bastante o rádio para ouvir informações
sobre o transito, mas reclamaram que o rádio
dificilmente informa a situação da rota
planejada. Observei ainda que as pessoas
usam o celular no carros, mesmo sendo
proibido.
Premissa: criar um app que informa a
situação do transito em tempo real na rota do
usuário.

68. Comunicando o resultado
Documentar a pesquisa numa apresentação
de 10 minutos, abordando rapidamente todas
as etapas da fase de pesquisa realizada.
Tema
Problema de pesquisa
Público entrevistado
Método e roteiro
Resultados – padrões emergentes
Premissas

69. Apresentação
dos resultados

70. Ideação

71. Fases da Ideação
1. Gerar soluções livremente através de
diálogo em grupo, com o objetivo de
definir como será a aplicação
2. Filtrar as melhores soluções
3. Reduzir a apenas uma proposta
4. Documentar requisitos básicos dessa
proposta
5. Regras do brainstorming?

72. Regras para a geração de
soluções através de diálogo em
grupo
1. Conter o criticismo
2. Foco na quantidade
3. Acolher ideias não usuais
4. Combinar e melhorar as ideias

73. Apresentação
dos resultados

74. Dados Repertório Intuição
Pesquisa Individual Informada

75. Prototipação

76. “ Fail often in order to
succeed sooner”
IDEO

77. Prototipação Vertical x
Horizontal

78. Níveis de fidelidade

82. Mãos à obra!

84. Testes de usabilidade

85. Plano de teste
1. Qual o objetivo do teste? Que partes do
sistema devem ser exploradas?
2. Que método será usado? Como o
ambiente deverá ser montado?
3. Qual o perfil deverá ser convidado?
4. Quais tarefas devem ser executadas no
teste? Quais os passos desejados para
execução das tarefas (walkthorugh)?

86. Plano de teste
1. Qual o objetivo do teste? Que partes do
sistema devem ser exploradas?
2. Que método será usado? Como o
ambiente deverá ser montado?
3. Qual o perfil deverá ser convidado?
4. Quais tarefas devem ser executadas no
teste? Quais os passos desejados para
execução das tarefas (walkthorugh)?

87. Execução dos testes

88. Análise dos testes e
Documentação dos
Resultados

89. Fases da Análise
1. Observar os passos tomados pelos
usuários em relação ao walkthrough
2. Definir níveis de criticidade e propor
recomendações para cada issue.
3. Relatório

90. Relatório
1. Protótipo testado
2. Tarefas aplicadas
3. Tabela dos issues contendo:
– Níveis de criticidade
– Descrição do issue
– Recomendações (para ajuste no protótipo)
– Walkthrough

91. Níveis de Criticidade
• Bom: Essa abordagem é recomendável. Indica que está indo bem.
• Boa ideia: Uma sugestão de um participante que pode agregar uma
melhoria significante da experiência de uso.
• Problema pequeno: Fez com que participantes do teste
hesitassem por alguns segundos. Indica funcionalidades que
inicialmente não foram bem compreendidas, mas mostraram-se de
fácil aprendizado pelos usuários. O problema desta categoria
possui baixa prioridade, mas ainda assim, pode ser ajustado para
uma melhor experiência de uso.
• Problema sério: Fez com que participantes do teste não
soubessem como executar a tarefa, mas ainda assim, foram
capazes de prosseguir. O problema desta categoria possui alta
prioridade, e deve ser corrigido para uma melhor experiência de
uso.
• Problema crítico: Fez com que participantes do teste não
soubessem como executar a tarefa, e não fossem capazes de
prosseguir. O problema desta categoria possui prioridade muito alta,
e deve ser solucionado para proporcionar o correto uso do sistema.

92. Referências
• Denscombe, M (2007). The Good Research Guide For Small-Scale Social Research
Projects. Berkshire: Open University Press.
• IDEO (2009). Human-Centered Design Toolkit. 2nd ed. Free download from
http://www.ideo.com/work/human-centered-design-toolkit/
• Norman, Donald A (2004). Emotional Design: why we love (or hate) everyday things.
New York: Basic Books.
• Schumpeter, J. (2011). Fail often, fail well. Companies have a great deal to learn from
failure—provided they manage it successfully. Available:
http://www.economist.com/node/18557776. Last accessed 26th Nov 2012.
• Snyder, C (2003). Paper Prototyping: The Fast and Easy Way to Design and Refine
User Interfaces. San Francisco: Elsevier.
• Soegaard, Mads (2010). Prototyping. Retrieved 26 November 2012 from
http://www.interaction-design.org/encyclopedia/prototyping.html
Alguns arquivos em: https://www.dropbox.com/sh/bkwd2kevmmfschn/3O2bK6fkJg