10 Useful Usability Findings and Guidelines

Advertisement

Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability findings and guidelines that may help you improve the user experience on your websites.

1. Form Labels Work Best Above The Field

A study by UX Matters1 found that the ideal position for labels in forms is above the fields. On many forms, labels are put to the left of the fields, creating a two-column layout; while this looks good, it’s not the easiest layout to use. Why is that? Because forms are generally vertically oriented; i.e. users fill the form from top to bottom. Users scan the form downwards as they go along. And following the label to the field below is easier than finding the field to the right of the label.

Tumblr2
Tumblr3 features a simple and elegant sign-up form that adheres to UX Matter’s recommendation.

Positioning labels on the left also poses another problem: do you left-align or right-align the labels? Left-aligning makes the form scannable but disconnects the labels from the fields, making it difficult to see which label applies to which field. Right-aligning does the reverses: it makes for a good-looking but less scannable form. Labels above fields work best in most circumstances. The study also found that labels should not be bold, although this recommendation is not conclusive.

2. Users Focus On Faces

People instinctively notice other people right away when they come into view. On Web pages, we tend to focus on people’s faces and eyes, which gives marketers a good technique for attracting attention. But our attraction to people’s faces and eyes is only the beginning; it turns out we actually glance in the direction the person in the image is looking in.

eye tracking
Eye-tracking heat map of a baby looking directly at us, from the UsableWorld study4.

eye tracking
And now the baby is looking at the content. Notice the increase in people looking at the headline and text.

Here’s an eye-tracking study5 that demonstrates this. We’re instinctively drawn to faces, but if that face is looking somewhere other than at us, we’ll also look in that direction. Take advantage of this phenomenon by drawing your users’ attention to the most important parts of your page or ad.

3. Quality Of Design Is An Indicator Of Credibility

Various studies have been conducted to find out just what influences people’s perception of a website’s credibility:

Fever9
We don’t know if Fever10 app is any good, but the sleek user interface and website make a great first impression.

One interesting finding of these studies is that users really do judge a book by its cover… or rather, a website by its design. Elements such as layout, consistency, typography, color and style all affect how users perceive your website and what kind of image you project. Your website should project not only a good image but also the right one for your audience.

Other factors that influence credibility are: the quality of the website’s content, amount of errors, rate of updates, ease of use and trustworthiness of authors.

4. Most Users Do Not Scroll

Jakob Nielsen’s study on how much users scroll (in Prioritizing Web Usability11) revealed that only 23% of visitors scroll on their first visit to a website. This means that 77% of visitors won’t scroll; they’ll just view the content above the fold (i.e. the area of the page that is visible on the screen without scrolling down). What’s more, the percentage of users who scroll decreases with subsequent visits, with only 16% scrolling on their second visit. This data highlights just how important it is to place your key content on a prominent position, especially on landing pages.

This doesn’t mean you should cram everything in the upper area of the page, just that you should make the best use of that area. Crowding it with content will just make the content inaccessible; when the user sees too much information, they don’t know where to begin looking.

Basecamp12
Basecamp13 makes great use of space. Above the fold (768 pixels high), it shows a large screenshot, tagline, value proposition, call to action, client list, videos and short feature list with images.

This is most important for the home page, where most new visitors will land. So provide the core essentials there:

  1. Name of the website,
  2. Value proposition of the website (i.e. what benefit users will get from using it),
  3. Navigation for the main sections of the website that are relevant to the user.

However, users’ habits have significantly changed since then. Recent studies prove that users are quite comfortable with scrolling and in some situations they are willing to scroll to the bottom of the page. Many users are more comfortable with scrolling than with a pagination, and for many users the most important information of the page isn’t necessarily placed “above the fold” (which is because of the variety of available display resolutions a quite outdated, deprecated term). So it is a good idea to divide your layout into sections for easy scanning, separating them with a lot of white space.

For further information please take a look at the articles Unfolding the fold14 (Clicktale), Paging VS Scrolling15 (Wichita University – SURL), Blasting the Myth of the Fold16 (Boxes and Arrows). (thanks, Fred Leuck).

5. Blue Is The Best Color For Links

While giving your website a unique design is great, when it comes to usability, doing what everyone else is doing is best. Follow conventions, because when people visit a new website, the first place they look for things are in the places where they found them on most other websites; they tap into their experience to make sense of this new content. This is known as usage patterns. People expect certain things to be the same, such as link colors, the location of the website’s logo, the behavior of tabbed navigation and so on.

Google17
Google2018 keeps all links on its websites blue for a reason: the color is familiar to most users, which makes it easy to locate.

What color should your links be? The first consideration is contrast: links have to be dark (or light) enough to contrast with the background color. Secondly, they should stand out from the color of the rest of the text; so, no black links with black text. And finally, research shows (Van Schaik and Ling) that if usability if your priority, sticking to blue for links is best. The browser’s default link color is blue, so people expect it. Choosing a different color is by no means a problem, but it may affect the speed with which users find it.

6. The Ideal Search Box Is 27-Characters Wide

What’s the ideal width of a search box? Is there such a thing? Jakob Nielsen performed a usability study on the length of search queries in website search boxes (Prioritizing Web Usability). It turns out that most of today’s search boxes are too short. The problem with short boxes is that even though you can type out a long query, only a portion of the text will be visible at a time, making it difficult to review or edit what you’ve typed.

The study found that the average search box is 18-characters wide. The data showed that 27% of queries were too long to fit into it. Extending the box to 27 characters would accommodate 90% of queries. Remember, you can set widths using ems, not just pixels and points. One em is the width and height of one “m” character (using whatever font size a website is set to). So, use this measure to scale the width of the text input field to 27-characters wide.

Google search19
Google2018‘s search box is wide enough to accommodate long sentences.

Apple search21
Apple22‘s search box is a little too short, cutting off the query, “Microsoft Office 2008.”

In general, search boxes are better too wide than too short, so that users can quickly review, verify and submit the query. This guideline is very simple but unfortunately too often dismissed or ignored. Some padding in the input field can also improve the design and user experience.

7. White Space Improves Comprehension

Most designers know the value of white space, which is the empty space between paragraphs, pictures, buttons and other items on the page. White space de-clutters a page by giving items room to breathe. We can also group items together by decreasing the space between them and increasing the space between them and other items on the page. This is important for showing relationships between items (e.g. showing that this button applies to this set of items) and building a hierarchy of elements on the page.

The Netsetter23
Notice the big content margin, padding and paragraph spacing on The Netsetter24. All that space makes the content easy and comfortable to read.

White space also makes content more readable. A study (Lin, 2004) found that good use of white space between paragraphs and in the left and right margins increases comprehension by almost 20%. Readers find it easier to focus on and process generously spaced content.

In fact, according to Chaperro, Shaikh and Baker, the layout on a Web page (including white space, headers, indentation and figures) may not measurably influence performance but does influence user satisfaction and experience.

8. Effective User Testing Doesn’t Have To Be Extensive

Jakob Nielsen’s study25 on the ideal number of test subjects in usability tests found that tests with just five users would reveal about 85% of all problems with your website, whereas 15 users would find pretty much all problems.

User tests26
Source: Jakob Nielsen’s AlertBox27

The biggest issues are usually discovered by the first one or two users, and the following testers confirm these issues and discover the remaining minor issues. Only two test users would likely find half the problems on your website. This means that testing doesn’t have to be extensive or expensive to yield good results. The biggest gains are achieved when going from 0 test users to 1, so don’t be afraid of doing too little: any testing is better than none.

9. Informative Product Pages Help You Stand Out

If your website has product pages, people shopping online will definitely look through them. But many product pages lack sufficient information, even for visitors doing a quick scan. This is a serious problem, because product information helps people make purchasing decision. Research shows that poor product information accounts for around 8% of usability problems and even 10% of user failure (i.e. the user gives up and leaves the website) (Prioritizing Web Usability).

iPod marketing page28
Apple29 provides separate “Tech Specs” pages for its products, which keeps complicated details away from the simpler marketing pages, yet provides easy access when they’re needed.

Provide detailed information about your products, but don’t fall into the trap of bombarding users with too much text. Make the information easy to digest. Make the page scannable by breaking up the text into smaller segments and using plenty of sub-headings. Add plenty of images for your products, and use the right language: don’t use jargon that your visitors might not understand.

10. Most Users Are Blind To Advertising

Jakob Nielsen reports in his AlertBox entry30 that most users are essentially blind to ad banners. If they’re looking for a snippet of information on a page or are engrossed in content, they won’t be distracted by the ads on the side.

The implication of this is not only that users will avoid ads but that they’ll avoid anything that looks like an ad, even if it’s not an ad. Some heavily styled navigation items may look like banners, so be careful with these elements.

FlashDen31
The square banners on the left sidebar of FlashDen32 are actually not ads: they’re content links. They do look uncomfortably close to ad banners and so may be overlooked by some users.

That said, ads that look like content will get people looking and clicking. This may generate more ad revenue but comes at the cost of your users’ trust, as they click on things they thought were genuine content. Before you go down that path, consider the trade-off: short-term revenue versus long-term trust.

Bonus: Findings From Our Case-Studies

In recent years, Smashing Magazine’s editorial team has conducted a number of case studies in an attempt to identify common design solutions and practices. So far, we have analyzed Web forms, blogs, typography and portfolios; and more case studies will be published next month. We have found some interesting patterns that could serve as guidelines for your next design.

Here, we’ll review some of the practices and design patterns that we discovered in our case studies in this brief, compact overview, for your convenience.

According to our typography study33:

  • Line height (in pixels) ÷ body copy font size (in pixels) = 1.48
    1.5 is commonly recommended in classic typographic books, so our study backs up this rule of thumb. Very few websites use anything less than this. And the number of websites that go over 1.48 decreases as you get further from this value.
  • Line length (pixels) ÷ line height (pixels) = 27.8
    The average line length is 538.64 pixels (excluding margins and padding), which is pretty large considering that many websites still have body copy that is 12 to 13 pixels in font size.
  • Space between paragraphs (pixels) ÷ line height (pixels) = 0.754
    It turns out that paragraph spacing (i.e. the space between the last line of one paragraph and the first line of the next) rarely equals the leading (which would be the main characteristic of perfect vertical rhythm). More often, paragraph spacing is just 75% of paragraph leading. The reason may be that leading usually includes the space taken up by descenders; and because most characters do not have descenders, additional white space is created under the line.
  • Optimal number of characters per line is 55 to 75
    According to classic typographic books, the optimal number of characters per line is between 55 and 75, but between 75 and 85 characters per line is more popular in practice.

According to our blog design study34:

  • Layouts usually have a fixed width (pixel-based) (92%) and are usually centered (94%). The width of fixed layouts varies between 951 and 1000 pixels (56%).
  • The home page shows excerpts of 10 to 20 posts (62%).
  • 58% of a website’s overall layout is used to display the main content.

According to our Web form design study35:

  • The registration link is titled “sign up” (40%) and is placed in the upper-right corner.
  • Sign-up forms have simple layouts, to avoid distracting users (61%).
  • Titles of input fields are bolded (62%), and fields are vertically arranged more than they are horizontally arranged (86%).
  • Designers tend to include few mandatory fields and few optional fields.
  • Email confirmation is not given (82%), but password confirmation is (72%).
  • The “Submit” button is either left-aligned (56%) or centered (26%).

According to our portfolio design study36:

  • 89% of layouts are horizontally centered, and most of them have a large horizontal navigation menu.
  • 47.2% of portfolios have a client page, and 67.2% have some form of standalone services page.
  • 63.6% have a detailed page for every project, including case studies, testimonials, slideshows with screenshots, drafts and sketches.
  • Contact pages contain driving directions, phone number, email address, postal address, vCard and online form,

Other Resources

Have any thoughts on what we’ve covered, or know of other useful usability findings? Please leave a comment below. (al)

Footnotes

  1. 1 http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php
  2. 2 http://www.tumblr.com
  3. 3 http://www.tumblr.com
  4. 4 http://usableworld.com.au/2009/03/16/you-look-where-they-look/
  5. 5 http://usableworld.com.au/2009/03/16/you-look-where-they-look/
  6. 6 http://captology.stanford.edu/pdf/Stanford-MakovskyWebCredStudy2002-prelim.pdf
  7. 7 http://captology.stanford.edu/pdf/p61-fogg.pdf
  8. 8 http://captology.stanford.edu/pdf/p80-fogg.pdf
  9. 9 http://feedafever.com/
  10. 10 http://feedafever.com/
  11. 11 http://www.useit.com/prioritizing/
  12. 12 http://www.basecamphq.com
  13. 13 http://www.basecamphq.com
  14. 14 http://blog.clicktale.com/?p=19
  15. 15 http://www.surl.org/usabilitynews/41/paging.asp
  16. 16 http://www.boxesandarrows.com/view/blasting-the-myth-of
  17. 17 http://www.google.com
  18. 18 http://www.google.com
  19. 19 http://www.google.com
  20. 20 http://www.google.com
  21. 21 http://www.apple.com
  22. 22 http://www.apple.com
  23. 23 http://thenetsetter.com/blog/
  24. 24 http://thenetsetter.com/blog/
  25. 25 http://www.useit.com/alertbox/20000319.html
  26. 26 http://www.useit.com/alertbox/20000319.html
  27. 27 http://www.useit.com/alertbox/20000319.html
  28. 28 http://www.apple.com/ipodnano/specs.html
  29. 29 http://www.apple.com/ipodnano/specs.html
  30. 30 http://www.useit.com/alertbox/banner-blindness.html
  31. 31 http://www.flashden.net
  32. 32 http://www.flashden.net
  33. 33 http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/
  34. 34 http://www.smashingmagazine.com/2008/07/24/a-small-study-of-big-blogs/
  35. 35 http://www.smashingmagazine.com/2008/07/04/web-form-design-patterns-sign-up-forms/
  36. 36 http://www.smashingmagazine.com/2009/09/17/portfolio-design-study-design-patterns-and-current-practices/
  37. 37 http://www.usefulusability.com/15-valuable-usability-pdfs-you-never-heard-of/
  38. 38 http://meiert.com/en/blog/20070113/web-design-15-important-research-findings-you-should-know/
  39. 39 http://meiert.com/en/blog/20080605/web-design-additional-research-findings/
  40. 40 http://www.peterpixel.nl/writings/introduction-to-good-usability/
  41. 41 http://www.problogger.net/archives/2009/05/20/11-striking-findings-from-an-eye-tracking-study/
  42. 42 http://bestwebdesignschools.com/2009/usabilityedu-25-incredibly-useful-usability-cheat-sheets-checklists/
  43. 43 http://www.masternewmedia.org/news/2007/03/23/online_marketing_10_usability_findings.htm
  44. 44 http://www.cxpartners.co.uk/thoughts/web_forms_design_guidelines_an_eyetracking_study.htm

↑ Back to topShare on Twitter

Dmitry Fadeyev is the creator of Usaura, a micro usability testing service, and the founder of UsabilityPost, a blog about good design and user experience. Additionally, you can read his thoughts on design, art and practical philosophy over at his personal blog.

Advertising

Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  1. 1

    Fabulous. Thanks!

  2. 2

    Really nice article and very useful, some of the ideas I will look into and implement

    Cheers SM

  3. 3

    Just great post and very useful.

    One quetsion:
    Since most users don´t scroll I wonder why there aren´t more liquid layouts…

    Best regards

  4. 4

    Jerome (SpeedAirMan)

    September 24, 2009 12:35 am

    Nothing really new, but still really interesting !

    Always useful to remember those usability guidelines. Thank you for the article !

  5. 5

    really helpful…thank u guys

  6. 6

    Quality article, really useful thanx alot will deffo bookmark!!

  7. 7

    The UX matters article Label Placement in Forms is from 2006. Isn’t there another updated study?

  8. 8

    Found this when *everyone* was twittering about it :)

    Nice article. I like the Bonus part where you’ve shown how to apply real numbers to UI design – I find those sort of things really help to justify why you’ve picked the layout you have. It stops it looking like a consultant’s personal opinion…it’s a formula to follow that will be apparent on successful sites too – great :) I shall add that to my notes ….

  9. 9

    Holy shit this is helpfull! I’ll sure bookmark this and use it as reference.

  10. 10

    Great article. Thanks.

  11. 11

    Thanks for this! It’s very well written and comprehensive, I’m a regular reader of alertbox but there is too much content there for me to recommend others to read it all. These are quick tips I can send to people I work with, just scanning down the page and reading the titles is informative!

    Usability is easy when you put it like that :)

  12. 12

    This is a very useful post. Everyone in web design should definitely take a look.

  13. 13

    Dmitry, you’re the best. Great content and useful information in your articles!

  14. 14

    Hmm 77% of users dotn scroll is from research published in 2000..!!!

    habits have changed, also the example shown has a clear line accross the page where the fold woudl occur, if you want your users to scroll you need to provide visual (i.e. vertical) prompts that more content lies further down so text / images that spans the ‘fold’ or other graphical cues.

    I’ve wathced many eyetracking sessions and more often than not users do scroll.

    otherwise a great post

  15. 15

    Nice overview of some really important findings and guidelines. Concerning the studies: it can be dangerous to take every result for granted from a study.Nice article though!

  16. 16

    Neatly said… thanks

  17. 17

    Hmmm, good article, but compare the first item (Form Labels Work Best…) on a long form (15 – 20+ items) with Users Do Not Scroll :-s

    Still, a darn good read :-)

  18. 18

    Great! This is really helpful for the develop of my own site. So I’ve a lot to do.. In my test page i’m trying to apply your suggestions…

  19. 19

    The thinking represented here about scrolling and the fold is a bit outdated and somewhat misleading.

    The data shows that users will readily scroll, and that rather than getting hung up on the idea of a fold (which in any case will vary widely according to the user), designers should concentrate on producing a clear hierarchy of information supported by a usable and logical navigation.

    The term ‘fold’ is a throwback to newspaper layout – and we all know where they’re heading.

  20. 20

    Thank you for this useful article
    “Most Users Do Not Scroll” ???
    Nowadays, it’s not absolutely true !! Recent studies show just the opposite…
    Check these: Unfolding the fold (Clicktale), Paging VS Scrolling (Wichita University – SURL), Blasting the Myth of the Fold (Boxes and Arrows)

  21. 21

    I see interesting trend of reinventing the “hot water” from some time. The best practices are already written in the books (concerning typography) and yet web designers tend to:
    1. Completely ignore them, if ever read them
    2. Reinvent them – slowly and painfully

    I think it is time for web design to be taken much more serious by users, developers and designers. This is not the simple HTML that was 10 years ago.

  22. 22

    Very cool article, but I agree with Fred and John. Users do scroll. When publishing usability testing, especially as related to technology, I think the cut-off needs to be 3 years or so before it’s no longer relevant. People HATED the iphone keyboard initially, now I seldom read any complaints about it. Point being, people are adapting to technology at an exponential rate.

  23. 23

    Nice overview on usability findings…. thanks for sharing. Anyway… last link in Other Resources called “Web form design guidelines: an eye-tracking study” leads to “Not found” page.

  24. 24

    Really interesting read – i’m thinking about making a simple calculator to do all of the math mentioned above.

  25. 25

    Useful! Thanks!

  26. 26

    I disagree with the blanket statement that most users don’t scroll. I’ve found that users scroll when they want to scroll. Maybe the more accurate statement is most users don’t think they need to scroll.

  27. 27

    No scrolling allowed? Not so true anymore, per Jakob Nielsen’s himself!

    http://www.useit.com/alertbox/9712a.html (“changes in web usability since 1994 – and that article dates back 1997 !!)

  28. 28

    Nice article Dmitry, thanks.

    Do you have any links for the two studies you mention under the white space section? (Lin and Chaperro, Shaikh and Baker.) I’d be interested to read them.

  29. 29

    Best article for a long time.

  30. 30

    I enjoyed this articles very informative!

  31. 31

    “Most Users Do Not Scroll”? The majority of the a short poll on the Webstandardblog prefers scrolling, not a pagination. Therefore I can’t share this opinion.

  32. 32

    Other than the articles that Fred listed, does anyone know of any stats or findings that can provide info on the fact that all users do scroll now in opposed to the year 2000. It would really help.

    Great article!

  33. 33

    Very interesting. Thanks alot!

  34. 34

    Tschai (Aytemir.com)

    September 24, 2009 3:25 am

    “Most Users Are Blind To Advertising”

    I’m working on this with my upcoming fan-tas-tic theme ;)

  35. 35

    Nice articals!
    Thanks alot :)

  36. 36

    Excellent article, sadly most marketing dept. (in charge of he budget) knows nothing about this and will force unnecessary and wrong changes…

  37. 37

    great article. Thanks heaps!

  38. 38

    A good article! back to basics

  39. 39

    thats just priceless, thank you!

  40. 40

    not agree with “Form Labels Work Best Above The Field” this is against accessibility and it can increase page length.

  41. 41

    Very usefull, thanks a lot!

  42. 42

    Great article! Have made a mountain of notes to drum into my head now, and alot more to look further into! Thanks SM :) Dugg, stumbled and tweeted!

  43. 43

    Jared Spool described a “5-second” test for a page with a very focused purpose (not home page), where you show the page for only 5 seconds and then ask the user what they remember. Fascinating.

  44. 44

    Your site is great truly useful stuff on it as well like this article.
    keep it up

  45. 45

    You guys don’t stop do you. Great piece after great piece!!.

  46. 46

    Great list.

    We’re currently doing some research on usability testing research it would be great if you could have a look and give some feedback – chance to win $300.

    Thanks.

  47. 47

    Great post, very useful!
    Thank you!

  48. 48

    awesome article!

  49. 49

    Could anyone tell me that showing a (good!) image of a trainer on his website increases the credibility of this trainer or that it makes no difference.
    If someone did some research on this matter, please inform me. I would be very grateful!

  50. 50

    As others have already pointed out the information you presented regarding scrolling is outdated. The “studies” that were done regarding form labels are not statistically valid.

    I am not saying it’s all bad but I hope no one follows this advice blindly.

  51. 51

    Already knew quite a few, but the baby face example and not scrolling visitors kinda blew me away. Must. Keep. In. Mind..

  52. 52

    I simply love this usability article! Great findings. It seems many long time web developers and web masters might have missed these points!. Cant wait to stumbled it!.. :)

  53. 53

    Best post in a long time!!!

  54. 54

    If most people don’t scroll, how did everyone here post a comment? I’ve never, not once, seen someone confused by scrolling, no matter how young or old.

  55. 55

    Alexander Polyakov

    September 24, 2009 5:31 am

    Very helpful post. Especially hints about usable forms.

  56. 56

    Really need to update the scrolling recommendation. People do scroll, as pointed out in the links in comment 20. Perpetuating that myth that every important thing needs to be above the fold is only going to make designs more cluttered in the long run.

  57. 57

    Amazing post! The best I’ve ever seen. Wonder if the smash’s design book (that I already pre-ordered) has this kind of approach…

  58. 58

    >> Sean
    Totally agree!
    I think that “Most Users Don’t Read Comments” could be true :)

  59. 59

    Smashing Editorial

    September 24, 2009 6:00 am

    Thank you for your comments! The article was updated.

  60. 60

    Yes ! Thanks

  61. 61

    Users DO scroll
    Hmmm – who’s right now?

  62. 62

    Very Good ! But so to be visible, is it necessary to be in top and on the left or top and on the right?

  63. 63

    Awesome Article! It was so informative and I will definitely save this info and keep it in mind when designing sites.

  64. 64

    @Rocco Darn it! I was kind of excited about the “users don’t scroll” study. Now that I have read the study that you linked to, I don’t know what to believe!

    This is like the eggs are good for you vs. Eggs are bad for you debate. Every year or so a new study comes out contradicting the last studies findings.

    For now, I will take the authors advice and keep important content above the fold as much as possible.

  65. 65

    Before you follow the guideline about placement of labels in forms, read my article on usabilitynews.com: “Label Placement in Forms”.

    And remember that users don’t bail out of forms because they don’t like where the labels are placed – they bail out because they don’t like the questions they are being asked, because they consider the questions are intrusive, or because they don’t know the answers.

    best
    Caroline Jarrett
    Author: “Forms that work: Designing web forms for usability”

  66. 66

    Yes, yes, yes! Great post. Good stuff indeed.

  67. 67

    Good article! It’s always nice to see current standards in web usability. I believe users are more willing to scroll now then they were years ago, yet it’s still a good idea to keep your primary content above the fold if at all possible.

  68. 68

    Yet another excellent resource. All very useful points. I like lists like this as they help designers win battles against managers who don’t have a clue!

  69. 69

    I was enjoying this post until I read the words “Jakob Nielsen”, then I threw up in my mouth.

  70. 70

    It’s worth noting that ‘the fold’ on 768 is several fewer pixels high than that – around 530 on my netbook (which displays @ 1024). Check out Twitter’s login page, which seemed absurdly small on my high-res workhorse laptop – the design is about 780 x 530 and fits perfectly in my netbook’s Firefox.

    Love the eyetracking info. Hilarious that users (humans!) look in the direction the character onscreen is looking!

  71. 71

    Great article! I’m looking forward to sharing it with some others. You could have called it, “Usability for Designers,” and it also works great as a basic-usability-for-beginners article. Very clear, lots of illustrations.

    If you are targeting a beginning audience, you might include best practices with the case studies statistics. It won’t help a beginner to know that most sites out there align the submit button to the left or center, but it will help them to know that aligning it to the left has the best usability. (You do this already in your bullet point on the number of characters to have in a line — and, in so doing, show that most sites get it wrong!)

    Anyway, great job! Thank you for taking the time to put this together.

  72. 72

    Very handy!! thanks!

  73. 73

    Great article, one thing about apple’s search box thou: I think that you picked a wrong website for this part as Apple’s search box has an ‘auto-suggest’. If it was only to show that the box is to small it’s fine.

    Just a small point, yet again a great article :)

  74. 74

    Very Informative. Thumbs up!

  75. 75

    Anyone designing or developing forms should have Luke W’s book:

    Web Form Design: Filling in the Blanks
    by Luke Wroblewski
    Published May, 2008 by Rosenfeld Media

    It clearly walks you through form design, best practices, different options, and the eye tracking studies- all from current studies.

    His site also has practical instruction for form design, button placement and other usability considerations: http://www.lukew.com/ff/

  76. 76

    Overall a good article, though incorrect about the scrolling.
    The baby face looking in a direction is also an impractical novelty act. Is the suggestion to regularly use faces looking at your ads or other important pieces? I would hope not. I know I’d get irritated seeing random faces looking in random directions.

  77. 77

    An extremely useful article!

  78. 78

    Love the baby eye concept. Just amazing that we can figure these things out.

  79. 79

    Thanks for this one. This is the most useful article I’ve read in a while. Keep up the good work.

    Cheers!

  80. 80

    >One em is the width and height of one “m” character

    Incorrect. One em is equal to the type size. So, one em in 12-point type is 12 points. This does not necessarily correspond to the width (and certainly not the height) of an “m” character.

  81. 81

    Good read. Excuse me while I go hack up the site I just finished and move the labels above the fields.

  82. 82

    as usual you guys rock //…

  83. 83

    About that scrolling… a user review we did recently found that users didn’t scroll on the site homepage but did on all other content pages. Since hearing that I’ve noticed my own behaviour and I’m inclined to do the same. Also I suspect there are different behaviours for blogs and social networking style sites where people expect to see a stream versus a “traditional” website homepage.

  84. 84

    Justin R. Buchbinder

    September 24, 2009 1:04 pm

    This is a great roundup that saves us a lot of clicking around when we have to explain design choices. Thank you for a usable article for usability folks!

    xoJR

  85. 85

    TLDR comments, so forgive me if this has already shown up, but another primary reason for vertically stacking form field labels rather than aligning them horizontally is localization. If you’re creating tools for an international audience, keep in mind that the field label you’re using in English can potentially be much longer in German. Vertically stacking labels and fields mitigates this issue.

    Great collection of studies!

  86. 86

    Wonderful, bookmarking it!

  87. 87

    I have never commented on one of your post before, but being a webs designer, this is a great article. Most useful thing Ive read yet. (and i read every day)

  88. 88

    Outstanding article, surely among your best. Many thanks.

  89. 89

    Thanks so much for this. It’s much more concise than many other usability study findings, and this will be a great sort of “Cliff’s Notes” for clients who don’t want to read a bunch of boring, technical stuff. Bonus points, as usual, for visual aids!

  90. 90

    Greatly useful and informative article! Thank you for your research.

  91. 91

    Great article. A collection of some basic information that I have recently overlooked in my designs. Back to basics is right!

  92. 92

    The scroll wheel on all mice probably helps the “users now scroll argument”

  93. 93

    If I have a picture of a baby looking at the ads at the side of the page, will people *then* look at the ads?

  94. 94

    hoho..great,
    thanks!

  95. 95

    Great post. I am really digging into the usability around drop-downs. Of course Jakob N recommends against using them, but it just seems inconclusive…especially since drop-downs and drop-ups are such a common convention in computers alone.

  96. 96

    Yawn. These findings are not particularly interesting, and the author’s interpretation is suspect. You’d learn twice as much from any of Nielsen’s articles so I suggest you go to the source. A lot of these confuse trends with heuristics and neither of those are really laws so look at what your site is doing rather than following these blindly.

  97. 97

    Thank you for this post. It’s the kind I like: concisely written, with just enough examples to illustrate the points. I also appreciate the recap of your past findings. My only complaint is that I think your description of ems is rather obsolete and not entirely accurate. :)

  98. 98

    this is very interesting stuff. It will help lots of people. Thanks man.

  99. 99

    Nice Article ! Good to see a usability post.
    I just dont agree with the “Blue is best color for links” point, rest all thanks for sharing !

  100. 100

    excellent article .. if all the ppl in the web industry go through this .. even quickly .. we wouldnt have junk site online

  101. 101

    Awesome article!
    Three cheers for “Dmitry Fadeyev” :)

  102. 102

    Seems like I made some mistakes. It’s very helpful.

  103. 103

    Awesome article. Keep adding such stuffs.

    Thanks

  104. 104

    Nice one – I couldn’t agree more on most of the topics. I love the info on how users follow faces as this can be a very valuable tool to use.

    Thanks Smashing Magazine!

  105. 105

    Very valuable article, every designer should read this!!! Thanks SM for sharing it.

  106. 106

    Excellent Post!

    Quite arguable in terms of whether a Homepage design should fit without any scroll. Although, more importantly – it’s to do with the minimum resolution you design for. For instance, where I’m from – we design for 1024×768; hence the maximum height is 600px.

    On the other hand, in other parts of the world 1280×800 / 1280×1024 could be regarded as minimum – which in turn gives you a good amount of height to design for.

    So, it’s a lot to do with the resolution you’re designing for as compared to designing without scroll – besides, clients always want to show as much as possible on Homepages. Hence, we try and focus on the most important factors within the no-scroll area (ideally navigation and a banner), whilst the scroll area would consist of secondary factors (other content blurbs, etc.)

    Great article otherwise! :)

  107. 107

    It always is nice to learn something about internet design
    And these 10 tips are very nice
    so thank to you :)

  108. 108

    Top tips, great article! Love this kind of thing!

    Andy

  109. 109

    Really nice and educating… Let’s made new Pixmac homepage then ;-)

  110. 110

    I like how this article talks about the best bits of the content being above the fold, whereas this page has nothing but ads above the fold!

  111. 111

    Very useful findings for IT people and designers!

  112. 112

    Nice article, thanks!

  113. 113

    Great stuff thanks. I like.
    It seems that blog readers wanting to post a comment, DO SCROLL!

  114. 114

    Amazing !! so much useful information ! Thanks a lot
    And japie up here is right ! we do scroll ! haha

  115. 115

    Thanks Dmitri for sharing. very illustrative and interesting article

  116. 116

    I think it would be worth noting that these are trends as a few others have noted in the comments…. and they are trends all pulled from 2006.
    The user evolves just as the design does.
    Hoa and Jacob both noted in conferences I’ve been to with them that things do change.
    An example would be that before users could not handle multi-tier menu systems but now they tend to be able to work with a double – tier… not a triple…
    As far as forms I think it’s great from a speed perspective to do the vertical stacking of label to text field but if the form is longer then the three fields suggested other things need to be considered such as the length of the overall form.
    20 fields would be 40 lines long vs. 20 lines long if you used fishbone (label on left and right aligned to the text field) … longer forms could lead to user ‘fatigue’.
    I guess I would suggest not taking these suggestions as laws but rather points to start at and go from there.
    Just some thoughts,
    Tudor

  117. 117

    For interesting counterpoints and discussion of the research presented here, you should check out the thread on the IxDA forums.

  118. 118

    Thanks! This is a gem. It’s good to have documented back up explaining what designers do instinctively.

  119. 119

    Thanks for work guys !
    Very informative (Like always :)

  120. 120

    fantastic article!

  121. 121

    Thanks for the best practice!

    Ben
    artisanat cambodge

  122. 122

    Thanks for the best practice!

    Ben
    artisanat cambodge

  123. 123

    a very useful and informative article! these are things that we all see everyday, but never give a lot of thought to.

  124. 124

    Yeah really useful thanks – more please.

  125. 125

    The sources to the section “Quality Of Design Is An Indicator Of Credibility” are from 2002, 2001 and 1999(!) respectively. Sure, quality never goes out of fashion, but a 10 year old study? That’s aeons when it comes to the web.

  126. 126

    Very useful indeed! thanks a lot

  127. 127

    I am dubious about the claim about form labels. For a single column of fields or a small number of fields this may be true but for large forms, it makes scanning labels difficult because the user’s eye has to stumble over all the boxes. Look at Tufte’s writing which points to de-cluttering visuals. This practice creates a lot of clutter.

  128. 128

    wow! what a great article, including those statistic rate!
    it really helps!

    thanks for sharing this!

  129. 129

    Now I feel like an expert in web design!

  130. 130

    Thanks for the statistics. Web designers should read this. Web designs shouldn’t just look good, it should WORK too.

  131. 131

    I seem to digg everything from smashing magazine?!?

  132. 132

    What rolls down stairs
    alone or in pairs,
    and over your neighbors dog?

  133. 133

    There are often “good” articles on Smashing, but this one was great. The value of good statistical analysis is often over-looked, and even more often not applied, but this was a fantastic article for combining a quick-reference of current user preferences. It’s nice to have a default answer based on more than hear-say or “gut feeling”.

  134. 134

    I find it interesting/confusing that the way articles are separated on the home page is very similar to the way subsections of the articles are separated on the article page.(10 Useful Usability Findings) I was looking for a “read more” at the end of the first section on the article page because of the similarities. Numbering the sections 1-10 since the article is 10 Useful Findings would make a big difference.

  135. 135

    Another great post! Absolutely the kind of wisdom and advice that I like to see… incredibly helpful for an after market Jeep parts manufacturer like ourselves where we are dealing with a different kind of product and one that is not purchased on the first visit to the website because of the price point.

    Thank you!

  136. 136

    Nice! Thanks for listing them!

    One small sidenode: the link to your twitter profile doesn’t work. I suspect that you’ve forgotten to suffix “http://”.

  137. 137

    Just wanted to say thank you for a great, great site! One remark: Maybe you should split or otherwise separete out the photo-articles, they have less to do with the core subjects on your site.
    Einar

  138. 138

    I echo comment #28. You did a great job of citing sources in all but 2 cases. Van Schaik and Ling have published together at least 4 times. I’ll probably end up snagging them all if I can get my hands on them, but I’d like to be able to get straight to the punch, so to speak. The only “Lin, 2004″ paper I can find on the ACM Portal that comes close to fitting a study on white space and reading comprehension is specific to online learning in the Chinese language. Those findings may not apply to English. But just because that’s currently my best lead doesn’t mean I think that’s the study you’re citing.

    I’m about to launch a redesign for a community college website and the more peer reviewed, published evidence I can collect to back up the design decisions I have made the better equipped I will be to defend my position (should the need arise, so far what feedback I’ve wrangled out of people has been positive). I can cite blogs and sites like this one and A List Apart all day long, but academia isn’t quite ready to accept you guys as reputable sources just yet. ;)

  139. 139

    Internet Strategist @GrowMap

    September 28, 2009 3:07 pm

    I sincerely hope anyone involved in designing a Web site reads and applies these suggestions. I would add that product descriptions should leave no questions unanswered: people do not buy until they are confident they have all the information they need. Products must include size, color, options. Many ecommerce sites fail sorely at providing these details.

    The only thing I didn’t see in your post was the importance of upgrading the quality of the search function on most e-commerce sites. Most default search functions fall flat on any complex search. Try searching by brand and model or brand and size or color and name and you’ll quickly see what I mean. Many unrelated results are almost as bad as no results. Most visitors will only search once and if your site doesn’t show them what they want they will assume you don’t have it and move on. Most will NOT look around.

    Better usability equals increased revenue. Improve it and conversions WILL go up. Ignore it at your peril because conversions are more important than traffic.

  140. 140

    I can’t believe there are so many comments defending scrolling. Whether or not a user will scroll is completely dependent on which information mode they are in – serendipitous browsing will make a user less likely to bother with scrolling than a user who has their sights locked on a specific target and is hunting it down methodically.

    I really dislike sites that make me scroll down and read closely to see if they have any useful information for me. Make content scannable and I will happily scroll – at speed. Which raises another point: if you bury your best stuff in long documents, you might get users to scroll down some of the way, but if they have a mouse with a scroll wheel, they are likely to be scrolling at quite a speed, and possibly skimming over your key points. This page (like most smashingpage articles) is a good example of using meaningful headings to help the user scroll and skip to sections that are relevant, possibly the only saving grace of a long page.

  141. 141

    Dmitry’s twiiter link is broken.

  142. 142

    I scrolled to the bottom to post this comment.

  143. 143

    Nice one. But the find a usable comment form if you want me to reply next time!!

  144. 144

    Excellent article. It is aways nice to get a condensed set of ideas – particularly if you are not deep into usability – but want to learn nuggets from time to time – thanks.

    I do wish that folks would understand that there are really two very different reactions to scrolling depending on the web site. If I am reading an interesting blog post or perhaps the technical specifications of a product – I am happy to scroll and do so all the time. If on the other hand, I am entering grades for 300 students and need to scroll on every grade to find the “Save Grade” button – that is a terrible usability problem.

    Any gross percentage of “will users scroll” “or scrolling is good/bad” is far more a function of he nature of the sites they are looking at rather than the “innate” tendency or willingness to scroll or not scroll.

  145. 145

    Wonderful compilation! Thanks for documenting this.

  146. 146

    There seems to be a bit of animosity over #4 Most Users Do Not Scroll. I think the title doesn’t match the content of this point and could read: Users Do Not Scroll on Most Pages, which I feel is still generally true. Sure users scroll when they *desire* to, but I feel the import point is: consider what it will take to lure the user into viewing all of your content below the fold. Place the key messages above the fold and design them in a way that keeps a visitor interested. And if you’re balking because *everything* on a busy page is key, then you need to do more homework and find out what is truly key to your visitor.

  147. 147

    Just wanted to say that for Product Pages, the lack of useful tech info has caused me to give up on the Apple page numerous times, and remains a large part of why I have never bought a Mac – it takes too long to get to the info you want, so I give up.

    My two cents.

  148. 148

    Anyone keeping up-to-snuff on the way users are evolving or reading blogs from prominent developers and researchers can play devil’s advocate for a good portion of these. If you’ve got a website that needs to be designed for an audience who has never used the web or are behind the times software-wise, sure, these are just basic things that you should know from the get-go. Web development 101.

    Also, Grimmash, what are you talking about?
    http://www.apple.com/imac/ > http://www.apple.com/imac/features.html / http://www.apple.com/imac/specs.html

  149. 149

    Very useful! Thank you.

  150. 150

    Great article! Thx

  151. 151

    Bonus Points: Also notice the F pattern on the right of the baby photos. It’s how people read, in an F pattern.

  152. 152

    Very interesting tips

  153. 153

    This thing about userd do not scroll
    I know you r saying there was research and stuff…

    but i belive many user do scroll
    specially the ones used to blog reading

  154. 154

    Just had to type something as well to show my appreciation. Great post.

  155. 155

    Is the baby dead? [great article]

  156. 156

    graphic design calgary

    October 3, 2009 8:51 pm

    I can concur, referencing other studies, that these are valued findings. Some seem to be new findings. And very insightful and logical.
    Thanks for this.

  157. 157

    Christopher Vance

    October 4, 2009 4:01 pm

    I stumbled across this, and it’s a very useful collection of data in one post. Thanks!

  158. 158

    Thx.

    But seriously – Jakob Nielsen is so overrated. Check his site out and see for yourself. Usability there? Don’t think so…

  159. 159

    Jakob Nielsen really, REALLY doesn’t know what he’s on about. It’s the sort of stuff that Google loves, ie: data driven design. It doesn’t matter how it looks or works, as long as it matches whatever bullsh*t user survey is kicking about at the time.

    THERE IS NO FOLD.

  160. 160

    I put in an order for a custom logo for a startup yesterday, and I just sent the designer a link to this article saying he should make sure the drawed figure should look in the direction of the signup info! Just to let you know that you are having impact with your writing, THANKS!

  161. 161

    Need to be careful in assumptions that come from very small-scale ‘studies.’
    If a small ‘study’ is better than none, let me tell you about my 3 uncles who each smoked a pack of cigs a day and lived into their 90’s–and Winston Churchill too. So go forth and smoke all you want! (joking)

  162. 162

    Just had to type something as well to show my appreciation. Great post.
    ^.^

  163. 163

    Stumblepba (NGDlover)

    October 6, 2009 6:27 pm

    I appreciate this article…..but dont agree with the scrolling idea, in fact, I’m scrolling to leave you a reply

  164. 164

    Great Info :)

  165. 165

    Oops, I scrolled.

  166. 166

    a spelling mistake in guideline No.5: ” if usability ‘is’ your priority” u made it ‘if’. good article :)

  167. 167

    It’s a pity you posted “Form Labels Work Best Above The Field”.
    Thousands of designers are doing so based on a small test done with a small form with a few subjects.
    The test demonstrates, at most, that the time to switch sight from label to input is shorter in 1-column forms. A few milliseconds.
    But a form is affected by many other factors in addition to this one.
    See for example http://www.ixda.org/discuss.php?post=41873#41873 where renowned expert Caroline Jarrett rants about designers that accept blithely the result of such tests.
    Labels on top woth fine for login forms, for example. Moreover, if you write “foo” and “bar” instead of the regular labels it would work anyway.
    Also, labels on top must be smaller for this to work, much smaller. Users 50+ years old will not read as fast as the 8 very young merds that participated in the test.
    There is no magic single solution for every design situation, as you pretend with this posting.

  168. 168

    really great information. Thank you so very much!:)

    just let love be

  169. 169

    Usability das unbeliebte Thema bei meinen Kunden, Man sieht nicht wirklich was und kann sich auch nicht erklären, dass das Klicks bringen soll. Ist aber so. Ich finde, dass hier noch sehr viel Arbeit für Agenturen zu leisten ist.

  170. 170

    Thanks for this wonderful article, I already applied in one of the pages.
    Poonam

  171. 171

    well done. great. thank you!

  172. 172

    So simple and so interesting. Thanks :)

  173. 173

    A very nice collection of ‘usability’ points though I must point out several severe gliches in your understanding – usability is about “grip” not “traction”. Consider your points 3, 4 and 7. If usability is our concern… 7 is irrelevant and 3 contradicts 9. To take my point, a logo in the top left corner is negligible, while centred on the page it becomes focused – this is usability, it is not design. Considering the implications – the mind seeks logic not beauty and unfortunately many researchers (JN included) fail to differentiate or worse indulge the herd instinct over logicality; resulting in subjective analysis of subjective material. Juan Lanus’ comment regarding forms correctly highlights this point – forms are logic based… to which I would suggest the best solution in forms is to include the field title within the text field (these days scripts allow us to do so).

    Usability is inexorably tied to logic and structure… easily taken as a crutch by inept designers and dogmatic clients. Lets keep the presentation layer as clean as possible through the logical procession of data.

    Thanks for a consistently great website – full of these topical gems.

  174. 174

    10 Useful Usability Findings and Guidelines:

    #11
    Make your web page work in IE6?

    :-)

  175. 175

    Absolutely Brilliant !
    Great in-depth info…

  176. 176

    I’m new to web marketing and I really appreciate the article! Really good advice. How people visually interact with websites is very cool!

  177. 177

    Great post. keep up the good work.

  178. 178

    Very interesting, great article! I think Smashing Mag should implement rule #6 haha.

  179. 179

    Actually, after counting and calculating, the number of characters per line checks out. See also: http://psychology.wichita.edu/surl/usabilitynews/72/LineLength.asp. Because of the excessive em-width in most of my designs and the font faces that i choose, lines in a simple article or comment actually can contain up to 80 characters at an em-width per line of only 35em. I got confused by the em-count.

    PS
    With regard to #6 that calculation seems only to be valid at a lineheight of 1 for the search box. I haven’t tested this but i’m beginning to think that using en as a unit will get you much closer to the right size.

  180. 180

    Really very interesting!

  181. 181
  182. 182

    Jim, the curmudgeon

    February 15, 2010 8:17 pm

    So, if one DOES scroll, wouldn’t it be nice to have at least the page navigation section {position:fixed;}? Or does IE still cause problems with that? [rolleyes] At a minimum, how about some occasional “Back to Top” links?! You might be surprised at how few know about cntrl/command-up arrow! ;-) Cold be why so few ever wanted to scroll down, in the first place…”old habits die slowly”

  183. 183

    Well done, the head of my company will love this, qwe can use it to show why clients should go for good design…
    My favourite bit is about the recognition of faces, there’s fascinating repercussions for a lot of my work let alone anyone elses.
    So thanks.
    T

  184. 184

    Wow, this is quite an eye opening article! I really like the bonus section analyzing typography. I will be sure to incorporate these findings into future web design projects.

  185. 185

    Extremely useful case study on usability and common practices !

  186. 186

    love it! so helpful for non designers like us who want to understand layouts more. Thanks a lot.

  187. 187

    Media Tectonics

    April 11, 2010 9:36 pm

    Great advice! Especially for people just starting out … love the fact that research shows why certain colors are best for what purposes. For example, red was shown to be the book cover color that generated the most “hits” on the bookstore shelf.

  188. 188

    Intensive study on usability.

    We know it but wont implement it. This study helps to go for it.

    Thanks to the team.

  189. 189

    Very usefull article.
    Should be a guideline for most of us

  190. 190

    The ad thing is so true! I’ll notice that there’s a bunch of junk in the sidebar, but never pay attention to it. I’ll only know that it’s some sort of box – probably an ad. I also have tons of ad blockers so I don’t see too many anymore.

  191. 191

    First off, wonderful article – great ideas that just about every web surfer can get behind!

    That said, I do have one more to add to the list – and I don’t mean this in a passive aggressive whiny way, this really is a suggestion – pages with giant comments sections at the bottom make scrollbars misleading. A scrollbar is used not only as a way to move through the page, but also as a gauge for its length. This is especially the case with articles – if you are at the top of an article, it is nice to have an idea of how long it is to know if you have time to read it (or the attention span!) and the size of the scrollbar can really help with that. When there is a giant comments section after the article, the scrollbar is at minimum size and does not correspond to the length of the article.

    I think the best way to take care of this is with an expand button after the first few comments. The full comments section (perhaps with a scrollbar of its own) would expand into the same page, rather than linking into a separate page. It would function similarly to the ‘Older Posts’ button on Facebook’s news feed.

    • 192

      Fabulous insight, Patrick. I too many times judge the length of an article by taking a glance at the scrollbar handle’s size. Keeping the comments contracted would really avoid a false impression about the actual length of an article.

  192. 193

    Reklambyrå Stockholm

    May 26, 2010 2:46 am

    Alot of useful information here. Almost too much to grasp at one moment. Usability is somethign i need to learn more about.

  193. 194

    Very usefull article.
    Should be a guideline for most of us.
    i will use for tour-pattaya.com.

  194. 195

    I was a bit surprised about the link color… I don’t think I’ve associated the color blue with hyperlinks since the 90s. When I visit a website, I expect the links to be obvious enough (in a menu or as buttons) that they don’t need to be colored to identify them.

  195. 196

    Really useful, thank you :)

  196. 197

    Nice article, but I disagree with your assessment of Basecamp’s old site. I think Basecamp’s old site (the one you sited) is much worse than their new one, because the old one simply crams way too much info on one page. That is why they changed it I am sure.
    Thanks for the helpful article.

  197. 198

    project management software enthusiast

    July 29, 2010 5:28 am

    Very interesting and usable guidelines! Usability indeed is an important aspect of Web design –the easier it is for customers to find what they are looking for the more they will buy or inquire.

    Too often web sites focus on looking attractive, without understanding the true needs of their customers. That’s my two cents :)

    Eva

  198. 199

    Really useful, thank so much :)

  199. 200

    So scientific, so useful for any UI and web designer. Keep writing :)

  200. 201

    Useful and much interesting information. Thanks for great post.

    – Em

  201. 202

    Very good artikel, thanks! I knew about the face focus, but had never seen eyetracking about it.

    May I use the screenprint if I’ll write something about this subject?

  202. 203

    Hello dude,i like Ones New website in truth a lot. attain u have suggestion being my homepage? thanks as Your attention

  203. 204

    Dare I say must have information for website owners. Yes, i dare say.

  204. 205

    Undoubtedly one of the most useful articles on Web page usability. Thanks for these tips. Bookmarked!

  205. 206

    This is some very useful information.

  206. 207

    These are very good tips. Leaving enough white space is essential to keep things looking organized and professional. Thanks for sharing.

  207. 208

    Incredible tips! Just purchased a web design franchise and will definitely use this Top 10 list as a resource for myself and my customers!

  208. 209

    Good article ! very useful information.

  209. 210

    If most users are blind to advertising then why is an ad the first thing you put on this page? Hmm? :)

    Aside from that faux pas, excellent compilation of usability tips.

  210. 211

    While this post is rare in today’s world, this is always something that needs to be written about. It was a good post.

  211. 212

    Great article. Thanks for posting!

  212. 213

    Though i dont usual like to comment, occasionally i know i should. This is 1 of those times, cheers for your excellent post.

  213. 214

    I’m an experienced SEO who is in the process of auditing all my old bookmarks to see which I could discard, which are now 404-ing, etc. I’d forgotten how awesome this post was. Great advice, succinctly put. I know this is awfully close to a “great post” comment, but I just wanted to let you know it was appreciated.

  214. 215

    This is just the kind of detail I was seeking. I wish I’d have found your web blog earlier.

  215. 216

    Cool, thanks a lot!

  216. 217

    Fantastic study. This is so valuable especially in the SEO world where usability and site metrics is playing a much bigger role in rankings than ever before. Some great food for thought here.

  217. 218

    Great post. FYI, under “3. Quality Of Design Is An Indicator Of Credibility” all of the Stanford links are down.

  218. 219

    Great post on the humble search field.

  219. 220

    I wonder if the blue links still apply now 4 years later. Even Google seems to be dropping them. I still get clients telling me they want all their content above the ‘fold’ so I love showing them studies on scrolling.

  220. 221

    Such a great post, I believe the key to the usability of your website is in creating a consistent and obvious navigation, since users are impatient, they won’t spend time in searching for it.

  221. 222

    It’s AMAZING! I already bookmarked this article. Thank you for making it so simple, handy and easy to understand.

  222. 223

    Reading this on iPad landscape mode in 2013.
    The last point makes sense, yeah…

  223. 224

    Great post! It was very informative and enlightening. I’ll be sharing this article with others.

  224. 225

    This is a great resource for web designers

↑ Back to top