SlideShare a Scribd company logo
tl;dr  INOV8  May 13, 2011  Karen O’Hara | IT Services | Miami University, Oxford, OH
How long is “too long”?
Let’s hear from a  leading web  usability wizard…
Nielsen’s Alertbox column on Web usability, published on the Internet since 1995 Current readership: 12 million page views/year
What does Nielsen’s web usability research tell us?
1997 Users don't read on the web; they  scan Nielsen, 1997
2005 ( teens ) have  shorter attention spans ,  less patience for reading  & prefer  interactivity Nielsen, 2005
2008 Users read  perhaps  20-28% of the words  during the average website visit Nielsen, 2008
2010 ( undergrads )  dislike new interfaces , are  goal-oriented  &  search   dominant Nielsen, 2010
2011 Users struggle to understand complicated content on  mobile   devices Nielsen, 2011
What does all of this tell us?
Our audience is in a hurry!
and…
They read selectively (Nielsen, 2006)
and…
Higher Ed users are  frustrated
http://xkcd.com/773/
http://xkcd.com/773/
How do we fix it?
Design for… need speed  the “hook” the micro the macro cognition (and translation) the searcher
1. Design for need Who  will be visiting this site?  Why  are they using this site?  What  kind of information are they looking for?  Where  will the information in the site be useful to them?  When  will they use this information?  How  might readers use this website? (Johnson-Sheehan, 2010)
2. Design for  speed Reduce the number of levels between your readers and the information they need. a maximum of  three links  for the most important information.  a maximum of  five links  for 80 percent of all information.  a maximum of  seven links  for all information. (Johnson-Sheehan, 2010)
3. Design for the  “hook” A short bit of “blah-blah” might actually  help users better understand the rest of the page   Stick to answering the  What?  and the  Why?  To bring readers into the site (Nielsen, 2007a)
4. Design for the  micro Highlight  keywords  (through hypertext links, typeface variations and color)  Use meaningful  sub-headings  (not "clever" ones)  Use bulleted  lists Design links that contain effective “information scent” (Nielsen, 1997) (Nielsen, 2009)
5. Design for the  macro Offer  one idea  per paragraph Adopt the inverted pyramid style, starting with the conclusion  Provide  half the word count  (or less) than conventional writing (Nielsen, 1997)
6. Design  for cognition  ( & translation ) Supplement text with illustrations Reduce text to a bare minimum Create links that reflect titles (not “click here”) Be as literal as possible Minimize clichés, colloquialisms and humor (http://webaim.org/techniques/writing/#cog)
7. Design for  the searcher Accept search dominance & try to help users with poor research skills.  If there are two or more options to choose from, state them explicitly.  Design pages for how users search for information, rather than for how librarians (or IT professionals) think about it.  (Nielsen, 2011)
Be proactive Plan for usability testing when rolling out new sites and features Encourage development of Internet research skills in elementary schools.  (Nielsen, 2007b) (Nielsen, 1995)
An example over the years April, 2001 Today
Good things, when short, are twice as good. — Gracián
References Johnson-Sheehan, R.  (2010) Technical Communication Today, Third Edition. New York: Longman. Nielsen, J. (1995, May). Card Sorting to Discover the Users’ Model of the Information Space. Retrieved April 25, 2011, from http://www.useit.com/papers/sun/cardsort.html Nielsen, J. (1997, October 1). How Users Read on the Web.  Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from  http://www.useit.com/alertbox/9710a.html Nielsen, J. (2005, January 31). Usability of Websites for Teenagers.  Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/teenagers.html Nielsen, J. (2006a, April 17). F-Shaped Pattern For Reading Web Content.  Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/reading_pattern.html Nielsen, J. (2007a, October 1). Blah-Blah Text: Keep, Cut, or Kill?  Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/intro-text.html Nielsen, J. (2007b, February 26). Life-Long Computer Skills.  Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/computer-skills.html Nielsen, J. (2008, May 6). How Little Do Users Read?  Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/percent-text-read.html Nielsen, J. (2009, April 6). First 2 Words: A Signal for the Scanning Eye.  Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/nanocontent.html Nielsen, J. (2010, December 15). College Students on the Web: User Experience Guidelines.  Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/students.html Nielsen, J. (2011, February 28). Mobile Content Is Twice as Difficult.  Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/mobile-content-comprehension.html WebAIM: Writing Clearly and Simply. (n.d.). Retrieved April 25, 2011, from http://webaim.org/techniques/writing/#cog xkcd.com. (n.d.). University Website.  xkcd . Retrieved April 25, 2011, from http://xkcd.com/773/

More Related Content

PPTX
Engl 99 de vancitters spring 2014
PPTX
General orientation Winter 2015
PDF
Usingweb20toolstoenlivenprojectsnov20 091120174410 Phpapp01
PDF
Using Web 2 0 Tools To Enliven Projects Nov 20
PDF
UPDATED! Using Web 2 0 Tools To "Enliven" Projects
PDF
Usability for Web Designers
PPT
Designing Large Information Spaces
PDF
NYU Web Intensive - Week 3 Class 1
Engl 99 de vancitters spring 2014
General orientation Winter 2015
Usingweb20toolstoenlivenprojectsnov20 091120174410 Phpapp01
Using Web 2 0 Tools To Enliven Projects Nov 20
UPDATED! Using Web 2 0 Tools To "Enliven" Projects
Usability for Web Designers
Designing Large Information Spaces
NYU Web Intensive - Week 3 Class 1

Similar to Dlig2011 techwriting (20)

PDF
Usability 101
PPT
Making Your Website Sing!
PPT
Making Your Website Sing!
PDF
Delightful UX
PDF
Responsive Web Design: Clever Tips and Techniques - Vitaly Friedman (UX Riga ...
PDF
Website Usability | Day 1
PPT
Best practices for building usable & accessible Web content
PPT
Best practices for building usable & accessible Web content
PDF
Usability - The Art of Writing by Mohan Krishnaraj, Wipro
PDF
How do we create great user experiences?
PPT
Common sense approach to web usability
ZIP
Usability, User Experience and the Internet in the 21st Century
PPT
Designing for Baby Faces
DOC
Design.doc
PPT
Writing for the web 2010
PPT
Web Usability Content Design
PPT
Usability
PDF
Usability Workshop at Lillebaelt Academy
PPT
Bazley Developing And Evaluating Online Resources
PDF
Older Novice Users in HCI
Usability 101
Making Your Website Sing!
Making Your Website Sing!
Delightful UX
Responsive Web Design: Clever Tips and Techniques - Vitaly Friedman (UX Riga ...
Website Usability | Day 1
Best practices for building usable & accessible Web content
Best practices for building usable & accessible Web content
Usability - The Art of Writing by Mohan Krishnaraj, Wipro
How do we create great user experiences?
Common sense approach to web usability
Usability, User Experience and the Internet in the 21st Century
Designing for Baby Faces
Design.doc
Writing for the web 2010
Web Usability Content Design
Usability
Usability Workshop at Lillebaelt Academy
Bazley Developing And Evaluating Online Resources
Older Novice Users in HCI
Ad

Recently uploaded (20)

PPTX
20th Century Theater, Methods, History.pptx
PDF
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
PPTX
202450812 BayCHI UCSC-SV 20250812 v17.pptx
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PDF
Hazard Identification & Risk Assessment .pdf
PDF
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
PPTX
B.Sc. DS Unit 2 Software Engineering.pptx
PDF
Complications of Minimal Access-Surgery.pdf
PPTX
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
PDF
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
PPTX
Computer Architecture Input Output Memory.pptx
PDF
Environmental Education MCQ BD2EE - Share Source.pdf
PPTX
A powerpoint presentation on the Revised K-10 Science Shaping Paper
PPTX
Share_Module_2_Power_conflict_and_negotiation.pptx
PDF
Weekly quiz Compilation Jan -July 25.pdf
PPTX
History, Philosophy and sociology of education (1).pptx
PDF
advance database management system book.pdf
PPTX
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
DOC
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
PDF
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
20th Century Theater, Methods, History.pptx
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
202450812 BayCHI UCSC-SV 20250812 v17.pptx
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
Hazard Identification & Risk Assessment .pdf
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
B.Sc. DS Unit 2 Software Engineering.pptx
Complications of Minimal Access-Surgery.pdf
Onco Emergencies - Spinal cord compression Superior vena cava syndrome Febr...
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
Computer Architecture Input Output Memory.pptx
Environmental Education MCQ BD2EE - Share Source.pdf
A powerpoint presentation on the Revised K-10 Science Shaping Paper
Share_Module_2_Power_conflict_and_negotiation.pptx
Weekly quiz Compilation Jan -July 25.pdf
History, Philosophy and sociology of education (1).pptx
advance database management system book.pdf
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
Ad

Dlig2011 techwriting

  • 1. tl;dr INOV8 May 13, 2011 Karen O’Hara | IT Services | Miami University, Oxford, OH
  • 2. How long is “too long”?
  • 3. Let’s hear from a leading web usability wizard…
  • 4. Nielsen’s Alertbox column on Web usability, published on the Internet since 1995 Current readership: 12 million page views/year
  • 5. What does Nielsen’s web usability research tell us?
  • 6. 1997 Users don't read on the web; they scan Nielsen, 1997
  • 7. 2005 ( teens ) have shorter attention spans , less patience for reading & prefer interactivity Nielsen, 2005
  • 8. 2008 Users read perhaps 20-28% of the words during the average website visit Nielsen, 2008
  • 9. 2010 ( undergrads ) dislike new interfaces , are goal-oriented & search dominant Nielsen, 2010
  • 10. 2011 Users struggle to understand complicated content on mobile devices Nielsen, 2011
  • 11. What does all of this tell us?
  • 12. Our audience is in a hurry!
  • 14. They read selectively (Nielsen, 2006)
  • 16. Higher Ed users are frustrated
  • 19. How do we fix it?
  • 20. Design for… need speed the “hook” the micro the macro cognition (and translation) the searcher
  • 21. 1. Design for need Who will be visiting this site? Why are they using this site? What kind of information are they looking for? Where will the information in the site be useful to them? When will they use this information? How might readers use this website? (Johnson-Sheehan, 2010)
  • 22. 2. Design for speed Reduce the number of levels between your readers and the information they need. a maximum of three links for the most important information. a maximum of five links for 80 percent of all information. a maximum of seven links for all information. (Johnson-Sheehan, 2010)
  • 23. 3. Design for the “hook” A short bit of “blah-blah” might actually help users better understand the rest of the page Stick to answering the What? and the Why? To bring readers into the site (Nielsen, 2007a)
  • 24. 4. Design for the micro Highlight keywords (through hypertext links, typeface variations and color) Use meaningful sub-headings (not "clever" ones) Use bulleted lists Design links that contain effective “information scent” (Nielsen, 1997) (Nielsen, 2009)
  • 25. 5. Design for the macro Offer one idea per paragraph Adopt the inverted pyramid style, starting with the conclusion Provide half the word count (or less) than conventional writing (Nielsen, 1997)
  • 26. 6. Design for cognition ( & translation ) Supplement text with illustrations Reduce text to a bare minimum Create links that reflect titles (not “click here”) Be as literal as possible Minimize clichés, colloquialisms and humor (http://webaim.org/techniques/writing/#cog)
  • 27. 7. Design for the searcher Accept search dominance & try to help users with poor research skills. If there are two or more options to choose from, state them explicitly. Design pages for how users search for information, rather than for how librarians (or IT professionals) think about it. (Nielsen, 2011)
  • 28. Be proactive Plan for usability testing when rolling out new sites and features Encourage development of Internet research skills in elementary schools. (Nielsen, 2007b) (Nielsen, 1995)
  • 29. An example over the years April, 2001 Today
  • 30. Good things, when short, are twice as good. — Gracián
  • 31. References Johnson-Sheehan, R. (2010) Technical Communication Today, Third Edition. New York: Longman. Nielsen, J. (1995, May). Card Sorting to Discover the Users’ Model of the Information Space. Retrieved April 25, 2011, from http://www.useit.com/papers/sun/cardsort.html Nielsen, J. (1997, October 1). How Users Read on the Web. Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/9710a.html Nielsen, J. (2005, January 31). Usability of Websites for Teenagers. Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/teenagers.html Nielsen, J. (2006a, April 17). F-Shaped Pattern For Reading Web Content. Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/reading_pattern.html Nielsen, J. (2007a, October 1). Blah-Blah Text: Keep, Cut, or Kill? Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/intro-text.html Nielsen, J. (2007b, February 26). Life-Long Computer Skills. Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/computer-skills.html Nielsen, J. (2008, May 6). How Little Do Users Read? Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/percent-text-read.html Nielsen, J. (2009, April 6). First 2 Words: A Signal for the Scanning Eye. Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/nanocontent.html Nielsen, J. (2010, December 15). College Students on the Web: User Experience Guidelines. Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/students.html Nielsen, J. (2011, February 28). Mobile Content Is Twice as Difficult. Jakob Nielsen’s Alertbox . Retrieved April 25, 2011, from http://www.useit.com/alertbox/mobile-content-comprehension.html WebAIM: Writing Clearly and Simply. (n.d.). Retrieved April 25, 2011, from http://webaim.org/techniques/writing/#cog xkcd.com. (n.d.). University Website. xkcd . Retrieved April 25, 2011, from http://xkcd.com/773/

Editor's Notes

  • #18: What designers think the site should include…
  • #19: What the site should include