0
Designing
Usable Text
If your audience finds your
document difficult to use, it
     doesn’t mean that
      they’ve failed.
It means that you failed them.
Usability is mostly common sense.
Key:
Things should be obvious.
• Where to click
• How to search
• How to navigate individual pages
These documents are used
  in varying contexts.
We’d like to think of our
      readers as...
This almost never happens.
Users look feverishly for
    anything that is:
interesting
vaguely resembles what
  they’re looking for
is clickable.
We don’t read screens.
We don’t read screens.
  We scan screens.
We don’t make
optimal choices.
We satisfice.
satisfying + sufficing = satisfice
Why not look for the
   best choice?
4
1. We’re usually in a hurry.
2. There’s not much of a
penalty for guessing wrong.
3. Weighing options may
not improve our chances.
4. Guessing is more fun.
Your job is to take all
  this into account.
Designing and writing
with end-users in mind
Our particular site is
 tricky, because it’s
     text-heavy
2 easy strategies:
Chunking the text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed sem et leo facilisis varius in sed enim. Mauris at mi...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed sem et leo facilisis varius in sed enim. Mauris at mi...
Descriptive Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed sem et leo facilisis varius in sed...
Bullet points
5 important things you need to know about the
dorms are location on campus, location from bars,
relative safety, relative ...
5 important things you need to know about the
dorms are:
- location on campus
- location from bars
- relative safety
- rel...
Nobody produces a perfect product the first time.
Difficulties don’t mean that you suck.
Revision
Designing For Usability
Designing For Usability
Designing For Usability
Designing For Usability
Designing For Usability
Designing For Usability
Upcoming SlideShare
Loading in...5
×

Designing For Usability

6,622

Published on

Intro to designing for usability for undergrad Tech Comm class.

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

No Downloads
Views
Total Views
6,622
On Slideshare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
67
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide













































  • Transcript of "Designing For Usability"

    1. 1. Designing Usable Text
    2. 2. If your audience finds your document difficult to use, it doesn’t mean that they’ve failed.
    3. 3. It means that you failed them.
    4. 4. Usability is mostly common sense.
    5. 5. Key:
    6. 6. Things should be obvious.
    7. 7. • Where to click • How to search • How to navigate individual pages
    8. 8. These documents are used in varying contexts.
    9. 9. We’d like to think of our readers as...
    10. 10. This almost never happens.
    11. 11. Users look feverishly for anything that is:
    12. 12. interesting
    13. 13. vaguely resembles what they’re looking for
    14. 14. is clickable.
    15. 15. We don’t read screens.
    16. 16. We don’t read screens. We scan screens.
    17. 17. We don’t make optimal choices.
    18. 18. We satisfice.
    19. 19. satisfying + sufficing = satisfice
    20. 20. Why not look for the best choice?
    21. 21. 4
    22. 22. 1. We’re usually in a hurry.
    23. 23. 2. There’s not much of a penalty for guessing wrong.
    24. 24. 3. Weighing options may not improve our chances.
    25. 25. 4. Guessing is more fun.
    26. 26. Your job is to take all this into account.
    27. 27. Designing and writing with end-users in mind
    28. 28. Our particular site is tricky, because it’s text-heavy
    29. 29. 2 easy strategies:
    30. 30. Chunking the text
    31. 31. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed sem et leo facilisis varius in sed enim. Mauris at mi a mauris sagittis ornare vel vel turpis. Fusce consequat nisi non nisl condimentum ultricies. In ullamcorper mollis iaculis. Praesent lacinia tempor dolor quis auctor. Aenean tristique posuere lacinia. Sed cursus tortor sed lectus auctor semper auctor dolor laoreet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer ac felis eros. Sed congue lobortis convallis. Aliquam erat volutpat. Etiam suscipit odio vel est egestas in laoreet ante pellentesque. In aliquet malesuada orci, in porta ipsum sollicitudin vitae. Sed lorem nibh, imperdiet eget mattis quis, fermentum sed massa. Vestibulum sollicitudin, enim at scelerisque cursus, tellus dui congue felis, id euismod velit neque vel urna. Nulla bibendum vestibulum nunc ac consectetur. Aliquam odio justo, vehicula in tristique dapibus, luctus quis lorem. Sed vehicula lectus non turpis laoreet ultrices. Morbi fringilla, urna id commodo convallis, felis metus blandit nisi, at vehicula nunc dolor vel eros. Duis iaculis dignissim metus ac lacinia. Suspendisse volutpat dignissim vestibulum. Aenean nec arcu ipsum. Duis sed laoreet justo. Duis placerat tincidunt velit, eget aliquam quam semper adipiscing. Vestibulum et consectetur mi. Maecenas laoreet porttitor lacus quis imperdiet. Suspendisse potenti. Integer sit amet tincidunt nisl. Donec suscipit iaculis dictum. Integer justo est, convallis nec faucibus ut, aliquam sed lectus. Sed semper ligula sed sem imperdiet nec lacinia diam posuere. Phasellus a faucibus lorem. Maecenas sed turpis dignissim orci pretium dignissim eu eu libero. Duis diam sapien, porttitor et rhoncus imperdiet, tempor at mauris.Vestibulum pellentesque vulputate magna semper consectetur. Nam mattis odio at elit sollicitudin a iaculis nulla vehicula. Morbi eget viverra elit. Proin ullamcorper ligula sit amet dui malesuada pulvinar. Maecenas rhoncus sagittis semper. Nullam sit amet lectus augue. Vestibulum aliquam imperdiet turpis id dapibus. Vestibulum varius, nunc vel suscipit tempor, lacus ipsum rutrum ligula, volutpat tempus nibh erat eget lectus. Morbi ornare ullamcorper justo pellentesque ornare. Fusce diam risus, aliquet quis viverra nec, gravida quis tortor. In hac habitasse platea dictumst. Quisque posuere, sapien eget sodales luctus, eros erat posuere ipsum, sit amet tempus nisi tellus non ipsum. Nam consectetur convallis dictum. Maecenas non risus lacus. Maecenas egestas quam velit, vel accumsan nisl. Mauris vehicula magna at massa interdum at ultricies ligula tincidunt. Suspendisse varius suscipit elementum. Aliquam venenatis vulputate ipsum sed ultrices. Nulla facilisi. Nam leo velit, ornare eget consequat at, luctus eget ante. Maecenas hendrerit nulla ac ante aliquet hendrerit. Suspendisse purus enim, elementum mollis laoreet eget, pharetra ac mi. Cras et sapien arcu, sed molestie diam. Aenean varius risus viverra elit mollis pulvinar. Suspendisse varius nulla vitae orci auctor sit amet vehicula lacus blandit. Phasellus dignissim, tellus eget pretium viverra, purus enim volutpat nibh, vel pulvinar sem est et justo. Vivamus id dolor in justo ultrices tincidunt bibendum eu purus. Mauris fermentum mi a urna pellentesque sagittis. Quisque mollis velit at quam faucibus non semper sem blandit. Cras non tortor enim, a varius lectus. Etiam congue dapibus lectus a porta. In eleifend, quam at laoreet aliquam, dui purus scelerisque est, sed porttitor quam ante eu urna. Maecenas tincidunt bibendum enim, nec laoreet nunc porttitor non. Donec porttitor
    32. 32. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed sem et leo facilisis varius in sed enim. Mauris at mi a mauris sagittis ornare vel vel turpis. Fusce consequat nisi non nisl condimentum ultricies. In ullamcorper mollis iaculis. Praesent lacinia tempor dolor quis auctor. Aenean tristique posuere lacinia. Sed cursus tortor sed lectus auctor semper auctor dolor laoreet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer ac felis eros. Sed congue lobortis convallis. Aliquam erat volutpat. Etiam suscipit odio vel est egestas in laoreet ante pellentesque. In aliquet malesuada orci, in porta ipsum sollicitudin vitae. Sed lorem nibh, imperdiet eget mattis quis, fermentum sed massa. Vestibulum sollicitudin, enim at scelerisque cursus, tellus dui congue felis, id euismod velit neque vel urna. Nulla bibendum vestibulum nunc ac consectetur. Aliquam odio justo, vehicula in tristique dapibus, luctus quis lorem. Sed vehicula lectus non turpis laoreet ultrices. Morbi fringilla, urna id commodo convallis, felis metus blandit nisi, at vehicula nunc dolor vel eros. Duis iaculis dignissim metus ac lacinia. Suspendisse volutpat dignissim vestibulum. Aenean nec arcu ipsum. Duis sed laoreet justo. Duis placerat tincidunt velit, eget aliquam quam semper adipiscing. Vestibulum et consectetur mi. Maecenas laoreet porttitor lacus quis imperdiet. Suspendisse potenti. Integer sit amet tincidunt nisl. Donec suscipit iaculis dictum. Integer justo est, convallis nec faucibus ut, aliquam sed lectus. Sed semper ligula sed sem imperdiet nec lacinia diam posuere. Phasellus a faucibus lorem. Maecenas sed turpis dignissim orci pretium dignissim eu eu libero. Duis diam sapien, porttitor et rhoncus imperdiet, tempor at mauris. Vestibulum pellentesque vulputate magna semper consectetur. Nam mattis odio at elit sollicitudin a iaculis nulla vehicula. Morbi eget viverra elit. Proin ullamcorper ligula sit amet dui malesuada pulvinar. Maecenas rhoncus sagittis semper. Nullam sit amet lectus augue. Vestibulum aliquam imperdiet turpis id dapibus. Vestibulum varius, nunc vel suscipit tempor, lacus ipsum rutrum ligula, volutpat tempus nibh erat eget lectus. Morbi ornare ullamcorper justo pellentesque ornare. Fusce diam risus, aliquet quis viverra nec, gravida quis tortor. In hac habitasse platea dictumst. Quisque posuere, sapien eget sodales luctus, eros erat posuere ipsum, sit amet tempus nisi tellus non ipsum. Nam consectetur convallis dictum. Maecenas non risus lacus. Maecenas egestas quam velit, vel accumsan nisl. Mauris vehicula magna at massa interdum at ultricies ligula tincidunt. Suspendisse varius suscipit elementum. Aliquam venenatis vulputate ipsum sed ultrices. Nulla facilisi. Nam leo velit, ornare eget consequat at, luctus eget ante. Maecenas hendrerit nulla ac ante aliquet hendrerit. Suspendisse purus enim, elementum mollis laoreet eget, pharetra ac mi. Cras et sapien arcu, sed molestie diam. Aenean varius risus viverra elit mollis pulvinar. Suspendisse varius nulla vitae orci auctor sit amet vehicula lacus blandit. Phasellus dignissim, tellus eget pretium viverra, purus enim volutpat nibh, vel pulvinar sem est et justo. Vivamus id dolor in justo ultrices tincidunt bibendum eu purus. Mauris fermentum mi a urna pellentesque sagittis. Quisque mollis velit at quam faucibus non semper sem blandit. Cras non tortor enim, a varius lectus. Etiam congue dapibus lectus a porta. In eleifend, quam at laoreet aliquam, dui purus scelerisque est, sed porttitor quam ante eu urna. Maecenas tincidunt bibendum enim, nec laoreet nunc porttitor non. Donec porttitor
    33. 33. Descriptive Header Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed sem et leo facilisis varius in sed enim. Mauris at mi a mauris sagittis ornare vel vel turpis. Fusce consequat nisi non nisl condimentum ultricies. In ullamcorper mollis iaculis. Praesent lacinia tempor dolor quis auctor. Aenean tristique posuere lacinia. Sed cursus tortor sed lectus auctor semper auctor dolor laoreet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer ac felis eros. Sed congue lobortis convallis. Aliquam erat volutpat. Etiam suscipit odio vel est egestas in laoreet ante pellentesque. In aliquet malesuada orci, in porta ipsum sollicitudin vitae. Sed lorem nibh, imperdiet eget mattis quis, fermentum sed massa. Vestibulum sollicitudin, enim at scelerisque cursus, tellus dui congue felis, id euismod velit neque vel urna. Nulla bibendum vestibulum nunc ac consectetur. Aliquam odio justo, vehicula in tristique dapibus, luctus quis lorem. Sed vehicula lectus non turpis laoreet ultrices. Subhead Morbi fringilla, urna id commodo convallis, felis metus blandit nisi, at vehicula nunc dolor vel eros. Duis iaculis dignissim metus ac lacinia. Suspendisse volutpat dignissim vestibulum. Aenean nec arcu ipsum. Duis sed laoreet justo. Duis placerat tincidunt velit, eget aliquam quam semper adipiscing. Vestibulum et consectetur mi. Maecenas laoreet porttitor lacus quis imperdiet. Suspendisse potenti. Integer sit amet tincidunt nisl. Donec suscipit iaculis dictum. Integer justo est, convallis nec faucibus ut, aliquam sed lectus. Sed semper ligula sed sem imperdiet nec lacinia diam posuere. Phasellus a faucibus lorem. Maecenas sed turpis dignissim orci pretium dignissim eu eu libero. Duis diam sapien, porttitor et rhoncus imperdiet, tempor at mauris. Subhead Vestibulum pellentesque vulputate magna semper consectetur. Nam mattis odio at elit sollicitudin a iaculis nulla vehicula. Morbi eget viverra elit. Proin ullamcorper ligula sit amet dui malesuada pulvinar. Maecenas rhoncus sagittis semper. Nullam sit amet lectus augue. Vestibulum aliquam imperdiet turpis id dapibus. Vestibulum varius, nunc vel suscipit tempor, lacus ipsum rutrum ligula, volutpat tempus nibh erat eget lectus. Morbi ornare ullamcorper justo
    34. 34. Bullet points
    35. 35. 5 important things you need to know about the dorms are location on campus, location from bars, relative safety, relative cleanliness, noisiness.
    36. 36. 5 important things you need to know about the dorms are: - location on campus - location from bars - relative safety - relative cleanliness - noisiness
    37. 37. Nobody produces a perfect product the first time.
    38. 38. Difficulties don’t mean that you suck.
    39. 39. Revision
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×