Pensando em UX / UI com o material design

712 views

Published on

ESSA PALESTRA É PARA VOCÊ QUE, DESENVOLVEDOR, QUER SABER MAIS SOBRE UX (USER EXPERIENCE - EXPERIÊNCIA DO USUÁRIO) E UI (USER INTERACTION - INTERAÇÃO COM O USUÁRIO) PARA O DESENVOLVIMENTO DE SEUS APLICATIVOS. É IMPORTANTE, MESMO NÃO SENDO O FOOC, QUE O DESENVOLVEDOR TENHA UMA NOÇÃO DE COMO O DESIGN IRÁ INFLUENCIAR EM SEU PROJETO. IREMOS CONVERSAR UM POUCO SOBRE COMO PENSAR EM UX/UI UTILIZANDO O MATERIAL DESIGN DO GOOGLE.

Published in: Software
  • Be the first to comment

Pensando em UX / UI com o material design

  1. 1. Pensando em UX/UI com o Material Design Thiago Marques
  2. 2. Olá! Thiago Marques
  3. 3. UX & UI
  4. 4. User EXperience User Interaction
  5. 5. User Experience
  6. 6. Dann Saffer (http://www.odannyboy.com)
  7. 7. UX is not UI
  8. 8. UX Designer Lado Emocional Facilidade de Uso Fuidez e Clareza Parte Criativa e Visual Elementos consistentes O famoso "Designer" UI Designer
  9. 9. O Material Design em si www.google.com/design
  10. 10. Objetivo 1
  11. 11. Objetivo 2
  12. 12. Os 3 princípios
  13. 13. 1.Metáfora
  14. 14. 2. Forte, gráfico e intencional
  15. 15. 3. Movimento fornece significado
  16. 16. 3D World
  17. 17. Luz e Sombra
  18. 18. Propriedades 1 dpi Density-independent Pixels 9mm, o que corresponde a cerca de 48dp. margem de 8dp
  19. 19. Dos & Dont's
  20. 20. 1. Status bar 2. App bar 3. Background 4. Cards/Dialogs
  21. 21. Cores Recomendacao Google: 500 (cores primárias) 3 - primária 1 - secundária
  22. 22. Opacidade
  23. 23. Opacidade
  24. 24. Barra de Status
  25. 25. Cor Destaque
  26. 26. Cor Destaque
  27. 27. Cor Destaque
  28. 28. Integracao
  29. 29. Roboto
  30. 30. Roboto
  31. 31. Devices design.google.com/devices
  32. 32. E não para...
  33. 33. E agora? Por onde comecar?
  34. 34. Material Design Lite getmdl.io
  35. 35. Polymer polymer-project.org
  36. 36. Obrigado! thiagomartins.marques@gmail.com Twitter @althi

×