Overview Frank Cervone. Overview Web site design and redesigns –Usability testing techniques –Designing for “ scent ” Web site design and redesigns –Usability

Embed Size (px)

Text of Overview Frank Cervone. Overview Web site design and redesigns –Usability testing techniques...

  • Slide 1
  • Overview Frank Cervone
  • Slide 2
  • Overview Web site design and redesigns Usability testing techniques Designing for scent Web site design and redesigns Usability testing techniques Designing for scent
  • Slide 3
  • Overview Writing for the Web Techniques, strategies, and examples Writing for the Web Techniques, strategies, and examples
  • Slide 4
  • Overview Interactive, content-driven Web sites Efficient site management On-target search results Interactive, content-driven Web sites Efficient site management On-target search results
  • Slide 5
  • Web site design What is good design? Schools of thought Tufte - buffet Nielsen treasure hunt What is good design? Schools of thought Tufte - buffet Nielsen treasure hunt
  • Slide 6
  • Slide 7
  • Slide 8
  • Web site Usability How do we know what is usable? Usability engineering as an emerging discipline What does research tell us? How do we know what is usable? Usability engineering as an emerging discipline What does research tell us?
  • Slide 9
  • Jared M. Spool
  • Slide 10
  • Slide 11
  • Slide 12
  • Slide 13
  • Slide 14
  • Slide 15
  • Slide 16
  • Slide 17
  • Slide 18
  • Slide 19
  • Slide 20
  • Slide 21
  • Slide 22
  • Essentials for Quality Web Design Know who your users are Know why they are coming to the site Design for Scent of Information Know who your users are Know why they are coming to the site Design for Scent of Information
  • Slide 23
  • What is the Scent of Information? The clues users follow as they navigate a site Based on Xeroxs Information Foraging theories Tell us why users make the choices they make as they are seeking their target content The clues users follow as they navigate a site Based on Xeroxs Information Foraging theories Tell us why users make the choices they make as they are seeking their target content
  • Slide 24
  • Slide 25
  • Slide 26
  • Slide 27
  • Slide 28
  • Slide 29
  • Slide 30
  • Slide 31
  • Slide 32
  • Slide 33
  • Slide 34
  • Slide 35
  • Slide 36
  • Slide 37
  • Slide 38
  • Slide 39
  • Slide 40
  • Slide 41
  • Slide 42
  • Slide 43
  • Slide 44
  • Slide 45
  • Slide 46
  • Slide 47
  • Slide 48
  • Slide 49
  • Slide 50
  • Slide 51
  • Slide 52
  • Slide 53
  • Slide 54
  • What We Know About Scent Users can scan the page for Trigger Words If they dont find the trigger words, they look for Search If Search isnt a good option, they hit the Back Button Users can scan the page for Trigger Words If they dont find the trigger words, they look for Search If Search isnt a good option, they hit the Back Button
  • Slide 55
  • Tips for Creating Sites with Scent Start with the most important content - make that easiest to find Find out what your users trigger words are Look for uses of the back button and search to tell you things are going awry Longer, more descriptive links work better than short links Start with the most important content - make that easiest to find Find out what your users trigger words are Look for uses of the back button and search to tell you things are going awry Longer, more descriptive links work better than short links
  • Slide 56
  • How do you know if your site has good scent? Common technique: Usability Testing - Find out how users work with your site Options: simple to complex Common technique: Usability Testing - Find out how users work with your site Options: simple to complex
  • Slide 57
  • Writing for the Web What do libraries do? organize as much content as possible What is the focus of Web publications Select the best content Edit it well Make compelling reading What do libraries do? organize as much content as possible What is the focus of Web publications Select the best content Edit it well Make compelling reading
  • Slide 58
  • Writing for the Web It is words that drive actions on a Web page It is words that drive actions on a Web page Gerry McGovern author of Content Critical Gerry McGovern author of Content Critical
  • Slide 59
  • Slide 60
  • Slide 61
  • And with that, lets learn about effective writing for the Web
  • Slide 62
  • Writing for the Wired World Darlene Fichter Data Coordinator University of Saskatchewan
  • Slide 63
  • Library Web development Focus on technology, design and navigation Site-wide perspective Often, key Web developers do not have Web writing experience Focus on technology, design and navigation Site-wide perspective Often, key Web developers do not have Web writing experience
  • Slide 64
  • The Result Writing is ignored
  • Slide 65
  • The reality Technology and navigation are important Design is important Technology and navigation are important Design is important
  • Slide 66
  • Librarians enjoy hunting for information. Users like finding it. Typical library audience Diverse: age, occupation, etc. Focused on getting the job done Diverse: age, occupation, etc. Focused on getting the job done
  • Slide 67
  • Research shows people dont read People who are looking for information don't read What do they do? They scan People who are looking for information don't read What do they do? They scan
  • Slide 68
  • Reading Is at least 25% slower on the screen compared to a paper-based format
  • Slide 69
  • Reading slower: Implications for style Be succinct Use the word count of conventional writing Write in pyramid style like a newspaper article Be succinct Use the word count of conventional writing Write in pyramid style like a newspaper article
  • Slide 70
  • More is better syndrome Need to ask what is important? Then give prominence to high demand items Need to ask what is important? Then give prominence to high demand items
  • Slide 71
  • Four ways to improve your writing 1.Strike out useless words 2.Use simple sentences 3.Avoid jargon 4.Be direct 1.Strike out useless words 2.Use simple sentences 3.Avoid jargon 4.Be direct
  • Slide 72
  • Remember: Readers understand more when reading less. Remember: Readers understand more when reading less.
  • Slide 73
  • Scanning Make your page easy to scan Use lists, lists, and more lists Create page titles, headings, and subheadings Be consistent in how you design the headings Make your page easy to scan Use lists, lists, and more lists Create page titles, headings, and subheadings Be consistent in how you design the headings
  • Slide 74
  • Slide 75
  • Use lists Lists speed up scanning Use bulleted items when sequence doesnt matter Use numbered items when it does Lists are for key concepts, not full sentences Lists speed up scanning Use bulleted items when sequence doesnt matter Use numbered items when it does Lists are for key concepts, not full sentences
  • Slide 76
  • Which is fastest to read? Research says Anatomy Biology Biotechnology Chemistry Microbiology Physics Zoology Anatomy Biology Biotechnology Chemistry Microbiology Physics Zoology Anatomy Biology Biotechnology Chemistry Microbiology Physics Zoology
  • Slide 77
  • Make the links meaningful Set link colors Don t use standard colors in odd ways this is not a link, but it sure looks like one Make the links meaningful Set link colors Don t use standard colors in odd ways this is not a link, but it sure looks like one Power of hyperlinks
  • Slide 78
  • What is the weakest link? Staff Directory 1. Search by last name 2. Browse by location 3. List all staff, click here
  • Slide 79
  • Promoting better writing Share a couple of strategies
  • Slide 80
  • Set standards Editorial standards Capitalization, punctuation Naming conventions Readability scores Page length Formatting Headings and subheadings Lists Editorial standards Capitalization, punctuation Naming conventions Readability scores Page length Formatting Headings and subheadings Lists
  • Slide 81
  • Recruit authors as observers for your next usability test Nothing works better Seeing is believing Nothing works better Seeing is believing
  • Slide 82
  • Writing guides and resources Before and after examples Instead of Use construct build concerning about in order to to
  • Slide 83
  • Secrets to good wired writing Be in