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.

Unlocking ultimate productivity between engineers and designers

102 views

Published on

How to achieve an efficient work environment between designers and engineers.

Published in: Leadership & Management
  • Be the first to comment

  • Be the first to like this

Unlocking ultimate productivity between engineers and designers

  1. 1. GDG DevFest 2018 Maria Margarida Unlocking ultimate productivity between engineers and designers
  2. 2. Product Designer at @joindrover
 Previously at @joinUnion and @1776dc Focused on creating experiences that people can understand and use. Maria Margarida
  3. 3. Unlocking ultimate productivity between engineers and designers 3 First job Only designer
 Processes, methodologies and communications skills
  4. 4. Unlocking ultimate productivity between engineers and designers How do we define 
 productive and efficient teams? How to successfully include engineers in the design phase Hand-off Implementation and support Iterate on the process
  5. 5. Unlocking ultimate productivity between engineers and designers 5 How do we define 
 productive and efficient teams?
  6. 6. Unlocking ultimate productivity between engineers and designers 6 Inefficient team 
 
 Designs are approved after hours and hours of back and forth in meetings Devs take a long time to implement the designs because they had to book several meetings with the designers after the handoff 
 
 Implementation does not match the mockups due to improper communication ! "# 🚨
  7. 7. Unlocking ultimate productivity between engineers and designers 7 Productive and efficient team Implementations always match what the design team envisioned Research and designs are being approved and reviewed by 
 members of the company Engineers are never blocked on designers for assets, and are not blocked on designers whilst implementing their mockups 
 Teams searching to see if there are doubts to clarify before the implementation 
 phase 📚 💪 🎨 Team members do not spend more than 3-5 hours per week in meetings 📅 Engineers and designers work together to find compromises that strike a good balance between implementation time and design outcome 🔍🤝
  8. 8. Unlocking ultimate productivity between engineers and designers 8 Why and How to successfully include engineers in the design phase 1
  9. 9. Unlocking ultimate productivity between engineers and designers 9 Gets everyone on board Clarifies the solution that the team is proposing Helps prioritise things during the implementation phase Less meetings during the process Less time wasted in the future Clarifies the problems that needs to be solve
  10. 10. Designers should prepare for the “why’s” Design World “why’s” Behind the task “why’s”
  11. 11. Unlocking ultimate productivity between engineers and designers 11 “Why are we using a dropdown here?” “Why are we adding the button here and not there?” “Why are we removing the footer from this section?” “Why are we build this feature like this?” “Why are customers asking for this?” Designers should prepare for the “why’s”
  12. 12. Unlocking ultimate productivity between engineers and designers 12
  13. 13. Unlocking ultimate productivity between engineers and designers 13 Consider implementing asynchronous design meetings
  14. 14. Unlocking ultimate productivity between engineers and designers 14 Consider implementing asynchronous design meetings What are those?
  15. 15. AsynchronousSynchronous Classic type of meetings (conferencing or in the same room) Real time interaction Designs are shared using modern tools Stakeholders reply at any convenient time
  16. 16. Unlocking ultimate productivity between engineers and designers 16 Consider implementing asynchronous design meetings What are the advantages?
  17. 17. Unlocking ultimate productivity between engineers and designers 17 Consider implementing asynchronous design meetings Unlocking ultimate productivity between engineers and designers Team members don’t have to break their workflow in order to attend design meetings. Manage their own time to: Focusing on their tasks Review, see or test designs at any point of the day
  18. 18. Unlocking ultimate productivity between engineers and designers 18Unlocking ultimate productivity between engineers and designers Everything is stored, for future references all the feedback form the team is gathered in the same place Consider implementing asynchronous design meetings
  19. 19. Unlocking ultimate productivity between engineers and designers 19Unlocking ultimate productivity between engineers and designers Ability to think deeply about the problems Consider implementing asynchronous design meetings
  20. 20. Unlocking ultimate productivity between engineers and designers 20 Consider implementing asynchronous design meetings Can I have both?
  21. 21. Unlocking ultimate productivity between engineers and designers 21 Consider implementing asynchronous design meetings What is the best way to prepare async meetings?
  22. 22. Unlocking ultimate productivity between engineers and designers 22 Can be used for either: Pixel-level adjustments Complex UX flows Abstract FigmaZeplin InVision
  23. 23. Unlocking ultimate productivity between engineers and designers 24 Watch out! Tip Unlocking ultimate productivity between engineers and designers Make sure that you always specify the type of feedback that you are looking for  (by saying, for instance, “I am looking for feedback on the user experience flow of this feature”)
  24. 24. Unlocking ultimate productivity between engineers and designers 26 Leave your design decisions as 
 comments on the tools that you use Tip Unlocking ultimate productivity between engineers and designers
  25. 25. Unlocking ultimate productivity between engineers and designers 27 Ask, ask, ask
  26. 26. Unlocking ultimate productivity between engineers and designers 28
  27. 27. Unlocking ultimate productivity between engineers and designers 29 Reuse components!
  28. 28. Unlocking ultimate productivity between engineers and designers 30
  29. 29. Unlocking ultimate productivity between engineers and designers 31 Invite engineers to user testing sessions
  30. 30. Unlocking ultimate productivity between engineers and designers 32 Invite engineers to user testing sessions Receive suggestions from them Empower their relationship and empathy with users
  31. 31. Unlocking ultimate productivity between engineers and designers 33
  32. 32. Unlocking ultimate productivity between engineers and designers 34 Speak the same language!
  33. 33. Unlocking ultimate productivity between engineers and designers 35 Quiz time
  34. 34. Unlocking ultimate productivity between engineers and designers 36 Bottom drawer Menu List What is the name of this element
  35. 35. Unlocking ultimate productivity between engineers and designers 37 Bottom drawer Menu List What is the name of this element
  36. 36. Unlocking ultimate productivity between engineers and designers 38 Tab Text Field Divider What is the name of this element
  37. 37. Unlocking ultimate productivity between engineers and designers 39 Tab Text Field Divider What is the name of this element
  38. 38. Unlocking ultimate productivity between engineers and designers 40 Header Banner Message What is the name of this element
  39. 39. Unlocking ultimate productivity between engineers and designers 41 Header Banner Message What is the name of this element
  40. 40. Unlocking ultimate productivity between engineers and designers 42 Congrats
  41. 41. Unlocking ultimate productivity between engineers and designers 43 Hand-off 2
  42. 42. Unlocking ultimate productivity between engineers and designers 44 Designs approved!
  43. 43. Unlocking ultimate productivity between engineers and designers 45 Try to keep mockups up to date
  44. 44. Unlocking ultimate productivity between engineers and designers 46 Do not forget about copy
  45. 45. Unlocking ultimate productivity between engineers and designers 49 Interactivity
  46. 46. Unlocking ultimate productivity between engineers and designers 50 Assets
  47. 47. Unlocking ultimate productivity between engineers and designers 51 “Can you export this icon?”
 “Where can I find this picture?” “Can you compress this image! Thanks in advance. :Angel-emoji:”
  48. 48. Unlocking ultimate productivity between engineers and designers 52
  49. 49. Unlocking ultimate productivity between engineers and designers 53 Checklist time
  50. 50. Unlocking ultimate productivity between engineers and designers 54
  51. 51. Unlocking ultimate productivity between engineers and designers 55 Implementation and support 3
  52. 52. Unlocking ultimate productivity between engineers and designers 56 Review engineers work
  53. 53. Unlocking ultimate productivity between engineers and designers 57
  54. 54. Unlocking ultimate productivity between engineers and designers 58 Final presentations for everyone
  55. 55. Unlocking ultimate productivity between engineers and designers 59
  56. 56. Unlocking ultimate productivity between engineers and designers 60 Frustrations and conversations
  57. 57. Unlocking ultimate productivity between engineers and designers 61
  58. 58. Unlocking ultimate productivity between engineers and designers 62 Iterate on the process 4
  59. 59. The most important part of the process is for it to be adjustable!
  60. 60. Unlocking ultimate productivity between engineers and designers 64 Almost done…
  61. 61. Unlocking ultimate productivity between engineers and designers 65 Healthier and happy workplace Empathy, transparency, confidence Everyone informed about company/product decisions 
 Compromising on details 
 Educates new joiners
  62. 62. Unlocking ultimate productivity between engineers and designers 66 Gather your team to see how can you adapt these methodologies into your company culture. (I am here to help!) Tip Unlocking ultimate productivity between engineers and designers
  63. 63. Unlocking ultimate productivity between engineers and designers 67
  64. 64. Thank you so much! @mariaguigaas mariamargarida.me mariamargaridals@gmail.com
  65. 65. Unlocking ultimate productivity between engineers and designers Drover is hiring! A better way to own a car. Front End Developer (Lisbon/London — React/SSR) Senior Backend Developer (Lisbon/London — Ruby/Rails) And much more… www.joindrover.com/careers
  66. 66. Questions!

×