Downloaded 35 times
![Why hello there. RJ Owen Senior Software Architect EffectiveUI @rjowen [email_address] Michael Salamon Lead Experience Architect EffectiveUI @michael_salamon [email_address] Tweeting our session? Use the hashtag: #effectiveui](https://image.slidesharecdn.com/designessentialsfordevelopers08-31-11-110901093634-phpapp01/85/Design-Essentials-for-Developers-08-31-11-2-320.jpg)
![Why hello there. RJ Owen Senior Software Architect EffectiveUI @rjowen [email_address] Michael Salamon Lead Experience Architect EffectiveUI @michael_salamon [email_address] Tweeting our session? Use the hashtag: #effectiveui](https://image.slidesharecdn.com/designessentialsfordevelopers08-31-11-110901093634-phpapp01/75/Design-Essentials-for-Developers-08-31-11-2-2048.jpg)
Uploaded byEffectiveUI
Design Essentials for Developers 08.31.11
The document discusses essential design principles for developers to improve understanding, communication and collaboration with designers. It covers design research, interaction design and graphic design. The presentation emphasizes making intent visible through ensuring interactive elements are visible, recognizable, have feedback, and are safe and consistent. It encourages developers to validate their ideas through quick user interviews, and to appreciate good design while avoiding some common mistakes.
More Related Content
Similar to Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
- 1. Design Essentials forDevelopers Improving understanding, communication and collaboration
- 2. Why hello there.RJ Owen Senior Software Architect EffectiveUI @rjowen [email_address] Michael Salamon Lead Experience Architect EffectiveUI @michael_salamon [email_address] Tweeting our session? Use the hashtag: #effectiveui
- 3.
- 4. Design Essentials forDevelopers
- 5.
- 6. Developers do designalready...
- 7.
- 8. What we’re goingto fit in today: Design Research Interaction Design Graphic Design
- 9. Making intent visibleand emotional. Design Research Interaction Design Graphic Design
- 10.
- 11. “ Effective useof the Language of Form” – Paul Rand
- 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 “PaulRand Retrospective” by Imaginary Forces.
- 16. Images from “PaulRand Retrospective” by Imaginary Forces.
- 17. Images from “PaulRand Retrospective” by Imaginary Forces.
- 18. Images from “PaulRand Retrospective” by Imagin ary Forces.
- 19. Images from “PaulRand Retrospective” by Imaginary Forces.
- 20. Images from “PaulRand Retrospective” by Imaginary Forces.
- 21. Images from “PaulRand Retrospective” by Imaginary Forces.
- 22. Images from “PaulRand Retrospective” by Imaginary Forces.
- 23. Images from “PaulRand Retrospective” by Imaginary Forces.
- 24. Images from “PaulRand Retrospective” by Imaginary Forces.
- 25. More than thesum of its parts.
- 26. Emergence image fromWikipedia.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34. Exposing intent throughactions and feedback. Design Research Interaction Design Graphic Design
- 35.
- 36. (Don Norman ’s)Design Vocabulary Visibility Affordances Feedback Mapping Constraint Consistency
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50. Constraints (preventing errorsbefore they can occur)
- 51.
- 52. Consistency (in theway visual objects are used)
- 53.
- 54. Interactive elements shouldbe visible, recognizable, reactive (feedback), safe, and consistent.
- 55. Defining, validating, andauditing an application’s intent. Design Research Interaction Design Graphic Design
- 56. What is designresearch?
- 57. Generative researchmethods informance contextual inquiry shadowing digital diaries etc.
- 58. Evaluative researchmethods hueristic analysis expert review usability testing etc.
- 59. Developers cando evaluative research to validate your hunches. We call this “expert review.”
- 60. 1. Analyze thedesign, you expert you. Steps for Expert Review:
- 61. 2. Validate yourhunches with quick user interviews.
- 62. How manypeople to interview? Jakob Nielsen: http://www.useit.com/papers/heuristic/heuristic_evaluation.html
- 63. Who to interview?http://good-times.webshots.com/photo/ http://www.kenrockwell.com/katie/2008.htm http://wingstoafrica.com/mali-pictures-part-2.html
- 64. What to say?Where to go?
- 65.
- 66.
- 67.
- 68. Analyze your results.Turn your results into findings. Summarize the findings in terms of a set of agreed-upon design heuristics.
- 69.
- 70. Don ’t disrespectyour designers.
- 71. Do appreciate beautifuldesign: graphic, interactive, and otherwise.
- 72. Do validate hunches,and validate those with quick user interviews.
- 73. Don ’t useComic Sans
- 74. DON ’T USEYELLOW ON WHITE
- 75. DON ’T USEALL CAPS WITH SCRIPTS
- 76. Don’t put DropShadows on EVERYTHING
- 77. Don ’t makethe logo bigger.
- 78. Do feel empoweredto design!
- 79. But you don’t have to take our word for it… Jakob Nielsen Ten Usability Heuristics: http://www.useit.com/papers/heuristic/heuristic_list.html Heuristic Evaluation: http://www.useit.com/papers/heuristic/heuristic_evaluation.html Bill Buxton: Sketching User Experience Design Donald Norman: The Design of Everyday Things William Lidwell, Kritina Holden, Jill Butler: Universal Principles of Design Robin Williams: The non-designers design book Mental Modeling by Indi Young Re-imagining the Design of Everyday Things (slideshare) Stephen Few: Information Dashboard Design - The Effective Visual Communication of Data Rudolf Arnheim: To the Rescue of Art - Twenty-six Essays • Lindsay Moore and Austin Brown: Human Centered Design and the Intersection of Physical and Digital Worlds: http://www.slideshare.net/EveFife/humancentered-design-and-the-intersection-of-the-physical-and-digital-worlds?from=ss_embed • Original Paul Rand video: http://imaginaryforces.com/featured/3/415
- 80.
Editor's Notes
- #13 Video here?