design centrado no usuário - 3 passos para o produto perfeito
DESCRIPTION
Palestra criada por Karine Drumond, Leandro Alves e Marcello Cardoso para apresentação na AMCHAM BH. Adaptada por Marcello Cardoso para o portal eGenial.com.brTRANSCRIPT
![Page 1: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/1.jpg)
Estratégia, design e usabilidadeEstratégia, design e usabilidade
Marcello de Campos [email protected] - www.latitude14.com.br
Design Centrado no Usuário3 passos para o produto perfeito
Friday, May 20, 2011
![Page 2: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/2.jpg)
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
![Page 3: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/3.jpg)
clientes
Friday, May 20, 2011
![Page 4: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/4.jpg)
+Empreendedorismo Design3 passos para o produto perfeito
Friday, May 20, 2011
![Page 5: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/5.jpg)
existe produto perfeito?perfeito pra quem?
Friday, May 20, 2011
![Page 6: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/6.jpg)
“perfeito” = adequado
Friday, May 20, 2011
![Page 7: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/7.jpg)
divertido ou
barato ou
eficiente ou
útil ou
fácil ou
chique
adequado é...
... ou tudo isso
Friday, May 20, 2011
![Page 8: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/8.jpg)
tablets da microsoft (2001): fracasso de vendas
Friday, May 20, 2011
![Page 9: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/9.jpg)
iPad da Apple (2010): 15 milhões vendidos em 1 ano
Friday, May 20, 2011
![Page 10: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/10.jpg)
a diferença entre ambos é...
designFriday, May 20, 2011
![Page 11: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/11.jpg)
design = projeto
negócio
pessoas tecnologia
Friday, May 20, 2011
![Page 12: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/12.jpg)
As pedras no caminho...
Será que minha ideia de produto resolve um problema real?
As pessoas têm mesmo esta necessidade?
O que o produto precisa ter?
O que é mais importante?
As pessoas pagarão por isso?
De quais formas podemos atender os usuários?
Qual melhor solução de projeto?
O produto está adequado? Vai funcionar?
Quais ajustes precisam ser feitos?
Friday, May 20, 2011
![Page 13: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/13.jpg)
Qual o melhor caminho para criar
Friday, May 20, 2011
![Page 14: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/14.jpg)
Sorte...
Friday, May 20, 2011
![Page 15: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/15.jpg)
Sorte...
Friday, May 20, 2011
![Page 16: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/16.jpg)
...ou metodologia.
Friday, May 20, 2011
![Page 17: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/17.jpg)
...ou metodologia.
Friday, May 20, 2011
![Page 18: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/18.jpg)
Design Centrado no Usuário3 passos para o sucesso
Pesquis
a
Prototip
açãoTest
es
Friday, May 20, 2011
![Page 19: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/19.jpg)
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
![Page 20: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/20.jpg)
Pesquisa de design Pesquisa de marketing
comportamento de uso e modelos mentais
hábitos de consumo
valor de uso valor agregado
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
![Page 21: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/21.jpg)
Há muita informação à rodo por aí, Basta saber minerar.
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
![Page 22: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/22.jpg)
Algumas técnicas de pesquisa:‣ Avaliação do SAC, feedback‣ Benchmarking‣ Etnografia‣ Entrevistas‣ Questionário‣ etc...
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
![Page 23: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/23.jpg)
benchmarking quick and dirty
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
![Page 24: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/24.jpg)
benchmarking quick and dirty
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
![Page 25: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/25.jpg)
benchmarking quick and dirty
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
![Page 26: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/26.jpg)
Fonte: Alexa
benchmarking quick and dirty
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
![Page 27: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/27.jpg)
Persona: Otávio Luiz•23 anos;•Cursa Engenharia;•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.
benchmarking quick and dirty + personas
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
![Page 28: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/28.jpg)
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
![Page 29: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/29.jpg)
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
![Page 30: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/30.jpg)
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
![Page 31: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/31.jpg)
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
![Page 32: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/32.jpg)
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
![Page 33: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/33.jpg)
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)
WireframesPodem ser usados para validar ideiasPodem ser usados para testes com usuários
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
![Page 34: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/34.jpg)
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
![Page 35: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/35.jpg)
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
![Page 36: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/36.jpg)
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
![Page 37: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/37.jpg)
wireouts Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
![Page 38: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/38.jpg)
layouts Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
![Page 39: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/39.jpg)
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
![Page 40: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/40.jpg)
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
![Page 41: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/41.jpg)
StoryboardsTécnica da publicidade, HQs e cinema, que ilustra interações complexas
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
![Page 42: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/42.jpg)
Storyboards• Imagens +legendas
• Ilustram fluxos, momentos chave
• Casos de uso
• Mostram ambientes e contextos
• Complementam wireframes
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
![Page 43: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/43.jpg)
Prototip
ação
criar alt
ernativa
s
task flowso atalho da 37signals
• Fluxos são interações de um indivíduo, elementos / escolhas
Friday, May 20, 2011
![Page 44: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/44.jpg)
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
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
![Page 45: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/45.jpg)
Testes
validar o
quanto
antes
Friday, May 20, 2011
![Page 46: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/46.jpg)
avaliaçã
o
especia
lista
Friday, May 20, 2011
![Page 47: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/47.jpg)
quem é sério investe nesta abordagem
Friday, May 20, 2011
![Page 48: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/48.jpg)
quem é sério investe nesta abordagem
laboratório de UX da globo.com
Friday, May 20, 2011
![Page 49: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/49.jpg)
quem é sério investe nesta abordagem
centro de design da ASUS
Friday, May 20, 2011
![Page 50: Design Centrado no Usuário - 3 passos para o produto perfeito](https://reader034.vdocuments.site/reader034/viewer/2022042613/54b550074a7959b92c8b459e/html5/thumbnails/50.jpg)
www.latitude14.com.br Estratégia, design e usabilidadeEstratégia, design e usabilidade
Friday, May 20, 2011