50 Web Usability Tips that Help You Attract and Retain Visitors to Your Website

web-usability-tips-to-attract-visitors.jpgWeb usability has a direct correlation to your potential to effectively make money online. This is largely because the usability of your website very strongly affects the number of return visits you will see from search and referral visitors, as well as your ability to sell any product or service.

Visitor loyalty and the overall size of your audience base determines how much money you will make from contextual advertising, affiliate marketing or subscription-based monetization strategies.

Ideally, you want to capture every individual that stumbles upon your website and entice them towards a specific action, such as visiting an affiliate website, buying a product, registering as a user and subscribing to your blog feed or company newsletter.

Web usability guru Jakob Nielsen is an authority on the topic of user-friendly websites and has written extensively about the importance of Usability for online businesses.

Here is a quote from his seminal Introduction to Usability:

On the Web, usability is a necessary condition for survival. If a website is difficult to use, people leave. If the homepage fails to clearly state what a company offers and what users can do on the site, people leave.

If users get lost on a website, they leave. If a website’s information is hard to read or doesn’t answer users’ key questions, they leave. Note a pattern here?

There’s no such thing as a user reading a website manual or otherwise spending much time trying to figure out an interface. There are plenty of other websites available; leaving is the first line of defense when users encounter a difficulty.

I’ve recently been on a Nielsen rampage and have been reading voluminously about web usability. His articles are really interesting to me because they offer some excellent tips on how to improve your website or blog in order to attract and add value for site visitors.


50 Web Usability Tips to Attract and Retain Web Visitors

This list was developed as a result of personal notes which I’ve recorded while reading Jakob Nielsen’s articles as well as several interviews with him on the topic of usability. They are rephrased in my own words so that they make sense outside of each article’s context.

I’ve categorized them according to topics and have listed them in digestible point formats so you can easily scan through and pick out the ones which are suitable for your own websites.

References for these tips are listed at the bottom of this post and should you have the time or interest, do you visit these articles to learn more about usability. I’ve found them to be very helpful indeed.



Web Design and Usability Tips

  1. Response or load time for a website is fairly important. If your site is slow, visitors are likely to go away and it will also be difficult for them to learn new or foreign concepts.

  2. Remove the ‘homepage‘ link on the homepage because it can increase navigational confusion. This will make the user doubt that the homepage is indeed the actual homepage.

  3. Follow conventions for web design (”blue for hypertext links“) This will allow site visitors to mainly focus on your content instead of using their mental power to learn how to use your website.

  4. Fluffy flash designs that do not support real user needs are not recommended because they weaken usability.

  5. Splash screens are not useful because it gives the first impression that a website is more concerned with its own image than other user’s problems. Websites need to communicate respect for the user’s time.

  6. Website usability tests can be easily performed by getting users to interact with your design while they think out loud. Record their comments and filter it into your quality improvements.

  7. Simplicity is Rule #1 for usability. The less features there are available in a design, the less there will be to compete for the user’s attention.

  8. Try to mainly rely on typography instead of bloated designs and graphics. The goal is to enhance appearance without delaying the response time. The blandest sites can get the most page views and users.

  9. Serve senior web users by making making your website more readable and clickable. Use large text for hypertext links and minimize usage of pull-down menus and moving interface elements.

  10. Change the color of visited links. This will allow users to decide where to go next on your website. Links that don’t change color can cause navigational disorientation in users.


Copywriting and Usability Tips

  1. Large amounts of text on one webpage do not work well because it makes it difficult for users to extract useful information. “The more you say, the more people tune out your message.”

  2. Good copywriting style should be to the point and should not be dominated by internal niche jargon and ‘marketese‘ or marketing sales speak.

  3. Write so that lower-literacy users can understand and appreciate your content. Sites which target broad audiences must make lower literacy users a priority.

  4. State the most important information in the first two paragraphs because most users will read this material and scan the rest of the article.

  5. Split your content into subheadings and use bullet points. Also highlight keywords or important phrases by making them bold.

  6. Use brief headlines with strong information-conveying words. People scan headlines and content blurbs in feed readers faster than email newsletters.

  7. Do not use tiny font sizes or small text because of it will not work for a large part of the web audience (Teenagers and People in their 40s onwards).

  8. A website’s tagline must explain what the company does and what makes it unique among competitors. Your tagline should communicate your site purpose within the crucial first 10 seconds.

  9. Use old and familiar words when writing to be found by search engines. Supplement unique words or madeup phrases with known or legacy words because they are used the most by customers and visitors to your website.

  10. The headline must make sense when it is detached from the rest of the content. This is important because online headlines are often used in a list of articles or email programs, which sets it out of context.

  11. Make the first word of the headline an information carrying word that will help with scanning. Examples to be used include the name of the concept or company discussed.

  12. Do not start your page titles with the same word all the time because it will cause difficulty when scanning a list. Move common terms to the end of the list and place it in brackets.

  13. Show numbers as numerals. Numerals will catch the attention of users better because numerals represent facts. “It’s better to use “23″ than “twenty-three” to catch users’ eyes when they scan Web pages for facts, according to eyetracking data.”

  14. Blog links should say where they go. This information can be provided in the anchor text or surrounding words. “Life is too short to click on an unknown. Tell people where they’re going and what they’ll find at the other end of the link.”



Content Infrastructure and Usability

  1. Do not have a list of links on your sidebar without providing explanations on why each of them are recommended.

  2. Navigation and user-interface elements need to be simple so as to allow users to find their way around the website.

  3. Online content should be short and includes the use of bulleted lists and highlighted keywords. Write for scannability because users scan, rather than read.

  4. Include a editorial focus and direct your visitors to specific material, i.e. Top stories on CNN or Top posts on a blog.

  5. Information architectures should not mirror the organization chart and do not use bloated graphics or jargon.

  6. Discover the reasons why users visit your website and build your site as a fast and obvious response to these reasons or queries.

  7. Local navigation (”see these related products”) should be given more importance than global navigation. A minimalist navigation system should be used to match the user’s model of the information space.

  8. Don’t make webpages stand-alone units. They need to connect to related information.

  9. Provide interactive content features which allow visitors to do instead or just read. This includes online voting, games, message boards, forums, user submitted content and feedback forms etc. This especially appeals to teenagers.

  10. Do not use PDF files because they break reader flow and attention. Only use PDF files for distributing manuals and large documents or reserve it for printing purposes.

  11. Optimize your Page titles by using different Page Titles for each page. Page titles are used in taskbars and when users bookmark a site. “Don’t start with words like “The” or “Welcome to” unless you want to be alphabetized under “T” or “W.”

  12. Indicate link destination when using within-page links or mailto links. “For example, add a short statement that says something like: “Clicking a link will scroll the page to the relevant section.”

  13. Use Breadcrumb navigation. Breadcrumbs offer one-click access to higher site levels, take up very little space and show users their current location as well.

  14. Author Biographies should be included for blogs. Users want to know who they are reading and biographies are a simple way to build trust.

  15. Highlight Popular Posts. Integrate them in your navigational system or link to your previous articles in newer postings. This is important because you need to provide them with some useful background on the topic or your opinion.

  16. Keep your content focused. The more focused your content, the more loyal your readers will be. Building a specialized website allows you to be an authority in your niche.

  17. Provide new or follow-up information at the same location of the original information or transaction. For example, if you have a cornerstone and heavily linked article on social voting platforms, you should return to this article to update it with new links to current and future articles on the same topic.



Usability, Monetization and Online Businesses

  1. Websites can differentiate themselves from competitors by focusing on visitor needs and figuring out how they access or use data. Differentiation is about being valuable and useful to site visitors.

  2. Do not run pop-ups, such as in-content ads or pop-up or pop-in squares because they can often feel intrusive and overwhelming.

  3. Good usability will positively translate into profit and will even lead to a very high ROI or Returns on Investment. Nielsen estimates ROI to be around 1000%.

  4. Building visitor trust is a big problem that all websites face. Important to affirm the credibility of a website and its respect for user’s rights.

  5. Corporate policies which promote usability and user-centered design standards should be essential to all businesses.

  6. Have a decent error message that ensures that you don’t lose your user due to programming or server malfunctions.

  7. When replying to visitor emails, edit and use subject lines which relate specifically to their query. A good subject line is vital for building stronger relationships with customers or site users.

  8. Use confirmation emails and automated messages to close the loop in E-Commerce and other transactions. Tell customers what they need to know. This builds trust by customers for online businesses.

  9. To achieve high survey response rates, keep them short and clear. Ensure that the process is quick and painless for users or customers by asking fewer questions and using different surveys for different users.



Usability References

If you’re interesting in reading more about web usability, a good article to start with would be Nielson’s rant on the Top Ten Mistakes in Web Design as well as his article on Weblog Usability.


Got any usability tips of your own to share? Leave a comment!

54 Comments - Share Your Thoughts
  • That’s quite a list!

    I’m focused right now on local navigation. I was convinced of the need for listing related posts when I was at John Chow’s blog, and found myself trailing through post after related post rather than just reading the one and moving on.

    Jay

  • A very useful post there Maki!
    Another useability tip is using the popular posts plugin (which I see you do). This is only for blogs really but does wonders for getting new readers to delve deeper. I have no doubt this post will make it there!

  • A long list indeed. But very useful. It could almost serve as a check list.

  • Superbly comprehensive…good going !!

  • wow! very long list.. need to absorb and adopt slowly.. thanks for the tips, will try to apply all on my blog.

  • Wow, thank you for this very useful tips!

  • I see you’ve already discussed the ‘homepage’ link on your Digg comments but I have to say this:

    You have to be an idiot not to notice the difference from homepage and a single article. Who ever gets confused by the ‘homepage’ link should not be using computers at all!

    Pop-ups (now that’s a distraction) - I would ban those damn things by law!

  • Maki on May 12th, 2007

    Alex,

    Actually I think it’s a little too harsh to say that someone is an ‘idiot’ if they don’t know the difference.

    One needs to remember that there are all sorts of internet users out there. Some with accessibility issues, cognitive deficits or those of a senior age who are experiencing the Internet for the first time.

    I think a lot of senior citizen-type users might actually be confused and there’s really nothing wrong with being confused. Criticizing them doesn’t really solve anything.

    Nielsen’s articles have always emphasized the importance of web usability as it pertains to a broad audience of possible users.

    The ‘Homepage’ link argument was one against redundancy and it was rightly made. It is redundant, albeit reassuring to some experienced web users.

  • Yeah, very long informative post. I liked it. i also liked the idea of high lighting popular post. i have made this mistake in past

  • Very good post. Every beginner should read it. Thanks for sharing your tips.

  • “On Home page Link point”

    If your site doesn’t change in the structure or colors ( looking wise) , I think Visitors are smart enough to know that its the same site. Your site has to change dramatically to make them feel that they came to somewhere else.

  • Sorry, I’ve been too harsh with my previous statement. I wasn’t trying to insult anyone.

    But I still believe homepage link is not so confusing. It maybe confusing when someone encounters it for the first time:

    Let’s say a person clicks on the homepage link and ends up where he started. He thinks - ‘What happened? I’m back where I started.’ after a moment of thought he concludes - ‘Hmm, this link always leads to the homepage and that’s where I’ve been before I clicked on it… Problem solved!’

    Confusion will last only for a few seconds and then it’ll be gone forever.

    I agree with Nielsen that homepage link should be on every page except the actual homepage, but not everyone has the knowledge or the option of hiding the link from the homepage. I’d rather have a link on the homepage than not have it on any page at all - that would totally cripple my blog’s usability.

    Again, I’m sorry if I insulted anyone with my comment above!

  • Maki on May 12th, 2007

    Alex,

    Thanks for clarifying your position. The ‘homepage’ link issue does seems to be hotly contested by several designers and bloggers and they (and you) do have valid points.

    I can see where Nielson and everyone else is coming from and I guess its really a personal decision to leave the ‘home’ link or not on the homepage.

    I don’t think it’ll cause too much of a problem, at least not as much as the other usability issues mentioned in my post. -)

  • These tips came along at just the right time for me as I’m struggling to find ways to encourage people to stay on my site for a little while.

    I’ve only had Google Analytics implemented for a few weeks, but I’m finding that my bounce rate is over 70%. Given that my overall traffic is meager anyway, the idea that nearly 3/4 of my visitors don’t find anything compelling enough to stick around is quite disappointing…

  • Excellent article. I am in the process of developing a trucking industry portal site. My goal is make this site a “one stop” for OTR truckers for any and all information. So, I certainly want my visitors to keep coming back. In looking at your list I see several major problems I may have and intend to do some serious analysis of what I have and how to correct. Thanks for the information…… definitely well appreciated.

  • This is a great list! Thanks for posting this. I’m going to go through it again later and really take a look at a couple of my sites.

  • Man, I’ve been meaning to write about usability. Seeing this article reminded me to share my lessons in usability on my blog.

    Very long, but useful summarizing list.

  • This is a wonderful list Maki! Well done. It’s brief but straight to the point. That’s the power behind “simplicity”. Thanks for sharing.

  • Long read but very usefull. Highly recommended.

  • I think you got a great blog!! Thank you for that. I’m definitely going to add u to my favorite :)
    I hope you can visit my blog at Thaer Money.

  • that was a real good one!!

  • I have an up-and-coming “awareness” blog aiming to serve America as well as international clients. I learned a lot from the long list of do’s and don’ts. Please visit me and tell me what you think.

  • good:wow! very long list.. need to absorb and adopt slowly.. thanks for the tips, will try to apply all on my blog.

  • can you help me i saw you talk about blogs etc and leave your site url for bots to pick up can you give it another go i got stupified

  • Great list, definitely will make sure my site adheres to everything

Links to this Article
© 2006 - 2008 Dosh Dosh | Internet Marketing & Social Media.
Close