Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

TDC - Design Invisivel

375 views

Published on

Os tempos mudam e a maneira como desenhamos e desenvolvemos aplicativos também. Além das boas práticas de hoje, vamos conversar sobre como o design vai muito além dos pixels e dos menus hambúrguer, moldado por decisões invisíveis aos olhos.

Published in: Design
  • Be the first to comment

TDC - Design Invisivel

  1. 1. 👋
  2. 2. DESIGN ________ uma conversa além dos ______ MARCEL MÜLLER • @GRIGIO
  3. 3. DESIGNER Google, HP, Snapchat, Chegou?, PlayKids, iFood, SuperPlayer etc VISUAL INTERFACE PRODUCT & MOTION
  4. 4. INTERFACES INVISÍVEIS, CHATBOTZZZZZ 😴
  5. 5. CULTURA
  6. 6. VÁRIOS TIMES VÁRIAS PESSOAS
  7. 7. MESMOS PROBLEMAS VÁRIOS TIMES VÁRIAS PESSOAS
  8. 8. APARECEM COM O DESIGN Apesar desses problemas não serem sobre design, eles
  9. 9. 3 PARADIGMAS & 1 HÁBITO RUIM
  10. 10. ESQUECER DOS POR QUÊS Hábito ruim:
  11. 11. COMO DEVE SE PARECER.
  12. 12. COMO DEVE SE PARECER.
  13. 13. COMO DEVE SE PARECER & POR QUÊ.
  14. 14. CULTURA
  15. 15. PARADIGMA #1
  16. 16. “DESENVOLVEDORES NÃO SE ENVOLVEM COM DECISÕES DE DESIGN”
  17. 17. POR QUÊ?
  18. 18. UÉ, SEI LÁ
  19. 19. É O SEU PRODUTO TAMBÉM. Acima de qualquer coisa,
  20. 20. HIG É SEU AMIGO
  21. 21. NÃO PRECISA SER RADICAL, DESIGN #UI #ux USABILIDADE! skeuomorfismo!!!
  22. 22. APENAS MUDE A MENTALIDADE. Exemplo:
  23. 23. 2012…
  24. 24. Esse é um esboço do ícone do “Chegou?"
  25. 25. WWDC 2015 Icon best practices
  26. 26. Leia a HIG; tenha uma postura aberta sobre design; seja dono do produto e questione.
  27. 27. PARADIGMA #2
  28. 28. “DESIGN = ESTÉTICA”
  29. 29. POR QUÊ?
  30. 30. O DESIGN DE PRODUTOS PARA iOS GIROU EM TORNO DISSO POR MUITO TEMPO.
  31. 31. AS COISAS MUDAM.
  32. 32. "At the end of the day, it’s not UIs or screens or graphics we should be enamored with; it’s ease of use. Sometimes, the easiest things are the hardest to see." JULIE ZHUO, DESIGN VP @ FACEBOOK
  33. 33. WWDC 2016 Iterative UI Design
  34. 34. “GOALS”, “INTUITIVE”, “ITERATIVE” PERTENCEM À “POR QUÊS”.
  35. 35. NEM O DESIGNER É MAIS ASSIM
  36. 36. POR QUE VOCÊ DEVERIA SER TAMBÉM?
  37. 37. QUESTIONE OS DESIGNERS. SE ELES SE FECHAREM, O PROBLEMA É COM ELES.
  38. 38. "You see, a great designer starts with the whys. She conveys the principles behind her thinking and leaves you feeling like you understand the core values from which all her design decisions flow." JULIE ZHUO, DESIGN VP @ FACEBOOK
  39. 39. PLOT TWIST
  40. 40. 🤔 TALVEZ
  41. 41. VOCÊ🤔
  42. 42. SEJA 🤔
  43. 43. MAIS 🤔
  44. 44. DESIGNER 🤔
  45. 45. Observe a maneira como sua equipe trabalha e repare que talvez você seja o designer.
  46. 46. E 1 ÚLTIMO PROBLEMA…
  47. 47. AJUDA: Atualização diária de telas (via Slack ou qualquer coisa similar);
  48. 48. AJUDA: Atualização diária de telas (via Slack ou qualquer coisa similar); Quebrar segregação por departamento (apenas desenvolvedores ficam com o código; apenas designers ficam com telas);
  49. 49. AJUDA: Atualização diária de telas (via Slack ou qualquer coisa similar); Quebrar segregação por departamento (apenas desenvolvedores ficam com o código; apenas designers ficam com telas); Incentivar mútua contribuição;
  50. 50. AJUDA: Atualização diária de telas (via Slack ou qualquer coisa similar); Quebrar segregação por departamento (apenas desenvolvedores ficam com o código; apenas designers ficam com telas); Zeplin! <3 Incentivar mútua contribuição;
  51. 51. ZEPLIN.IO (not a sponsor)
  52. 52. POR QUE ISSO IMPORTA?
  53. 53. DON NORMAN 3 NÍVEIS COGNITIVOS DO DESIGN
  54. 54. VISCERAL me atrai
  55. 55. VISCERAL me atrai
  56. 56. COMPORTA- MENTAL me dá poderes
  57. 57. REFLEXIVO me torna melhor
  58. 58. POR QUE ISSO IMPORTA?
  59. 59. PEQUENOS DETALHES FARÃO A DIFERENÇA.
  60. 60. 🙏OBRIGADO!MARCEL MÜLLER • @GRIGIO MARCEL@MMULLER.COM

×