1 / 78

Design Essentials for Developers: Enhancing Understanding and Collaboration

Learn how to bridge the gap between developers and designers for effective communication and collaboration. Explore interaction design, research, and graphic design principles to make intent visible and emotional.

simone
Télécharger la présentation

Design Essentials for Developers: Enhancing Understanding and Collaboration

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Design Essentials for Developers • Improving understanding, communication and collaboration

  2. Michael Salamon Lead Experience Architect EffectiveUI @michael_salamon michael.salamon@effectiveui.com Why hello there. • RJ Owen • Senior Software Architect • EffectiveUI • @rjowen • rj.owen@effectiveui.com Tweeting our session? Use the hashtag: #effectiveui

  3. Who are you?

  4. Design Essentials for Developers

  5. A common language

  6. Developers do design already...

  7. What we’re going to fit in today: Interaction Design Design Research Graphic Design

  8. Making intent visible and emotional. Interaction Design Design Research Graphic Design

  9. “Effective use of the Language of Form” – Paul Rand

  10. Images from “Paul Rand Retrospective” by Imaginary Forces.

  11. Images from “Paul Rand Retrospective” by Imaginary Forces.

  12. Images from “Paul Rand Retrospective” by Imaginary Forces.

  13. Images from “Paul Rand Retrospective” by Imaginary Forces.

  14. Images from “Paul Rand Retrospective” by Imaginary Forces.

  15. Images from “Paul Rand Retrospective” by Imaginary Forces.

  16. Images from “Paul Rand Retrospective” by Imaginary Forces.

  17. Images from “Paul Rand Retrospective” by Imaginary Forces.

  18. Images from “Paul Rand Retrospective” by Imaginary Forces.

  19. Images from “Paul Rand Retrospective” by Imaginary Forces.

  20. Images from “Paul Rand Retrospective” by Imaginary Forces.

  21. Images from “Paul Rand Retrospective” by Imaginary Forces.

  22. Images from “Paul Rand Retrospective” by Imaginary Forces.

  23. More than the sum of it’s parts.

  24. Emergence image from Wikipedia.

  25. Exposing intent through actions and feedback. Interaction Design Design Research Graphic Design

  26. Image from http://farm5.static.flickr.com/4084/5115934573_6701948ed2.jpg

  27. (Don Norman’s) Design Vocabulary • Visibility • Affordances • Feedback • Mapping • Constraint • Consistency

  28. Visibility

  29. Affordance

  30. Feedback

  31. http://www.flickr.com/photos/meganbarton/3023756556/

  32. Mapping http://www.flickr.com/photos/docsearls/181012863/

  33. http://www.flickr.com/photos/docsearls/181012863/

  34. Constraints(preventing errors before they can occur)

More Related