The Design of Everyday Web

884 views
848 views

Published on

This presentation takes concepts presented by Don Norman in his book "The Design of Everyday Things" and applies the same fundamentals to online interaction design. Short and high-level, this presentation serves as an introduction to the application of physical world usability to an online interface.

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

No Downloads
Views
Total views
884
On SlideShare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
21
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Affordances gone wrong
  • The Design of Everyday Web

    1. 1.
    2. 2. interaction design<br />
    3. 3. micro<br />
    4. 4.
    5. 5. 3<br />
    6. 6. perceived affordances<br />
    7. 7. “…properties that determine just how the thing could possibly be used.”<br />- Don Norman, The Design of Everyday Things<br />
    8. 8. “This thing is telling me to ___ it”<br />
    9. 9. action words<br />
    10. 10. *TODO: Need push plate photo*<br />push<br />
    11. 11. pull<br />
    12. 12.
    13. 13.
    14. 14.
    15. 15.
    16. 16.
    17. 17. mimic IRL physical properties<br />
    18. 18.
    19. 19.
    20. 20.
    21. 21.
    22. 22.
    23. 23.
    24. 24. visibility<br />
    25. 25. “making relevant parts visible”<br />
    26. 26. “I didn’t know I could do that!”<br />
    27. 27. “You need to click this, then you can do that.”<br />
    28. 28.
    29. 29. functions &gt; controls<br />
    30. 30. feature creep<br />
    31. 31. feedback<br />
    32. 32.
    33. 33.
    34. 34.
    35. 35. a:hover {/* your cool effect here*/}<br />
    36. 36.
    37. 37.
    38. 38. leverage affordances<br />
    39. 39. make relevant parts visible<br />
    40. 40. provide feedback<br />
    41. 41. Thanks.<br />Justin Davistext “jdavis” to 50500<br />@jwd2a<br />

    ×