SlideServe
Menu
Préférences
© SlideServe · v2026

Design Essentials for Developers: Enhancing Understanding and Collaboration

simone avatar
78 diapositives · 927 Views · Aug 14, 2014

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.

Design Essentials for Developers: Enhancing Understanding and Collaboration - slide 1
01 / 78Design Essentials for Developers: Enhancing Understanding and Collaboration
1 / 17

Télécharger la présentation

Design Essentials for Developers: Enhancing Understanding and Collaboration
Une image / un lien ci-dessous est fourni (tel quel) pour télécharger la présentation

Politique de téléchargement : le contenu du site vous est fourni TEL QUEL pour votre information et votre usage personnel ; il ne peut être vendu, concédé sous licence ni partagé sur d’autres sites sans l’accord de son auteur.Le contenu vous est fourni TEL QUEL, pour votre information et votre usage personnel uniquement. Téléchargez la présentation en cliquant sur ce lien. Lors du téléchargement, si vous ne parvenez pas à télécharger une présentation, l’éditeur a peut-être supprimé le fichier de son serveur.Pendant le téléchargement, si vous ne parvenez pas à obtenir une présentation, le fichier a peut-être été supprimé par l’éditeur.

F I N

Plus de contenu associé

Transcription de la présentation
  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)