MarkupBox
15 Helpful Website Usability Facts & Guidelines

15 Helpful Website Usability Facts & Guidelines

Web site usability is the quality of a user’s interaction with a web site or, in other words, how usable a web site is to the user. Ultimately, users want to be able to easily access a web site and determine how to use it within seconds. Usability influences whether many users will return to a web site, how often they will use the web site, and how happy they are with their overall experience at the web site. There are millions of sites on the Internet and they are all in competition for users’ time and attention. Users get their expectations for usability from the best of all of these other sites.

This article explores ways to make web sites more usable for users. It examines the meaning and importance of web site usability and how usability can be considered when designing a website:

  1. Design is a key determinant to building online trust with consumers. For motivated users of an information site, bad design (busy layout, small print, too much text) hurts more than good design helps. – Sillence, Briggs, Fishwick, and Harris, 2004.
  2. Layout on a web page (whitespace and advanced layout of headers, indentation, and figures) may not measurably influence performance, but it does influence satisfaction. – Chaperro, Shaikh, and Baker, 2005.
  3. Experience matters: Blue links are easier to click than black ones, even though black ones have higher visual contrast and are easier to see. – Van Schaik and Ling, 2003.
  4. It’s important to consider the users when you have a choice of icons, links, or both. Initial performance is best with the link alone. Frequent users can use either equally effectively. Icons are not faster, relative to text links alone. – Wiedenbeck, 1999.
  5. Rules of thumb for icons: Make them as large as feasible, place frequently used icons in a persistent task bar, and arrange them either in a square (first choice) or in a horizontal layout. – Grobelny, Karwowski, and Drury, 2005.
  6. The acceptance and impact of animation is enhanced when users are warned to expect it and allowed to start it when they want. – Weiss, Knowlton, and Morrison, 2002.
  7. Use of whitespace between paragraphs and in the left and right margins increases comprehension by almost 20 %. – Lin, 2004.
  8. A format of 95 characters per line is read significantly faster than shorter line lengths; however, there are no significant differences in comprehension, preference, or overall satisfaction, regardless of line length. – Shaikh, 2005.
  9. Applications vs. websites: In general, visual layout guidelines for GUIs also apply to the web, but there are differences to be aware of. For example, dense pages with lots of links take longer to scan for both GUI and web; however, alignment may not be as critical for web pages as previously thought. – Parush, Shwarts, Shtub, and Chandra, 2005.
  10. Narrative presentation enhances comprehension and memory. Narrative advertisements produce more positive attitude about the brand and a higher incidence of intent to purchase.– Escalas, 2004.
  11. On sites with clear labels and prominent navigation options, users tend to browse rather than search.Searching is no faster than browsing in this context. – Katz and Byrne, 2003.
  12. Users will wait longer for better content. Users will wait between 8-10 seconds for information on the web, depending on the quality of the information. – Ryan and Valverde, 2003.
  13. Consumer purchase behavior is driven by perceived security, privacy, quality of content and design, in that order. – Ranganathan and Ganapathy, 2002.
  14. In 2001, Bernard found that prior user experience with websites dictated where they expected common web page elements to appear on a page. The same still holds true today: Users have clear expectations about where to find the things they want (search and back-to-home links) as well as the things they want to avoid (advertising). – Shaihk and Lenz, 2006.
  15. When assessing web accessibility under four conditions (expert review, screenreader using JAWS, automated testing via “Bobby”, and remote testing by blind users) those using screenreaders find the most issues, while automated testing finds the least number of accessibility issues. – Mankoff, Fait, and Tran, 2005.
You can leave a response, or trackback from your own site.
  • alex dunst

    really nice post. I my self is a web designer and I must tell you that the upcoming trend is very focused upon the usability factor of a website.

  • http://topsy.com/tb/bit.ly/DrucS Tweets that mention 15 Helpful Website Usability Facts & Guidelines — Topsy.com

    [...] This post was mentioned on Twitter by BestDesignTuts. BestDesignTuts said: RT @tweetmeme Best Design Tutorials » Blog Archive » 15 Helpful Website Usability Facts & Guidelines http://bit.ly/DrucS [...]

  • http://cssbrigit.com/CNews/entrada/2009100805472551 CSS Brigit | 15 Helpful Website Usability Facts & Guidelines

    15 Helpful Website Usability Facts & Guidelines…

    Web site usability is the quality of a user?s interaction with a web site or, in other words, how usable a web site is to the user. Ultimately, users want to be able to easily access a web site and determine how to use it within seconds….

  • http://lurki.com/story/105 lurki.com

    15 Helpful Website Usability Facts & Guidelines…

    This article explores ways to make web sites more usable for users. It examines the meaning and importance of web site usability and how usability can be considered when designing a website….

  • http://www.mesmerlab.com Jason

    These are some great tips.

    I have a current project that addresses point #1 squarely in the face. The client is moving from a local community aggregate site that is extremely busy and uses animated GIFs.

    His new site will be immeasurably better and yet have mostly the same information.

  • http://identi.ca/notice/11622499 Darklg Web (darklgweb) ‘s status on Thursday, 08-Oct-09 21:17:54 UTC – Identi.ca
  • http://www.favshare.net favSHARE

    This article has been shared on favSHARE.net. Go and vote it!

  • http://deconstructioncode.blogspot.com/ choen

    thanks, very useful tips

  • Apeksha

    Really worth reading.
    I would like to add few thoughts on it through a word called as ‘Intuitiveness’. I feel that great websites are intuitive. They reflect serious back-end homework and have been strategically developed to engage specific target audiences. If you want your website to work as it should, anticipate what your audience are looking for at the get-go.

  • http://www.devlounge.net/friday-focus/friday-focus-100909-10-in-1 Friday Focus 10/09/09: 10-in-1 | Devlounge

    [...] – 15 Helpful Website Usability Facts & Guidelines “Web site usability is the quality of a user’s interaction with a web site or, in other [...]

  • http://webdesign.populoo.com/2009/10/08/15-helpful-website-usability-facts-guidelines/ 15 Helpful Website Usability Facts & Guidelines » Web Design

    [...] 15 Helpful Website Usability Facts & Guidelines [...]

  • http://design-newz.com/2009/10/09/15-helpful-website-usability-facts-guidelines/ 15 Helpful Website Usability Facts & Guidelines | Design Newz

    [...] 15 Helpful Website Usability Facts & Guidelines [...]

  • http://www.paulolyslager.com Paul Olyslager

    Nice post, just wished more people would read and implement this in their own creations.

  • http://www.wordsontheweb.co.nz Wordsontheweb

    I’d be interested to know what your thoughts on dark text out of a light background vs light text out of a dark background are. I know that in print reversed out (light against dark) decreases comprehension by a staggering amount, and I avoid websites with reversed out text as I find them so difficult to read. But there seems to be some debate.

  • Michael

    Bowman presents his disagreement like a douche, but I still agree with him. When I see very long lines of text (105+ characters), I leave the site.

  • http://devezine.com/15-helpful-website-usability-facts-guidelines/ 15 Helpful Website Usability Facts & Guidelines

    [...] See more here: 15 Helpful Website Usability Facts & Guidelines [...]

  • http://www.simplicityuserexperience.co.uk/ Charlie

    Nice run-down of important Usability facts. Thank you for pulling them together.

  • http://huibit05.com/design/135-awesome-fresh-article-links-for-designers-and-developers/ 135+ Awesome Fresh Article Links for Designers and Developers | Master Design

    [...] 15 Helpful Website Usability Facts & Guidelines [...]

  • http://wireframes-usability.com/2009/10/15/15-helpful-website-usability-facts-guidelines/ 15 Helpful Website Usability Facts & Guidelines | wireframes & usability

    [...] There are many guidelines out there on Usability. We find that this article shows a few tips which can definitely aid the overall experiences of a Web interface. It can help to keep those tips in mind when designing an interface, even when still in the prototyping phase! A  nice little article by “bestdesigntuts” on U&Design ideas with direct quotes.  The original post can be found here: [...]

  • http://www.samuellavoie.comviens Samuel Lavoie

    great post, BUT can you link to this research? or maybe it’s a book or something… it would definitly help convincing other people… because you know talking to already convinced people is more easy ;)

  • http://www.sam3k.com Sam

    gem article!

  • http://speckyboy.com/2009/11/25/an-introduction-to-understanding-and-implementing-web-usability/ An Introduction to Understanding and Implementing Web Usability : Speckyboy Design Magazine

    [...] 15 Helpful Web site Usability Facts & Guidelines [...]

  • http://www.rogdykker.com/an-introduction-to-understanding-and-implementing-web-usability An Introduction to Understanding and Implementing Web Usability · rogdykker

    [...] 15 Helpful Web site Usability Facts & Guidelines [...]

  • http://www.neurosoftware.ro/programming-blog/blogposter/web-resources/an-introduction-to-understanding-and-implementing-web-usability/ An Introduction to Understanding and Implementing Web Usability | Programming Blog

    [...] 15 Helpful Web site Usability Facts & Guidelines [...]

  • http://emdma.com/an-introduction-to-understanding-and-implementing-web-usability An Introduction to Understanding and Implementing Web Usability | EMDMA

    [...] 15 Helpful Web site Usability Facts & Guidelines [...]

  • http://www.brandmantra.net/ website design

    Hey that was a really nice post… I work in a website designing company and appreciate it a lot…

  • http://www.noupe.com/how-tos/usability-testing-toolkit-resources-articles-and-techniques.html Usability Testing Toolkit: Resources, Articles, and Techniques – Noupe

    [...] Design Tuts has an article titled 15 Helpful Website Usability Facts & Guidelines that includes some excellent tips you can use in testing your site’s usability. They tips are [...]

  • http://www.onlinemarketingconnect.com/noupe/2009/12/usability-testing-toolkit-resources-articles-and-techniques/ Usability Testing Toolkit: Resources, Articles, and Techniques | Noupe Blog | Online Marketing Connect

    [...] Design Tuts has an article titled 15 Helpful Website Usability Facts & Guidelines that includes some excellent tips you can use in testing your site’s usability. They tips are [...]

  • http://www.sowmo.com/web-design/usability-testing-toolkit-resources-articles-and-techniques/2558 Usability Testing Toolkit: Resources, Articles, and Techniques | qface & sowmo sky

    [...] Design Tuts has an article titled 15 Helpful Website Usability Facts & Guidelines that includes some excellent tips you can use in testing your site’s usability. They tips are [...]

  • http://www.wpconfig.com/2009/12/10/usability-testing-toolkit-resources-articles-and-techniques/ Wordpress Blog Services – Usability Testing Toolkit: Resources, Articles, and Techniques

    [...] Design Tuts has an article titled 15 Helpful Website Usability Facts & Guidelines that includes some excellent tips you can use in testing your site’s usability. They tips are [...]

  • http://www.afiffattouh.com/web-design/usability-testing-toolkit-resources-articles-and-techniques Usability Testing Toolkit: Resources, Articles, and Techniques | Afif Fattouh – Web Specialist

    [...] Design Tuts has an article titled 15 Helpful Website Usability Facts & Guidelines that includes some excellent tips you can use in testing your site’s usability. They tips are [...]

  • http://www.seanburdick.com/200912/usability-testing-toolkit-resources-articles-and-techniques/ Usability Testing Toolkit: Resources, Articles, and Techniques | SeanBurdick

    [...] Design Tuts has an article titled 15 Helpful Website Usability Facts & Guidelines that includes some excellent tips you can use in testing your site’s usability. They tips are [...]

  • http://www.graphicdesignpro.net/2009/12/usability-testing-toolkit-resources-articles-and-techniques/ Usability Testing Toolkit: Resources, Articles, and Techniques | Graphic Design Pro

    [...] Design Tuts has an article titled 15 Helpful Website Usability Facts & Guidelines that includes some excellent tips you can use in testing your site’s usability. They tips are [...]

  • http://www.thinklikeauser.com ThinklikeaUser

    Particularly liked No7 – I have tended to think of a lack of whitespace as creating a “claustrophobic” or “busy” feel.

    I hadn’t realized it also has such a detrimental effect on comprehension – although now you’ve pointed it out, it makes perfect sense :)

  • http://designtocoding.wordpress.com/2009/12/17/design-to-coding-blog/ Usability Testing Toolkit: Resources, Articles, and Techniques « Design to Coding Blog

    [...] Design Tuts has an article titled 15 Helpful Website Usability Facts & Guidelines that includes some excellent tips you can use in testing your site’s usability. They tips are [...]

  • http://www.lewiscom.ca vancouver web design

    Excellent post!

    This list is something all site owners and developers should keep in mind.

  • http://91.121.236.132/~conversion/?p=32 Usability Testing Toolkit: Resources, Articles, and Techniques : The Conversions Lab

    [...] Design Tuts has an article titled 15 Helpful Website Usability Facts & Guidelines that includes some excellent tips you can use in testing your site’s usability. They tips are [...]

  • http://xiaoliyi.wordpress.com/2010/06/01/usability-testing-toolkit-resources-articles-and-techniques/ Usability Testing Toolkit: Resources, Articles, and Techniques « User Experience – Usability

    [...] Design Tuts has an article titled 15 Helpful Website Usability Facts & Guidelines that includes some excellent tips you can use in testing your site’s usability. They tips are [...]

  • http://vinfotech.com Web Development Company

    Nice Post… Thanks for sharing this…

  • pinball games

    Well, this really is my first visit here, your site provided me worthwhile knowledge to work on. Thanks a lot.

  • http://www.chosimsodep.net/ban-sim-so-dep-re-sim-taxi-tu-quy-loc-phat-than-tai sim so dep

    Daniel, yea I can see what you probably did there. I actually appreciated that part, but hehe I am not that harsh like my dad with these things. He always tells me loopy stories back in the day and calls me a loser. I guess it’s time I transfer out of my dad and mom’ basement LOL. Aaanyways, what about you? what does your dad assume xD” Anyway, in my language, there are not much good supply like this.

  • http://www.chosimsodep.net/ban-sim-so-dep-re-sim-taxi-tu-quy-loc-phat-than-tai sim so dep

    Sources like the one you talked about right here will probably be very useful to me! I will submit a link to this web page on my blog. I am sure my guests will discover that very useful. Large thanks for the useful data i discovered on Domain Information Anyway, in my language, there aren’t much good supply like this.

  • Alveo

    I’ve been visiting your blog for a while now and I always find a gem in your new posts. Thanks for sharing.