Recomendados
Recomendados
Mais conteúdo relacionado
Semelhante a Micro Interactions on the web
Semelhante a Micro Interactions on the web (20)
Micro Interactions on the web
- 2. Front end
- 4. O nosso ponto de vista (simplificado) O que é preciso para um app existir?
- 5. O nosso ponto de vista (simplificado) O que é preciso para um app existir? Backend CDN DB Infra ClusterStuff Stuff Stuff Stuff Stuff Stuff
- 6. Frontend/Client O nosso ponto de vista (simplificado) O que é preciso para um app existir? Backend CDN DB Infra ClusterStuff Stuff Stuff Stuff Stuff Stuff
- 7. Frontend/Client JS HTML CSS O nosso ponto de vista (simplificado) O que é preciso para um app existir? Backend CDN DB Infra ClusterStuff Stuff Stuff Stuff Stuff Stuff
- 8. Frontend/Client React (é lib eu sei, Oliver) Angular Vue JS HTML CSS O nosso ponto de vista (simplificado) O que é preciso para um app existir? Backend CDN DB Infra ClusterStuff Stuff Stuff Stuff Stuff Stuff
- 9. Frontend/Client Backbone Ember Knockout Mootools React (é lib eu sei, Oliver) Angular Vue JS HTML CSS O nosso ponto de vista (simplificado) O que é preciso para um app existir? Backend CDN DB Infra ClusterStuff Stuff Stuff Stuff Stuff Stuff
- 10. Frontend/Client Redux RxJS MobX Relay Vuex NgRx Backbone Ember Knockout Mootools React (é lib eu sei, Oliver) Angular Vue JS HTML CSS O nosso ponto de vista (simplificado) O que é preciso para um app existir? Backend CDN DB Infra ClusterStuff Stuff Stuff Stuff Stuff Stuff
- 11. Frontend/Client Preact Apollo Alguma coisa que o Abramov disse Cypress Stuff Local databases Axios ES<esse ano> ESLint Jest Aurelia Svelte Hyperapp Riot Polymer Typescript Dart Clojurescript Stuff CSS Houdini Bootstrap Semantic Materialize Stuff Elm SASS Stylus Gatsby Yarn NPM BEM OOCSS SMACSS Webpack Parcel Redux RxJS MobX Relay Vuex NgRx Backbone Ember Knockout Mootools React (é lib eu sei, Oliver) Angular Vue JS HTML CSS O nosso ponto de vista (simplificado) O que é preciso para um app existir? Backend CDN DB Infra ClusterStuff Stuff Stuff Stuff Stuff Stuff
- 12. Frontend/Client Preact Apollo Alguma coisa que o Abramov disse Cypress Stuff Local databases Axios ES<esse ano> ESLint Jest Aurelia Svelte Hyperapp Riot Polymer Typescript Dart Clojurescript Stuff CSS Houdini Bootstrap Semantic Materialize Stuff Elm SASS Stylus Gatsby Yarn NPM BEM OOCSS SMACSS Webpack Parcel Redux RxJS MobX Relay Vuex NgRx Backbone Ember Knockout Mootools React (é lib eu sei, Oliver) Angular Vue JS HTML CSS O nosso ponto de vista (simplificado) O que é preciso para um app existir? Backend CDN DB Infra ClusterStuff Stuff Stuff Stuff Stuff Stuff Usuário
- 13. O ponto de vista do usuário O que é preciso para um app existir? Usuário
- 14. O ponto de vista do usuário O que é preciso para um app existir? Usuário Interface
- 15. O ponto de vista do usuário O que é preciso para um app existir? Usuário Interface MAGIC
- 16. A UI é, na maior parte dos casos, o único recurso do usuário em todo o processo de uso do sistema/app
- 18. A mente do usuário busca familiaridade Solução: metáforas
- 19. Interatividade é importante Uma boa experiência de usuário é a quase imperceptível
- 20. Microinterações: elementos Movimento, senso de espaço: Lembrar de interações do mundo real
- 21. Microinterações: elementos Movimento, senso de espaço: Lembrar de interações do mundo real
- 22. Microinterações: elementos Feedbacks mais expositivos: Manter o usuário ciente do que está acontecendo E manter o senso de controle
- 23. Microinterações: elementos Feedbacks mais expositivos: Manter o usuário ciente do que está acontecendo E manter o senso de controle
- 24. Microinterações: elementos Animações que fazem sentido: Manter contexto das ações
- 25. Microinterações: elementos Animações que fazem sentido: Manter contexto das ações
- 26. Microinterações: elementos Sutileza: Isso é uma interface do usuário, não um filme da Disney
- 27. Microinterações: elementos Sutileza: Isso é uma interface do usuário, não um filme da Disney
- 28. Microinterações: um exemplo nem tão bobo
- 29. Microinterações: um exemplo nem tão bobo
- 30. O que se deve considerar Usos repetitivos Conheça seus usuários MI devem poupar tempo
- 31. On the WEB
- 33. Nem só de coisas visuais viverão as interações navigator.vibrate navigator.onLine Notificações do Service Worker Sons (muito cuidado)
- 36. Moral da história Completas experiencias não se fazem por recursos estáticos e inertes.