[DevCamp 2014] Melhorando a Usabilidade com Animações

Alguns slides contém vídeos que não podem ser exibidos aqui. O arquivo original (Keynote) com os vídeos encontra-se em http://dd19.tk/repo-devcamp2014
Palestra disponível em http://dd19.tk/video-devcamp2014

Transcript

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