O documento aborda como melhorar a usabilidade de aplicativos por meio de animações, destacando princípios fundamentais como squash & stretch e timing. Também menciona a importância de evitar animações excessivas que podem irritar o usuário. Exemplos de aplicativos existentes e referências são oferecidos para ilustrar as ideias apresentadas.

1. Melhorando a usabilidade
com animações
Douglas Drumond
self@douglasdrumond.com
+DouglasDrumond
@douglasdrumond

2. Agenda

3. Agenda
• Animações

4. Agenda
• Animações
• Exemplos de apps existentes

5. Agenda
• Animações
• Exemplos de apps existentes
• Princípios

6. Agenda
• Animações
• Exemplos de apps existentes
• Princípios
• Exemplos de códigos Android

7. whoami

8. whoami
• Movile

9. whoami
• Movile
• SwipesApp

10. whoami
• Movile
• SwipesApp
• GDG-Campinas

11. AVISO!

12. Animações em excesso

13. Animações em excesso
• Extremamente irritantes

14. Animações em excesso
• Extremamente irritantes
• SÉRIO, NÃO FAÇA

15. Animações

16. Animações
Engajamento

17. Animações
Engajamento
Personalidade

18. Animações
Engajamento
Informação
Personalidade

19. Animações
Engajamento
Informação
Personalidade
Contexto

20. Exemplos

21. Timely

22. Dots

23. Yelp

24. Características

25. Características
Curta

26. Características
Curta Suave

27. Características
Curta Suave
Natural

28. Características
Curta Suave
Natural Propósito

29. The illusion of life
http://dd19.tk/illusion-of-life

30. Princípios
• Squash & stretch
• Anticipation
• Staging
• Straight ahead & pose to
pose
• Follow through & overlap
• Slow in & slow out
• Arcs
• Secondary action
• Timing
• Exaggeration
• Solid drawings
• Appeal

31. Demo

32. O que não cobrimos

33. O que não cobrimos
Transitions (API 19, KitKat)

34. Referências
• DevBytes
• A Moving Experience
(Google IO 2013)
• Qualquer coisa do Chet
Haase e Romain Guy
• Filthy Rich Clients

35. Obrigado

36. Obrigado
• self@douglasdrumond.com
• google.com/+DouglasDrumond
• twitter.com/douglasdrumond