EXPERIÊNCIAS E MICRO
INTERAÇÕES EM MOBILE
O modelo thinking de design de produtos, para
enriquecer experiências nos dispos...
Micro interações estão em
todos os lugares
domingo, 14 de julho de 13
O que levar de
vantagem para
melhorar a experiência
de uso?
domingo, 14 de julho de 13
- Produto com foco
- Equilíbrio entre Funcionalidade X Conteúdo
- Aprimora as regras de uso do sistema
- Usuário compreend...
“The details are not the details. They make the design.”
Charles Eames
domingo, 14 de julho de 13
domingo, 14 de julho de 13
Introduzindo micro interações no processo de design
domingo, 14 de julho de 13
Trigger
Trigger pode indicar onde está o
processo do produto.
EX. Download app através do
itunes store.
domingo, 14 de jul...
Traga a
informação
para frente
O usuário não precisa
mergulhar a fundo para
descobrir as informações.
Uma vez apresentada,...
System Trigger
Pequenas interações do sistema com o usuário
Manual Trigger
Buttons, Dials, swipes são ações deliberadas do...
Produtos cada vez mais complexos
domingo, 14 de julho de 13
Uma simples gesture, pode
encontrar um balanço entre a
funcionalidade VS conteúdo.
Exemplo: Search spotlight. Swipe
finger ...
Rules
Devem refletir nas restrições de negócios, contextos e técnicas.
domingo, 14 de julho de 13
Definindo
regras como
funcionalidades
App Nike Running - Incentivo através do facebook
domingo, 14 de julho de 13
Não comece do zero
Texto
Utilize dados do usuário. Sempre há uma informação do seu usuário e como
podemos utilizá-lo para ...
- Qual device do usuário está sendo usado?
- Quais sensores estão disponíveis como
câmera, microfone, acelerômetro e local...
Uma ótima maneira de passar um
pouco mais de personalidade
ao seu produto e são ótimos
para micro interações
Prevenção
de ...
Feedback
Regras são invisíveis, então a única forma de entendermos elas é através do feedback.
domingo, 14 de julho de 13
- Maior compreendimento das ações do
usuário na tela
- Fale com o usuário e não com sistema
domingo, 14 de julho de 13
Loop and
modes
Modes são úteis para
indicar ao usuário onde
estão, para onde vão e o
que podem fazer naquele
momento
Navig...
Loop and
modes
Loops estão ligados
diretamente ou
indiretamente através das
regras
Utilize loops para
estender a vida da m...
Coloque todos em prática
domingo, 14 de julho de 13
Designing with Details
Microinteractions
Dan Saffer
- http://littlebigdetails.com
- http://uxarchive.com
- http://www.mobi...
Designing with Details
Microinteractions
Dan Saffer
- http://littlebigdetails.com
- http://uxarchive.com
- http://www.mobi...
Designing with Details
Microinteractions
Dan Saffer
- http://littlebigdetails.com
- http://uxarchive.com
- http://www.mobi...
Próximos SlideShares
Carregando em…5
×

Experiências e micro interações em Mobile

977 visualizações

Publicada em

O modelo thinking de design de produtos, para enriquecer experiências nos dispositivos móveis.

Palestra realizada para Trilha Mobile - TDC 2013 - SP

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

Sem downloads
Visualizações
Visualizações totais
977
No SlideShare
0
A partir de incorporações
0
Número de incorporações
26
Ações
Compartilhamentos
0
Downloads
12
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Experiências e micro interações em Mobile

  1. 1. EXPERIÊNCIAS E MICRO INTERAÇÕES EM MOBILE O modelo thinking de design de produtos, para enriquecer experiências nos dispositivos móveis. Daniel Mack Lead Designer, Taqtile Mobility @dnmack www.naranjo.com.br TRILHA MOBILE domingo, 14 de julho de 13
  2. 2. Micro interações estão em todos os lugares domingo, 14 de julho de 13
  3. 3. O que levar de vantagem para melhorar a experiência de uso? domingo, 14 de julho de 13
  4. 4. - Produto com foco - Equilíbrio entre Funcionalidade X Conteúdo - Aprimora as regras de uso do sistema - Usuário compreende as ações facilmente - Resolve um problema de design em foco - Cria um produto baseado no comportamento domingo, 14 de julho de 13
  5. 5. “The details are not the details. They make the design.” Charles Eames domingo, 14 de julho de 13
  6. 6. domingo, 14 de julho de 13
  7. 7. Introduzindo micro interações no processo de design domingo, 14 de julho de 13
  8. 8. Trigger Trigger pode indicar onde está o processo do produto. EX. Download app através do itunes store. domingo, 14 de julho de 13
  9. 9. Traga a informação para frente O usuário não precisa mergulhar a fundo para descobrir as informações. Uma vez apresentada, ele já tem as condições necessárias para tomar ações. domingo, 14 de julho de 13
  10. 10. System Trigger Pequenas interações do sistema com o usuário Manual Trigger Buttons, Dials, swipes são ações deliberadas do usuário domingo, 14 de julho de 13
  11. 11. Produtos cada vez mais complexos domingo, 14 de julho de 13
  12. 12. Uma simples gesture, pode encontrar um balanço entre a funcionalidade VS conteúdo. Exemplo: Search spotlight. Swipe finger down para executar uma busca (IOS7). Invisible Trigger domingo, 14 de julho de 13
  13. 13. Rules Devem refletir nas restrições de negócios, contextos e técnicas. domingo, 14 de julho de 13
  14. 14. Definindo regras como funcionalidades App Nike Running - Incentivo através do facebook domingo, 14 de julho de 13
  15. 15. Não comece do zero Texto Utilize dados do usuário. Sempre há uma informação do seu usuário e como podemos utilizá-lo para melhorar o produto de forma inteligente. domingo, 14 de julho de 13
  16. 16. - Qual device do usuário está sendo usado? - Quais sensores estão disponíveis como câmera, microfone, acelerômetro e localização - Tempo do dia - Estado de bateria domingo, 14 de julho de 13
  17. 17. Uma ótima maneira de passar um pouco mais de personalidade ao seu produto e são ótimos para micro interações Prevenção de erros domingo, 14 de julho de 13
  18. 18. Feedback Regras são invisíveis, então a única forma de entendermos elas é através do feedback. domingo, 14 de julho de 13
  19. 19. - Maior compreendimento das ações do usuário na tela - Fale com o usuário e não com sistema domingo, 14 de julho de 13
  20. 20. Loop and modes Modes são úteis para indicar ao usuário onde estão, para onde vão e o que podem fazer naquele momento Navigation (ios) ou view mode domingo, 14 de julho de 13
  21. 21. Loop and modes Loops estão ligados diretamente ou indiretamente através das regras Utilize loops para estender a vida da micro interação domingo, 14 de julho de 13
  22. 22. Coloque todos em prática domingo, 14 de julho de 13
  23. 23. Designing with Details Microinteractions Dan Saffer - http://littlebigdetails.com - http://uxarchive.com - http://www.mobile-patterns.com Resources: Thanks! domingo, 14 de julho de 13
  24. 24. Designing with Details Microinteractions Dan Saffer - http://littlebigdetails.com - http://uxarchive.com - http://www.mobile-patterns.com Resources: Thanks! domingo, 14 de julho de 13
  25. 25. Designing with Details Microinteractions Dan Saffer - http://littlebigdetails.com - http://uxarchive.com - http://www.mobile-patterns.com Resources: Thanks! Daniel Mack @dnmack www.naranjo.com.br domingo, 14 de julho de 13

×