- st rсp ive b dсign
DESIGNER & DESENVOLVEDORA
D i Gu ato
Portfólio: popupdesign.com.br
Email: dani@popupdesign.com.br
Facebook: fb.com.br/dani...
DESIGNER & DESENVOLVEDOR
Le dro L a
Portfólio: popupdesign.com.br
Email: leandro@popupdesign.com.br
Facebook: fb.com.br/le...
Conjunto de técnicas para melhorar a experiência do usuário
independente da plataforma.
Dсign Rсp ivo
Novas e melhores formas das pessoas
interagirem com as máquinas.
Dсign de Intрfa
sр h o
Antс de p em с atégia,
p e no uário.
QUEM É O USUÁRIO?
POR QUE ELE ESTÁ ACESSANDO?
EM QUE MOMENTO?
O QUE ELE BUSCA?
QUAL É A RELAÇÃO EMOCIONAL COM O SEU
PRODUT...
Observação + dados + hipóteses + empatia
C u do p оа
São 273.6 milhões de celulares vs. 201 milhões de habitantes.
O Brа tem ma d p itiv móve que p oа
Esc ha = Objetivo + Cоt to
Objetivo do usuário!
- Precisa saber
- Precisa encontrar
- Precisa comprar
- Precisa ir
- Precisa resolver um problema
Mi ...
mapa dos momentos
J nada
TEMPO
LUGAR
COMODISMO
ESTADO DE ESPÍRITO
Cоt to
PRODUTIVIDADE
SERIEDADE
REQUER TEMPO E FOCO
TRABALHO
C tad
RELAXAMENTO
LAZER
COMPRAS & VIAGEM
CASA
Tablet
PESSOAL
BUSCA & REDES SOCIAIS
PONTO DE PARTIDA
MAIS CASA DO QUE RUA
Sm t оe
CASA
NÃO SÃO O PONTO FOCAL
GATILHO PARA BUSCAS
Tлev ão
As p oа não ficam e, ла vivem e!
uso sequencial
78%
uso complementar
22%
Todos os pedaços de conteúdo
devem estar disponíveis, mesmo
que sejam acessados por
mecanismos diferentes. 
P idade
Cada d p itivo é a j лa p a a b
+ FÁCIL
+ RÁPIDO
+ ACESSÍVEL
+ LEGAL
Rep a tрação
Es atégia
- NÃO CORTE. ADAPTE!
- CRIE UMA EXPERIÊNCIA CONTINUA
- LEMBRE-SE DAS PESSOAS POR TRÁS
DAS MÁQUINAS!
Em rс o
MEU BLOG: blog.popupdesign.com.br
WINDOWS ON THE WEB: goo.gl/pSbAxO
MICROMOMENTS: goo.gl/rjIsbG
MULTISCREEN WORLD: goo.gl/...
Próximos SlideShares
Carregando em…5
×

User-first Responsive Design

8.392 visualizações

Publicada em

Estratégias para projetar uma ótima experiência do usuário independente da plataforma.
Slides do evento 7 masters edição Design Responsivo.

Publicada em: Design
0 comentários
35 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
8.392
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3.719
Ações
Compartilhamentos
0
Downloads
72
Comentários
0
Gostaram
35
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

User-first Responsive Design

  1. 1. - st rсp ive b dсign
  2. 2. DESIGNER & DESENVOLVEDORA D i Gu ato Portfólio: popupdesign.com.br Email: dani@popupdesign.com.br Facebook: fb.com.br/daniguerrato
  3. 3. DESIGNER & DESENVOLVEDOR Le dro L a Portfólio: popupdesign.com.br Email: leandro@popupdesign.com.br Facebook: fb.com.br/leandro.goes.lima
  4. 4. Conjunto de técnicas para melhorar a experiência do usuário independente da plataforma. Dсign Rсp ivo
  5. 5. Novas e melhores formas das pessoas interagirem com as máquinas. Dсign de Intрfa
  6. 6. sр h o
  7. 7. Antс de p em с atégia, p e no uário.
  8. 8. QUEM É O USUÁRIO? POR QUE ELE ESTÁ ACESSANDO? EM QUE MOMENTO? O QUE ELE BUSCA? QUAL É A RELAÇÃO EMOCIONAL COM O SEU PRODUTO? Dсcu a
  9. 9. Observação + dados + hipóteses + empatia C u do p оа
  10. 10. São 273.6 milhões de celulares vs. 201 milhões de habitantes. O Brа tem ma d p itiv móve que p oа
  11. 11. Esc ha = Objetivo + Cоt to
  12. 12. Objetivo do usuário! - Precisa saber - Precisa encontrar - Precisa comprar - Precisa ir - Precisa resolver um problema Mi o m t
  13. 13. mapa dos momentos J nada
  14. 14. TEMPO LUGAR COMODISMO ESTADO DE ESPÍRITO Cоt to
  15. 15. PRODUTIVIDADE SERIEDADE REQUER TEMPO E FOCO TRABALHO C tad
  16. 16. RELAXAMENTO LAZER COMPRAS & VIAGEM CASA Tablet
  17. 17. PESSOAL BUSCA & REDES SOCIAIS PONTO DE PARTIDA MAIS CASA DO QUE RUA Sm t оe
  18. 18. CASA NÃO SÃO O PONTO FOCAL GATILHO PARA BUSCAS Tлev ão
  19. 19. As p oа não ficam e, ла vivem e!
  20. 20. uso sequencial 78% uso complementar 22%
  21. 21. Todos os pedaços de conteúdo devem estar disponíveis, mesmo que sejam acessados por mecanismos diferentes.  P idade
  22. 22. Cada d p itivo é a j лa p a a b
  23. 23. + FÁCIL + RÁPIDO + ACESSÍVEL + LEGAL Rep a tрação
  24. 24. Es atégia
  25. 25. - NÃO CORTE. ADAPTE! - CRIE UMA EXPERIÊNCIA CONTINUA - LEMBRE-SE DAS PESSOAS POR TRÁS DAS MÁQUINAS! Em rс o
  26. 26. MEU BLOG: blog.popupdesign.com.br WINDOWS ON THE WEB: goo.gl/pSbAxO MICROMOMENTS: goo.gl/rjIsbG MULTISCREEN WORLD: goo.gl/FkJM8f SMASHING BOOK 5: goo.gl/jXFLOa Dicа de leit a

×