O modelo thinking de design de produtos, para enriquecer experiências nos dispositivos móveis. Palestra realizada para Trilha Mobile - TDC 2013 - SP

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. Micro interações estão em
todos os lugares
domingo, 14 de julho de 13

3. O que levar de
vantagem para
melhorar a experiência
de uso?
domingo, 14 de julho de 13

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. “The details are not the details. They make the design.”
Charles Eames
domingo, 14 de julho de 13

6. domingo, 14 de julho de 13

7. Introduzindo micro interações no processo de design
domingo, 14 de julho de 13

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. 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. 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. Produtos cada vez mais complexos
domingo, 14 de julho de 13

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. Rules
Devem refletir nas restrições de negócios, contextos e técnicas.
domingo, 14 de julho de 13

14. Definindo
regras como
funcionalidades
App Nike Running - Incentivo através do facebook
domingo, 14 de julho de 13

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. - 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. 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. 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. - 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. 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. 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. Coloque todos em prática
domingo, 14 de julho de 13

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