Featured Posts

Determining Your Web BrowserDetermining Your Web Browser Browser war is in full swing and now there is something more complicated than ever, to know which browser is best for you. Best Design Tuts has done a quick guide to the top five browsers. Choosing...

Read more

Why Web Designers & Freelancers Should Switch to Online Invoicing?Why Web Designers & Freelancers Should Switch to Online... When paper was first invented in 105 AD, it was indeed one the most precious products. Since then it has become an integral part of each one of us daily work routine. Paper has reinvented the way we communicate,...

Read more

15 Helpful Website Usability Facts & Guidelines15 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...

Read more

  • Prev
  • Next

15 Helpful Website Usability Facts & Guidelines

October 7, 2009 by Admin | In : Featured, Graphic Design |Stumble it! Delicious

38

PSD to XHTML

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.

Comments (38)

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.

[...] 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 [...]

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….

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….

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.

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

thanks, very useful tips

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.

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

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

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

#8 is shite, I am certainly dissatisfied when I have to read 100 words per line.

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

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.

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.

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

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

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

[...] 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: [...]

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 ;)

gem article!

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

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

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

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

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

[...] 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 [...]

[...] 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 [...]

[...] 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 [...]

[...] 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 [...]

[...] 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 [...]

[...] 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 [...]

[...] 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 [...]

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 :)

[...] 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 [...]

Excellent post!

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

[...] 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 [...]

Write a comment