Experiências e micro interações em Mobile

1.022 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
3 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.022
No SlideShare
0
A partir de incorporações
0
Número de incorporações
23
Ações
Compartilhamentos
0
Downloads
12
Comentários
0
Gostaram
3
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

×