However great you may think your site looks, If it’s difficult to use people won’t come back. If you want to have a successful website, then you have to make sure it’s designed around the requirements of your users. As designers and developers we are sometimes just too close to our sites to see their problems. In this article we have showcased 7 common usability issues that are often overlooked or simply ignored.


Say what it does

Anybody who visits your site should be able to understand what it does within a few seconds. Be mindful that the majority of your visitors will probably not enter via the home page. Write a good tag line explaining what your website does, include it next to your logo or somewhere prominent, this will help get your message across to new visitors.

Who gets it right: Twitter.com

Further reading:
Turning Visitors into Users
How to Write a Strong Value Proposition
Tips on Making Great Taglines

Keep homepages clutter free

Be ruthless when deciding what needs to be on your homepage. Just include the necessities, when someone visits this page it should be instantly obvious what your site is and what their next step should be.

Who gets it right: Ning

Further reading:
The Ten Most Violated Homepage Design Guidelines
UX matters – Home Page Design

Be consistent and use conventions

Try to use standardized ways of performing functions. That new jQuery menu you just made may be cool but it might just confuse your users. Try to keep the user experience consistent, keep navigation elements in the same format and position at all times. Having to continually search for key elements every time they go to a new page is going to frustrate your visitors.

Who gets it right: Amazon.com

Further reading:
Design With Web Conventions
Top 5 Web Conventions
Design with Consistency
Why Consistency is Critical

Navigation

Navigation is perhaps the most important element of any web design. Tabs can be a really effective means of primary navigation, they are also commonplace so everybody knows how they work. Whatever form of primary navigation you choose make sure its consistent across your site. If you have a big website that’s well categorized you should use this to your advantage, include a prominent list or related categories or other categories in that section.

Who gets it right: About.com

Further reading:
CSS Showcase – CSS Navigation Menus
10 Brilliant Multi Level Navigation Menu Techniques
50 Beautiful And User-Friendly Navigation Menus
webdesignpractices – Local Navigation
Create apple.com-like breadcrumb using simple CSS
Breadcrumb Navigation Increasingly Useful

Response and load times

Most users will not tolerate a slow website, if you ignore this issue you are going to lose a lot of potential page views / visits / customers. You want to aim for your pages to respond in under a second and ideally in one tenth of a second.

Who gets it right: Digg.com

Further reading:
Optimizing Page Load Times
15 Quick Ways to Shrink Page Load Times
Pingdom Free Tools – Full page test


Let your users search

Sounds obvious but its surprising how many sites don’t have a search box or hide it away somewhere. Many web users are search-dominant and use search as their primary method of navigating, if you don’t have a search facility or it doesn’t work as it should, they wont be sticking around.

Who gets it right: Apple.com

Further reading:
Sphinx – Free open-source SQL full-text search engine
Google Site Search Implementation


Test early and often

Everybody should be usability testing their website. Don’t assume just because you know how to use it that your site doesn’t have any problems. Testing doesn’t have to be expensive either, start with your family and friends watch them use your site. Ask them to perform certain tasks (like signing up or posting a comment) and take notes. It’s amazing how much you can learn this way, when you have identified a problem fix it and test again.

Further reading:
8 guidelines for usability testing
Why You Only Need to Test With 5 Users
Written by Christopher Lee

  • Pingback: Form and Function | Greg Smart()

  • http://www.jankoatwarpspeed.com Janko

    Excellent article, I didn’t know for some of these resources.

    Thanks for including my tutorial :)

  • http://www.staybariloche.com Jez

    The simple things in web design, sometimes overlooked !

  • http://designoplasty.com Matt

    I thinks it’s especially common with personal blogs that people forget they don’t have that much content. They get sidebars and widgets and all sorts of crazy stuff instead of just focusing on the posts.

  • A Reader

    An 8th problem — The Halloween effect: using white and red text on a black background. This is very hard to read.

  • http://www.accessiblecomputing.com/ JV

    Oh! Thanks for sharing this concern with us. I think it would be best for us to be aware of such things here online.

  • http://ekbdesigns.com Elizabeth K. Barone

    Many of these things are often overlooked. This is a great checklist for us! Thanks.

  • http://www.1stwebdesigner.com Dainis Graveris

    very true and self explaining images :)

  • http://myows.com myows

    This is sweet – I have encountered all of these issues.

    Regarding decluttering the homepage, i thing a short and well-thought video is worth a thousand words and this is what i plan on doing on my own home.

    Thanks for this article.

  • http://www.raynadiane.com rayna diane

    i struggle often (read:every day) at my in house design job with the clutter free home page. i don’t understand the fear of white space.

  • http://larryroth.net/blog/ Larry Roth

    Good article with some helpful tips and examples. I would say that the first two tips, “Say what it does and “Keep the homepage clutter free” are perhaps easier said than done when you are designing a site for a large corporation with diverse products, customers, and goals.

    Thanks for the post…

  • http://www.faridhadi.com Farid Hadi

    I would say that “Say what it does” and “Response and load times” would be the most important items on this list and that “Navigation” would come in third.

    Thanks for a nice article.

  • http://www.netage.co.za G Web

    The art of building a website that converts a visitor into a lead, is an art. You make some very valid points, thanks for the great post.

  • Pingback: 7 Common Usability Problems - VPower()

  • http://www.wakensys.com Web design chiacgo

    This will help my future designs more user friendly..tanks for the post

  • http://syntacticsugar.nl/ Ivo

    Gr8 post! Summed up : “don’t make me think!” (Steve Krug)

  • Pingback: Daily David — davidgagne.net()

  • Pingback: Web Design and Usability - thoughts and links! « ~~Pub-chews~~()

  • http://www.auradev.com Portland Web Design

    So true… test test and re-test… get as much feed back from a broad range of people. Page load times… always a critical thing to keep in mind when designing a website, especially in todays on demand world.

  • Pingback: March UX Roundup | UX Booth()

  • Pingback: Good Links, April 5, 2009 « Emad’s Weblog()

  • Pingback: Bluewire Media Web Design Blog » Blog Archive » Weekly round-up()

  • http://www.leapgo.com LeapGo Web Design

    Yes! Say what it does! Thank you! Why do so many people try to “wow” you with a site without ever giving you any indication of what their business does or what services they offer? People don’t come to your site to see how cool it is (unless that’s your business), they come there for information. Give it to them!

  • Pingback: Blog comments design considerations | e-szablony.eu()

  • http://www.bestwebimage.com/ Rob

    Consistencies can do wonders for a website. Also, having a style guide can be a life saver when you have multiple authors.

  • Pingback: Usability: 4 interessante artikels en 1 leuke tool - Usability blog()

  • http://www.crearecommunications.co.uk Mike

    Its great to be aware of usability when designing a website, thanks for the pointers.

  • http://www.orangewebsite.com www.orangewebsite.com

    I couldn’t agree more with you. Navigation is the key to build a good website. No complicated animations etc.

    Nice clear design and user friendly menus. Where people can find the information they are looking for with 2-3 clicks. If users are finding your website useful they are coming back.

    I have listed here a few things what i think are important when you are designing a website for your business.

  • Pingback: 7 Common Web Usability Problems | Design Reviver()

  • Pingback: The Ultimate Bookmark (For Online Entrepreneurs) | i7o Media()

  • http://www.usability-vlaanderen.com Edwin Waelbers

    Good tips. But about search you’re rather incorrect.

    You wrote:

    “Many web users are search-dominant and use search as their primary method of navigating”

    In fact if you have more than 5%-10% people using your search function then there’s probably something wrong with your navigation. Of course this doesn’t count for stuff like Google :p

    Not that many people are search-dominant. Only a few categories really like search functions: computer geeks, engineers, …