O documento discute 3 passos para criar produtos perfeitos centrados no usuário: 1) Pesquisa com usuários para entender necessidades, 2) Protótipos para validar ideias com usuários, 3) Testes com usuários para avaliar soluções e fazer ajustes.

1. Design Centrado no Usuário
3 passos para o produto perfeito
Marcello de Campos Cardoso
mcardoso@latitude.com.br - www.latitude14.com.br Estratégia, design e usabilidade
Estratégia, design e usabilidade
Friday, May 20, 2011

2. Quem somos?
‣ Sócios da Latitude14
‣ Coordenadores locais da IxDA Interaction Design Association
‣ Organizadores do Dia Mundial da Usabilidade em Belo Horizonte
‣ Professores em especializações na UNA, PUC e Uni-BH
‣ Mentores de usabilidade da Aceleradora (www.aceleradora.net)
‣ 17 premiações iBest em nosso portfólio (8 primeiros lugares)
‣ Menção honrosa em inovação no Mozilla Design Challenge 2009
Friday, May 20, 2011

3. clientes
Friday, May 20, 2011

4. +
Empreendedorismo Design
3 passos para o produto perfeito
Friday, May 20, 2011

5. existe produto perfeito?
perfeito pra quem?
Friday, May 20, 2011

6. “perfeito” = adequado
Friday, May 20, 2011

7. adequado é...
divertido ou
barato ou
eficiente ou
útil ou
fácil ou
chique
... ou tudo isso
Friday, May 20, 2011

8. tablets da microsoft (2001): fracasso de vendas
Friday, May 20, 2011

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

10. a diferença entre ambos é...
design
Friday, May 20, 2011

11. design = projeto
negócio
pessoas tecnologia
Friday, May 20, 2011

12. As pedras no caminho...
Será que minha ideia de produto O que o produto precisa ter?
resolve um problema real?
O que é mais importante?
As pessoas têm mesmo esta
necessidade? As pessoas pagarão por isso?
De quais formas podemos atender O produto está adequado? Vai
os usuários? funcionar?
Qual melhor solução de projeto? Quais ajustes precisam ser feitos?
Friday, May 20, 2011

13. Qual o melhor
caminho para criar
Friday, May 20, 2011

14. Sorte...
Friday, May 20, 2011

15. Sorte...
Friday, May 20, 2011

16. ...ou metodologia.
Friday, May 20, 2011

17. ...ou metodologia.
Friday, May 20, 2011

18. Design Centrado no Usuário
3 passos para o sucesso
isa ação
qu tip stes
Pes Proto Te
Friday, May 20, 2011

19. saender
uie ent
sqrvar
Pe,ri obse
ouv
Friday, May 20, 2011

20. saender
uie ent
sqrvar
Pe,ri obse
ouv
Pesquisa de design Pesquisa de marketing
comportamento de uso
hábitos de consumo
e modelos mentais
valor de uso valor agregado
Friday, May 20, 2011

21. saender
uie ent
sqrvar
Pe,ri obse
ouv
Há muita informação à rodo por aí,
Basta saber minerar.
Friday, May 20, 2011

22. saender
uie ent
sqrvar
Pe,ri obse
ouv
Algumas técnicas de pesquisa:
‣ Avaliação do SAC, feedback
‣ Benchmarking
‣ Etnografia
‣ Entrevistas
‣ Questionário
‣ etc...
Friday, May 20, 2011

23. benchmarking quick and dirty
saender
uie ent
sqrvar
Pe,ri obse
ouv
Friday, May 20, 2011

24. benchmarking quick and dirty
saender
uie ent
sqrvar
Pe,ri obse
ouv
Friday, May 20, 2011

25. benchmarking quick and dirty
saender
uie ent
sqrvar
Pe,ri obse
ouv
Friday, May 20, 2011

26. benchmarking quick and dirty
saender
uie ent
sqrvar
Pe,ri obse
ouv
Fonte: Alexa
Friday, May 20, 2011

27. benchmarking quick and dirty + personas
Persona: Otávio Luiz saender
uie ent
•23 anos;
sqrvar
Pe,ri obse
•Cursa Engenharia; ouv
•Eco turista;
•Envia vídeos para o YT.
Otávio Luiz, de 23 anos, graduando em Engenharia de Produção.
Mora com os pais e possui um computador em seu quarto. Aproveita seus feriados realizando
pequenas viagens ao interior para andar de bicicleta com amigos, quase sempre registrando o
passeio em sua máquina digital.
Gosta de compartilhar seus vídeos em um fórum de interessados em eco-turismo, portanto é usuário
colaborador do YouTube.
Friday, May 20, 2011

28. isaender
qur e ent
esbserva
P ir, o
ouv
Friday, May 20, 2011

29. isaender
qur e ent
esbserva
P ir, o
ouv
Friday, May 20, 2011

30. saender
uie ent
sqrvar
Pe,ri obse
ouv
Friday, May 20, 2011

31. isaender
qur e ent
esbserva
P ir, o
ouv
Friday, May 20, 2011

32. ão
açvas
tiprnati
otcoar alte
Pr ri
Friday, May 20, 2011

33. ão
açvas
tiprnati
toar alte
Pro cri
Wireframes
Registram as funcionalidades do produto, seus aspectos técnicos e sua
lógica de negócios, sem a influência do design visual (branding, layout)
Podem ser usados para validar ideias
Podem ser usados para testes com usuários
Friday, May 20, 2011

34. ão
açvas
tiprnati
toar alte
Pro cri
Friday, May 20, 2011

35. ão
açvas
tiprnati
toar alte
Pro cri
Friday, May 20, 2011

36. ão
açvas
tiprnati
toar alte
Pro cri
Friday, May 20, 2011

37. ão
açvas
tiprnati
toar alte
Pro cri
wireouts
Friday, May 20, 2011

38. ão
açvas
tiprnati
toar alte
Pro cri
layouts
Friday, May 20, 2011

39. ão
açvas
tiprnati
toar alte
Pro cri
Friday, May 20, 2011

40. ão
açvas
tiprnati
toar alte
Pro cri
Friday, May 20, 2011

41. ão
açvas
tiprnati
Storyboards P
toar alte
ro cri
Técnica da publicidade, HQs e cinema, que ilustra interações complexas
Friday, May 20, 2011

42. ão
açvas
tiprnati
Storyboards P
toar alte
ro cri
• Imagens +legendas
• Ilustram fluxos, momentos chave
• Casos de uso
• Mostram ambientes e contextos
• Complementam wireframes
Friday, May 20, 2011

43. ão
açvas
tiprnati
toar alte
Pro cri
taskdaflows
o atalho 37signals
• Fluxos são interações de um indivíduo, elementos / escolhas
Friday, May 20, 2011

44. ão
açvas
tiprnati
toar alte
Pro cri
Estrutura
• Barra separa a UI da ação
• Barra pontilhada separa as opções para mesma ação
• Setas vão da ação para a nova UI
• Se a UI for fora de escopo, mantém simples, sem ação
Friday, May 20, 2011

45. eso antes
stuant
Ter o q
ad
vali
Friday, May 20, 2011

46. ãota
aç lis
aliecia
avsp
e
Friday, May 20, 2011

47. quem é sério investe nesta abordagem
Friday, May 20, 2011

48. quem é sério investe nesta abordagem
laboratório de UX da globo.com
Friday, May 20, 2011

49. quem é sério investe nesta abordagem
centro de design da ASUS
Friday, May 20, 2011

50. contato@latitude14.com.br
www.latitude14.com.br Estratégia, design e e usabilidade
Estratégia, design usabilidade
Friday, May 20, 2011