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.

Design Engineering With Swift

57 views

Published on

A talk at Swift Conference about how engineers can empower designers to build smarter in code

Published in: Design
  • Be the first to comment

  • Be the first to like this

Design Engineering With Swift

  1. 1. Swift Conf Cologne, Germany
  2. 2. Hi, I’m David. A bit about me.
  3. 3. ScienceWonderArt
  4. 4. One Medical iOS Rise iOS One Medical Android
  5. 5. Design Engineering With Swift & Xcode
  6. 6. Raise your hand if…
  7. 7. We'll go over 1. What Design Engineering is 2. Philosophy 3. Culture 4. Process & Execution Opportunities
  8. 8. This talk is for people who… - love prototyping - collaborate and want to pair with designers - who love hacking and playing around - want to work closer with designers who like working I code
  9. 9. What is Design Engineering?
  10. 10. Traditional Design Design Thinking Computational Design
  11. 11. “When you can do both (design and code), you can do things that no one else can do. Technology companies that innovate tend to have these unique people.” —John Maeda
  12. 12. Computational design is the application of computational strategies to the design process. While designers traditionally rely on intuition and experience to solve design problems, computational design aims to enhance that process by encoding design decisions using a computer language. The goal isn’t to document the final result necessarily, but rather the steps required to create that result. Computational design is the application of computational strategies to the design process. While designers traditionally rely on intuition and experience to solve design problems, computational design aims to enhance that process by encoding design decisions using a computer language. The goal isn’t to document the final result necessarily, but rather the steps required to create that result.
  13. 13. Should Designers Learn to Code? Absolutely!
  14. 14. Philosophy
  15. 15. Code is not the ends to the means. The human experience is.
  16. 16. Speed up the iteration cycles by reducing the number of steps in the process.
  17. 17. “The number one thing you can do to be productive is to reduce the iteration cycle.” —Izzy Fraimow
  18. 18. WireframeDefine Ideate Interface Design Handoff Engineer
  19. 19. Make great design decisions with engineering constraints
  20. 20. Prototype to de-risk projects
  21. 21. Inspirato
  22. 22. Culture
  23. 23. Remove as many steps as possible
  24. 24. Rapid Prototypers
  25. 25. Design works directly with engineerings
  26. 26. Find people on your team who build as part of the design process.
  27. 27. Process and Execution Opportunities
  28. 28. Wireframing With Storyboards
  29. 29. Style Guides in Xcode
  30. 30. Playgrounds
  31. 31. Build Prototype Apps
  32. 32. Build in the real app
  33. 33. Experience Prototyping
  34. 34. • See constraints as something empowering, not restrictive • Use code to creatively solve design problems and iterate with designers • Build early, but quickly and get ready to throw it away • Be a champion for your designer on what is possible Conclusion
  35. 35. Questions?
  36. 36. Thank you. davidhoang.com | twitter.com/davidhoang | github.com/davidhoang | david@davidhoang.com http://bit.ly/swiftconf-dh

×