design centrado no usuário - 3 passos para o produto perfeito

50
Estratégia, design e usabilidade Estratégia, design e usabilidade Marcello de Campos Cardoso [email protected] - www.latitude14.com.br Design Centrado no Usuário 3 passos para o produto perfeito Friday, May 20, 2011

Upload: marcello-cardoso

Post on 14-Jan-2015

779 views

Category:

Design


1 download

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.br

TRANSCRIPT

Page 1: Design Centrado no Usuário - 3 passos para o produto perfeito

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

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

clientes

Friday, May 20, 2011

Page 4: Design Centrado no Usuário - 3 passos para o produto perfeito

+Empreendedorismo Design3 passos para o produto perfeito

Friday, May 20, 2011

Page 5: Design Centrado no Usuário - 3 passos para o produto perfeito

existe produto perfeito?perfeito pra quem?

Friday, May 20, 2011

Page 6: Design Centrado no Usuário - 3 passos para o produto perfeito

“perfeito” = adequado

Friday, May 20, 2011

Page 7: Design Centrado no Usuário - 3 passos para o produto perfeito

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

tablets da microsoft (2001): fracasso de vendas

Friday, May 20, 2011

Page 9: Design Centrado no Usuário - 3 passos para o produto perfeito

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

a diferença entre ambos é...

designFriday, May 20, 2011

Page 11: Design Centrado no Usuário - 3 passos para o produto perfeito

design = projeto

negócio

pessoas tecnologia

Friday, May 20, 2011

Page 12: Design Centrado no Usuário - 3 passos para o produto perfeito

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

Qual o melhor caminho para criar

Friday, May 20, 2011

Page 14: Design Centrado no Usuário - 3 passos para o produto perfeito

Sorte...

Friday, May 20, 2011

Page 15: Design Centrado no Usuário - 3 passos para o produto perfeito

Sorte...

Friday, May 20, 2011

Page 16: Design Centrado no Usuário - 3 passos para o produto perfeito

...ou metodologia.

Friday, May 20, 2011

Page 17: Design Centrado no Usuário - 3 passos para o produto perfeito

...ou metodologia.

Friday, May 20, 2011

Page 18: Design Centrado no Usuário - 3 passos para o produto perfeito

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Prototip

ação

criar alt

ernativa

s

Friday, May 20, 2011

Page 33: Design Centrado no Usuário - 3 passos para o produto perfeito

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

Prototip

ação

criar alt

ernativa

s

Friday, May 20, 2011

Page 35: Design Centrado no Usuário - 3 passos para o produto perfeito

Prototip

ação

criar alt

ernativa

s

Friday, May 20, 2011

Page 36: Design Centrado no Usuário - 3 passos para o produto perfeito

Prototip

ação

criar alt

ernativa

s

Friday, May 20, 2011

Page 37: Design Centrado no Usuário - 3 passos para o produto perfeito

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

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

Prototip

ação

criar alt

ernativa

s

Friday, May 20, 2011

Page 40: Design Centrado no Usuário - 3 passos para o produto perfeito

Prototip

ação

criar alt

ernativa

s

Friday, May 20, 2011

Page 41: Design Centrado no Usuário - 3 passos para o produto perfeito

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

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

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

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

Testes

validar o

quanto

antes

Friday, May 20, 2011

Page 46: Design Centrado no Usuário - 3 passos para o produto perfeito

avaliaçã

o

especia

lista

Friday, May 20, 2011

Page 47: Design Centrado no Usuário - 3 passos para o produto perfeito

quem é sério investe nesta abordagem

Friday, May 20, 2011

Page 48: Design Centrado no Usuário - 3 passos para o produto perfeito

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

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

[email protected]

www.latitude14.com.br Estratégia, design e usabilidadeEstratégia, design e usabilidade

Friday, May 20, 2011