Apresentação sobre Micro interações feita no VTEX Day 2014.

1. Micro interações
os detalhes que fazem toda diferença
Thursday, May 22, 14

2. Augusto Barbosa
UX Designer
Thursday, May 22, 14

3. Micro interações?
Thursday, May 22, 14

4. Thursday, May 22, 14

5. Thursday, May 22, 14

6. PEQUENOS
INSTANTES
DE PRAZER
Thursday, May 22, 14

7. http://bit.ly/1jyAf4v
Thursday, May 22, 14

8. http://www.google.com/doodles
Thursday, May 22, 14

9. Feature
Complexa
Consome tempo
Estimula a
cognição
Micro interação
Simples
Breve
Não deve exigir
esforço
Thursday, May 22, 14

10. Thursday, May 22, 14

11. Thursday, May 22, 14

12. i
http://gph.is/1kttZLE [tinder]
Thursday, May 22, 14

13. Thursday, May 22, 14

14. LOOK
AND
FEEL
Thursday, May 22, 14

15. LOOK
AND
FEEL
Thursday, May 22, 14

16. http://bit.ly/Soh5nU [no not pull]
Thursday, May 22, 14

17. http://photojojo.com/store/ [final da página]
Thursday, May 22, 14

18. . Eficiência
. Humor
. Estilo
. Alinhada às
necessidades e
objetivos dos usuários
Thursday, May 22, 14

19. Thursday, May 22, 14

20. Thursday, May 22, 14

21. Trigger
. Iniciador
. Formato
. Visibilidade
Thursday, May 22, 14

22. Thursday, May 22, 14

23. Rules
. Não comece às cegas
. Use para prevenir erros
. Faça simples e breve
. Valores humanos <3
Thursday, May 22, 14

24. Thursday, May 22, 14

25. Feedback
. Quais informações e quando
. Seja humano <3
. Reaproveite elementos
. Tente usar feedbacks em
todas as ações do usuário
Thursday, May 22, 14

26. Modes and Loops
Use com
moderação
Thursday, May 22, 14

27. e no
?
Thursday, May 22, 14

28. Thursday, May 22, 14

29. Thursday, May 22, 14

30. Thursday, May 22, 14

31. DÚVIDAS?
Thursday, May 22, 14

32. OBRIGADO
augusto@vtex.com.br
pela atenção.
Thursday, May 22, 14

33. LAB.VTEX.COM
Thursday, May 22, 14

34. Referências
. Microinteractions:
Designing with details
http://amzn.to/1eaCM1P
. Little Big Details
http://bit.ly/1bNrOgL
Thursday, May 22, 14