Your SlideShare is downloading. ×
0
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Design Essentials for Developers 08.31.11
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Design Essentials for Developers 08.31.11

1,355

Published on

To help designers communicate more effectively with each other and provide a vocabulary for clear and productive UX feedback.

To help designers communicate more effectively with each other and provide a vocabulary for clear and productive UX feedback.

Published in: Technology, Business
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,355
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
31
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Video here?
  • Transcript

    1. Design Essentials for Developers <ul><li>Improving understanding, communication and collaboration </li></ul>
    2. Why hello there. <ul><li>RJ Owen </li></ul><ul><li>Senior Software Architect </li></ul><ul><li>EffectiveUI </li></ul><ul><li>@rjowen </li></ul><ul><li>[email_address] </li></ul>Michael Salamon Lead Experience Architect EffectiveUI @michael_salamon [email_address] 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.  
    8. What we’re going to fit in today: Design Research Interaction Design Graphic Design
    9. Making intent visible and emotional. Design Research Interaction Design Graphic Design
    10.  
    11. “ Effective use of 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 “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 Imagin ary 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. Images from “Paul Rand Retrospective” by Imaginary Forces.
    24. Images from “Paul Rand Retrospective” by Imaginary Forces.
    25. More than the sum of its parts.
    26. Emergence image from Wikipedia.
    27.  
    28.  
    29.  
    30.  
    31.  
    32.  
    33.  
    34. Exposing intent through actions and feedback. Design Research Interaction Design Graphic Design
    35. Image from http://farm5.static.flickr.com/4084/5115934573_6701948ed2.jpg
    36. (Don Norman ’s) Design Vocabulary <ul><li>Visibility </li></ul><ul><li>Affordances </li></ul><ul><li>Feedback </li></ul><ul><li>Mapping </li></ul><ul><li>Constraint </li></ul><ul><li>Consistency </li></ul>
    37. Visibility
    38.  
    39.  
    40.  
    41. Affordance
    42.  
    43.  
    44. Feedback
    45. http://www.flickr.com/photos/meganbarton/3023756556/
    46.  
    47. Mapping
    48. http://www.flickr.com/photos/docsearls/181012863/
    49.  
    50. Constraints (preventing errors before they can occur)
    51.  
    52. Consistency (in the way visual objects are used)
    53.  
    54. <ul><li>Interactive elements should be visible, recognizable, reactive (feedback), safe, and consistent. </li></ul>
    55. Defining, validating, and auditing an application’s intent. Design Research Interaction Design Graphic Design
    56. What is design research?
    57. Generative research methods informance contextual inquiry shadowing digital diaries etc.
    58. Evaluative research methods hueristic analysis expert review usability testing etc.
    59. Developers can do evaluative research to validate your hunches. We call this “expert review.”
    60. 1. Analyze the design, you expert you. Steps for Expert Review:
    61. 2. Validate your hunches with quick user interviews.
    62. How many people to interview? <ul><ul><li>Jakob Nielsen: http://www.useit.com/papers/heuristic/heuristic_evaluation.html </li></ul></ul>
    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. Demo
    66.  
    67.  
    68. Analyze your results. <ul><li>Turn your results into findings. </li></ul><ul><li>Summarize the findings in terms of a set of agreed-upon design heuristics. </li></ul>
    69. In Conclusion…
    70. Don ’t disrespect your designers.
    71. Do appreciate beautiful design: graphic, interactive, and otherwise.
    72. Do validate hunches, and validate those with quick user interviews.
    73. Don ’t use Comic Sans
    74. DON ’T USE YELLOW ON WHITE
    75. DON ’T USE ALL CAPS WITH SCRIPTS
    76. Don’t put Drop Shadows on EVERYTHING
    77. Don ’t make the logo bigger.
    78. Do feel empowered to design!
    79. But you don ’t have to take our word for it… <ul><li>Jakob Nielsen </li></ul><ul><ul><li>Ten Usability Heuristics: http://www.useit.com/papers/heuristic/heuristic_list.html </li></ul></ul><ul><ul><li>Heuristic Evaluation: http://www.useit.com/papers/heuristic/heuristic_evaluation.html </li></ul></ul><ul><li>Bill Buxton: Sketching User Experience Design </li></ul><ul><li>Donald Norman: The Design of Everyday Things </li></ul><ul><li>William Lidwell, Kritina Holden, Jill Butler: Universal Principles of Design </li></ul><ul><li>Robin Williams: The non-designers design book </li></ul><ul><li>Mental Modeling by Indi Young </li></ul><ul><li>Re-imagining the Design of Everyday Things (slideshare) </li></ul><ul><li>Stephen Few: Information Dashboard Design - The Effective Visual Communication of Data </li></ul><ul><li>Rudolf Arnheim: To the Rescue of Art - Twenty-six Essays </li></ul><ul><ul><li>• Lindsay Moore and Austin Brown: Human Centered Design and the Intersection of Physical and Digital Worlds: </li></ul></ul><ul><ul><li>http://www.slideshare.net/EveFife/humancentered-design-and-the-intersection-of-the-physical-and-digital-worlds?from=ss_embed </li></ul></ul><ul><ul><li>• Original Paul Rand video: http://imaginaryforces.com/featured/3/415 </li></ul></ul>
    80. Thanks! (any questions?)

    ×