Usability Resources to Win Arguments

Today’s post is a big one and it’s most definitely one for your bookmarks menu, because from time to time when speaking with clients it becomes necessary to have material to backup the statements which you are making.

Sometimes clients will suggest things such as forcing all users to register with a six page long form before they can even access the site. They aren’t web professionals, it’s not their fault for not knowing that this isn’t a good idea from a usability perspective.

If you’re going to convince them that this is a bad idea, however, then you’re going to need some rock solid material to back that up. While an element of trust is always important to a working relationship, you have to respect that sometimes clients will just need to see the facts in front of them to fully understand that what you’re saying is correct.

So, what we’ve done for you today is compiled a list of some of the biggest, most compelling usability articles which address common issues. Hopefully this should help you during tough conversations about what does and doesn’t work on a a website.

Bookmark this post, come back to it, use it in meetings and educate your clients on the things which work for other websites, so that they might also work for them.

 

How Not Forcing Users to Register Increased Sales by $300million

1

A truly fascinating article covering how one ecommerce site removed forced user-registration during the checkout process, with a result of a $300million increase in revenue. Very impressive.

 

10 Useful Usability Findings and Guidelines

2
  • Form labels work best above the field
  • Users focus on faces
  • Quality of design is an indicator of credibility
  • Most users do know how to scroll
  • Blue is the best color for links
  • The ideal search box is 27 characters wide
  • White space improves comprehension
  • Effective user testing doesn’t have to be extensive
  • Informative product pages stand out
  • Most users are blind to advertising

 

Browser Resolution Stats by Google

3

A big diagram by google showing browsers sizes overlaid on top of a web page and where you should place call to actions to ensure that they are immediately visible without the need to scroll.

 

The myth of the page fold: evidence from user testing

4

“People tell us that they don’t mind scrolling and the behaviour we see in user testing backs that up. We see that people are more than comfortable scrolling long, long pages to find what they are looking for. A quick snoop around the web will show you successful brands that are not worrying about the fold either.”

 

247 web usability guidelines

5

A massive post of usability articles covering:

  • Home page usability: 20 guidelines to evaluate the usability of home pages.
  • Task orientation: 44 guidelines to evaluate how well a web site supports the users tasks.
  • Navigation and IA: 29 guidelines to evaluate navigation and information architecture.
  • Forms and data entry: 23 guidelines to evaluate forms and data entry.
  • Trust and credibility: 13 guidelines to evaluate trust and credibility.
  • Writing and content quality: 23 guidelines to evaluate writing and content quality.
  • Page layout and visual design: 38 guidelines to evaluate page layout and visual design.
  • Search usability: 20 guidelines to evaluate search.
  • Help, feedback and error tolerance: 37 guidelines to evaluate help, feedback and errors

 

An Introduction to Using Patterns in Web Design

6

A fascinating article covering the use of patterns for usability in web design, or “chunks” as the author calls them!

 

F-Shaped Pattern For Reading Web Content

7

Eye-tracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.

 

Top Ten Mistakes in Web Design

8

The ten most egregious offenses against users. Web design disasters and HTML horrors are legion, though many usability atrocities are less common than they used to be.

 

Weblog Usability: The Top Ten Design Mistakes

9

Blogs are often too internally focused and ignore key usability issues, making it hard for new readers to understand the site and trust the author.

 

Top-10 Application-Design Mistakes

10

Application usability is enhanced when users know how to operate the UI and it guides them through the workflow. Violating common guidelines prevents both.

 

Mega Drop-Down Navigation Menus Work Well

11

Big, two-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain the user’s choices.

 

10 Usability Crimes You Really Shouldn’t Commit

12

A big post by Chris Spooner covering forms, logo links, link states, alt attributes, background images, content, link text and text alignment.

 

101 Five-Minute Fixes to Incrementally Improve Your Web Site

13

An absolutely huge post covering quick improvements for usability across so many different levels. This is great one for picking out things that your client’s site might need to have done to it!

 

Blasting the Myth of the Fold

14

Another article slamming the idea that nothing below the fold ever gets seen. Users know how to scroll. The fold is relevant for a few things, but it is not the be-all and end-all.

 

UX Myths

15

A great site which is regularly updated with a list of (sometimes funny) myths of user experience issues, these include things such as “all pages should be accessible in 3 clicks” and “the home page is your more important one”.

 

Eyetracking points the way to effective news article design

16

Real eye tracking tests carried out and showing interesting results with regards to the effectiveness of laying out new articles and blog posts.

 

Label Placement in Forms

17

A detailed case study showing that the optimum placement for label forms is to the top-right of the form field.

 

12 Standard Screen Patterns

18

A great rouncup of some standard screen layouts which may pursuade clients away from spherical invisible navigation, or similar.

 

“Mad Libs” Style Form Increases Conversion 25-40%

19

This interesting article covers how well forms work when arranged as blanks within sentences rather than simple linear pages.

 

Breadcrumbs In Web Design: Examples And Best Practices

20

“On websites that have a lot of pages, breadcrumb navigation can greatly enhance the way users find their way around. In terms of usability, breadcrumbs reduce the number of actions a website visitor needs to take in order to get to a higher-level page, and they improve the findability of website sections and pages.”

 

Inline Validation in Web Forms

21

A study by A List Apart on inline validation in forms with live user videos showing the differences between standard forms vs inline validation.


This post was authored exclusively for WDD by John O’Nolan, a core contributor to the WordPress UI Team, writer and entrepreneur based in Surrey in the United Kingdom. John loves to talk to people, so why not follow @JohnONolan on twitter too?

What about you? Do you have any really great articles like these which you think would be a good addition to the list? Drop us a line in the comments below so that everyone can benefit from them!

  • Yongning Liang

    great post

  • http://tiny.cc/mialazar Mia Lazar

    Cool, on one place all this things.

  • http://www.scottcarmichael.co.uk Scott

    “101 Five-Minute Fixes to Incrementally Improve Your Web Site” looks great, gonna have a look through it now. Thanks for sharing.

  • http://www.joelemberson.com Joel Emberson

    Very nice roundup here – thanks!

  • http://www.justsearching.co.uk Ben

    Wow that’s an amazing resource. The article about patterns in usability is fascinating, would have never guessed the results.

  • http://www.theresasheridan.com Theresa Sheridan

    Wow, excellent read! It’s going to take me forever to actually visit everyplace you mention, but I think it will be worth it. I have a couple of clients at the moment that I might need a few of these arguments for.
    Thanks for putting together such a thorough list!

  • simon

    Very Useful

  • http://www.how-to-asp.net Ryan

    Thanks a ton for sharing this awesome list!

    I will definitely be using this tonight to dissecting my new site. It needs lots of work.

  • http://www.sushifox.co.uk Craig @ sushifox

    Thank you thank you thank you thank you thank you thank you thank you.

    I have been dealing with so many client opinion-related difficulties recently. This has made my day. Hopefully this means they’ll consent to getting a better website.

  • http://laroouse.com piyansitll

    very nice post thanks a lot

  • http://www.vivoocreative.co.uk Nottingham web design

    Very interesting post thanks for sharing

  • http://www.houmedia.com Alysia

    Best. Post. Ever. I will sooo be using this information. (in my appreciative, valley-girl voice).

  • http://www.rawkmedia.com John

    Ugh, usability is such a tough one to get across to new customers during the web design phase… but it’s probably the most critical function to get right… especially when complexity is introduced. Great post!

  • http://anneliidnert.wordpress.com/ Anneli

    Very good post, I will save this for the future, thanks!

  • http://www.bwired.com.au/ Alan

    This is like the all in one mega list of usability resources. Hats of to John O Nolan.

    Great list indeed :) as said in the intro…goes to the bookmark menu :))

  • http://www.search-engine-academy-washington-dc.com Nancy E. Wigal

    Nice compilation to show my clients and attendees! Thanks so much!

  • http://www.acrylicweb.co.uk Web Designer Swindon

    This is one of the best blog posts in a long time! Crucial points missed by clients and industry starters.

    Thank you for sharing

    Carolina

  • Zifang

    Great compilation! Thanks a lot!

  • http://www.simonday.com Simon Day

    It is nice to see usability starting to really take hold. Even the best design in the World is useless if the visitor can’t find the path they require. I had read a lot these already and they are all worth reading to understand how easy it is to control the user journey even with the worst design in the World.

  • http://twitter.com/ppatel Pratik Patel

    am I missing something? Are there supposed to be active links to the articles mentioned via the headings? If so, the links do not appear as hiper links.

  • http://www.stepforth.com/ Scott

    Some great tips in here, lots of great resources – will definitely come in handy when speaking with some clients :)

  • http://www.alejandroperazzo.com Punta del Este

    Good one, and archived for a further read.

    thank you

  • http://www.salesplusplus.com Andy

    Fantastic post!

    Bookmarked on everything.

    Thanks

  • http://www.formsthatwork.com Caroline Jarrett

    You mentioned the 2006 article by Matteo Penzo: “Label Placement in Forms”. It’s useful, but it’s also out of date.

    Before following the advice in it, read my more recent articles on label placement, such as (October 2010) “Label Placement in Austrian Forms, with Some Lessons for English Forms” http://bit.ly/cXPcuV

  • Jennifer

    Did I see a typo in the “Label Placement in Forms” reference? I see you say the optimal location for labels is to the top-right of the field.

    Um, you mean the top-left? Or, did I miss something?

    All in all, THANKS. I have most of these already bookmarked, but individually it’s a pain for me to sort through. I appreciate the culling you’ve done.