Estratégia, design e usabilidadeEstratégia, design e usabilidade

Marcello de Campos Cardosomcardoso@latitude.com.br - 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

contato@latitude14.com.br

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

Friday, May 20, 2011