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
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
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
clientes
Friday, May 20, 2011
+Empreendedorismo Design3 passos para o produto perfeito
Friday, May 20, 2011
existe produto perfeito?perfeito pra quem?
Friday, May 20, 2011
“perfeito” = adequado
Friday, May 20, 2011
divertido ou
barato ou
eficiente ou
útil ou
fácil ou
chique
adequado é...
... ou tudo isso
Friday, May 20, 2011
tablets da microsoft (2001): fracasso de vendas
Friday, May 20, 2011
iPad da Apple (2010): 15 milhões vendidos em 1 ano
Friday, May 20, 2011
a diferença entre ambos é...
designFriday, May 20, 2011
design = projeto
negócio
pessoas tecnologia
Friday, May 20, 2011
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
Qual o melhor caminho para criar
Friday, May 20, 2011
Sorte...
Friday, May 20, 2011
Sorte...
Friday, May 20, 2011
...ou metodologia.
Friday, May 20, 2011
...ou metodologia.
Friday, May 20, 2011
Design Centrado no Usuário3 passos para o sucesso
Pesquis
a
Prototip
açãoTest
es
Friday, May 20, 2011
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
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
Há muita informação à rodo por aí, Basta saber minerar.
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
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
benchmarking quick and dirty
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
benchmarking quick and dirty
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
benchmarking quick and dirty
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
Fonte: Alexa
benchmarking quick and dirty
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
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
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
Pesquis
a
ouvir, o
bservar
e enten
der
Friday, May 20, 2011
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
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
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
wireouts Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
layouts Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
StoryboardsTécnica da publicidade, HQs e cinema, que ilustra interações complexas
Prototip
ação
criar alt
ernativa
s
Friday, May 20, 2011
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
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
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
Testes
validar o
quanto
antes
Friday, May 20, 2011
avaliaçã
o
especia
lista
Friday, May 20, 2011
quem é sério investe nesta abordagem
Friday, May 20, 2011
quem é sério investe nesta abordagem
laboratório de UX da globo.com
Friday, May 20, 2011
quem é sério investe nesta abordagem
centro de design da ASUS
Friday, May 20, 2011
www.latitude14.com.br Estratégia, design e usabilidadeEstratégia, design e usabilidade
Friday, May 20, 2011