21st Century Technologies, Inc.

Custom Database Software Development, Online Marketing

Mobile, Desktop Database Apps

Business Marketing/Local SEO

Conversion Rate Optimization & Lead Gen

  • Home
  • Testimonials
  • Portfolio
  • Case Studies
    • Case Studies S/W Development, Web Design
    • We Combined Web Hosting to Maximize Performance for $11.31/Month
    • WordPress Tutorial – SEO Optimized CMS Installation Case Study
      • About WordPress Video Tutorial – How To Use WordPress
      • WordPress Tutorial – WordPress Installation
      • WordPress Tutorial – SEO, CMS Configurations
      • WordPress Tutorial – WordPress Backups
      • WordPress Tutorial – WordPress Content Management
      • WordPress Tutorial – Integration of a Custom WordPress Web Design
  • Blog
  • About Us
    • Company Overview
    • Privacy Policy
    • Terms of Use
  • Contact Us
  • Newsletter Signup
  • Web Design/Development
    • Mobile Websites
    • Web Design Checklist
    • Get Website Traffic & Conversions White Paper
    • Full Service SEO Friendly Web Design
    • SEO Web Design
    • Web Design Portfolio
  • Local SEO Marketing
    • Small Business Marketing/Local OFFER
    • Online Review Management
    • Local SEO Marketing Services
  • Business Marketing
    • Online Marketing/SEO
    • Local Small Business SEO Marketing Services Bring Customers Through Your Front Door
    • SEO / SEM Services
    • Google My Business
    • SEO Web Design
    • Free Advertising Websites Top 10 List
  • Conversion Rate Optimization/Lead Gen
    • Get Website Traffic & Conversions White Paper
    • Engagement Marketing
  • Software Development
    • Turn Spreadsheets and Paper Forms into a Mobile Database App
    • Software Development Services
    • Software Development Guide, Checklist
    • FREE Batch Image Processing Software

Web Design Usability How-To Quick Reference Guide

Web design usability improvements can double sales and visitor satisfaction, and website visitor satisfaction means more return visits. A company’s website is many times the first experience with that company so usability and a quality user experience is critically important to your company’s online success.

Classic F-Pattern - Web Design Usability Website Eye FlowTypical websites have usability issues which deter potential clients and customers leaving them with confusion and frustration. It can all be fixed. This how-to quick reference guide is intended for anyone about to design a new website, or those that have a website that doesn’t perform to their expectations.

Usability – The Numbers

* Forrester Research studies estimate that approximately 50 percent of potential sales are lost because visitors can’t find information and 40 percent of visitors do not return to a website when their first experience is negative.
* According to usability expert Jakob Nielsen, website re-design based on usability standards can increase online sales by 100%
* Usability projects can return 5-10 times their cost in the first year.
* A comprehensive usability project can improve website results by 83%. Since your competitors will probably incorporate some of the changes you implemented, this can settle out to 68%.

Page Layout And Structure Usability

* Web design quality enhances credibility – just do it
* Error free HTML (or XHTML) and CSS ensures consistent cross-browser page rendering. A discombobulated website will kill your credibility.
* Whitespace usage increases comprehension by 20%
* Golden Triangle is important. That is the top-left of the page above the fold (before scrolling). Jakob Nielsen’s user scrolling study showed that only 23% of visitors scroll on their first visit to a website.
* Faces not looking at you – if a face image is looking somewhere other than directly at us, we’ll also look in that same direction. Take advantage of this by drawing your users’ attention to the most important parts of your page or ad.
* Search box size counts – 27 character search box shows all search text in 90% of searches according to Jakob Neilsen
* Header and footer should be separated in design from the main body of the page

Website Navigation Usability

* Consistent navigation – make sure navigation appears in the same location on web pages
* Text is king – use descriptive text in navigation links, not images, java applets or flash
* Location feedback – provide the user with information about where they are with headings, breadcrumbs and/or styles in menus.  If you use colors then a large portion of your visitors may not be able to differentiate the colors due to color-blindness.
* Sitemaps – provide a visitor sitemap with a website outline and important links
* Call to action or navigation boxes should not look like ads because visitors automatically skip over them
* Homepage navigation placed on the top of the page performs best
** One more extremely important point on text color: do not make any text color the same as the defined background color of a page. This is an old way of hiding tons of SPAM text on a page. If you do this will be construed as SPAM and you’ll be severely penalized by the search engines.

Text Characteristics Usability

* Dominant headlines will immediately draw the visitors eye
* Headlines first words must grab your attention immediately. If they are keywords then you also get an SEO benefit out of it.
* Headings, subheads, phone numbers and date/times should be used and formatted consistently. Using a logical progression of h1, h2, h3, etc. tags helps the readers understanding of the page information hierarchy and is also a good accessibility feature.
* Standard fonts of 12 points or more maximize reading speeds
* Black text on a white background increases reading speeds up to 32%
* Sentence case (only first word capitalized) is important for reading speed and comprehension
* Bold and italics should be used sparingly, and ideally to emphasize keywords relevant to the topic

Link Definitions Usability

* Underline links – this is also standard and good for accessibility reasons
* Visited links should be a different, more pale color
* Link hover color should light up the link with brighter colors
* Don’t underline text that is not a link
* Don’t show normal text in link colors
* Red or green links should be avoided due to the preponderance of color-blindness
* Blue links are the most standard color for links so use blue link text if possible
* Don’t use bold-facing as a hover effect. Making the font wider will cause the text to re-align.
* Link titles can be used for the hover effect to describe where the link is going – also a great accessibility feature
* Link text should describe the page they are linked to
* Tabindex is a great method for defining logical tabbing through elements
* Menu links should usually not follow the rules above

Writing Standards Usability

* Write for scanning – internet readers don’t read long paragraphs. Keep paragraphs to 3 sentences, group logically and provide ample but not too much information.
* Bullet points should be used as much as possible
* Bold and italics should be used for your most important words. This is also a big SEO factor – search engines take more heed when you emphasize keywords and will consequently rank you higher for them.

Miscellaneous Usability Items

* Jakob Neilsen points out that tests with 5 users will find 85% of site problems and 15 users will reveal them all.
* If you run Google Adwords campaigns then use the free Google Website Optimizer to test your campaigns
* You might also try the Vertster testing tools: http://www.vertster.com

Usability Resources

There are many online usability resources. I recommend the following sites for further research:
Jakob Nielsen’s Website – He is a major usability expert: http://www.useit.com/

US Government Usability Website and Resource
http://www.usability.gov/guidelines/

Smashing Magazine:
http://www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/
http://www.problogger.net/archives/2009/05/20/11-striking-findings-from-an-eye-tracking-study/

Other Usability Numbers and Quotes
http://www.optimalusability.com/quotes.php

Comments

comments

Related posts:

  1. Speeding Up Page Load Time, Usability, SEO – Tools of the Trade
  2. Web Development to Increase Sales
  3. Web Design Portfolio

May 3, 2010 By Michael
Filed Under: Usability, Web Design, Web Development Tagged With: company administration submit url, cool quick reference guide design, Corporate Image: Usability Guidelines rapidshare, create a quick reference guide for a portal site, database design quick reference guide, defining h1 h2 h3 in web page design, design quick reference guide, design search box on website nielsen research, designing quick reference guide, Designing Web Usability references, dont make me think quick reference, facebook like usability, facebook quick reference guides, foreester research estimates that 50 percent of potential sale are lost because website visitors cannot find, form design as per usability guide, guide reference to usability, high usability web design, how to create a quick reference guide, how to guide design, how to make a quick reference guide, how to make a referne guide, how to quick reference, how to quick reference guide, how to strucutre web usability projects, online quick reference guide design, Only 23% of visitors scroll on their first visit to a website, quick guide to web design page size, Quick Reference AND How To, quick reference guide design, quick reference guide facebook, quick reference guide for the website, Quick Reference Guide for Web, quick reference guide to SEO, quick reference guide web design, quick research in web development, quick usability guide, quick wordpress design, reference guide design, reference guide design on web, reference of corporate sales website design, restaurant web design reference, tips on designing a quick refrence guide, Usability, Usability Design reference, usability guide web design, usability how to guide, usability howto, usability learn quick reference, usability reference guide, Web Design, web design quick reference, web design quick reference guide, web design usability scrolling banner, Web Designer Quick Reference, web designing reference, Web Development, web development design quick reference, web development quick reference manual, web page load time standards, web page usability, web site usability a designers guide, webdesign referenece website, webdesign usability lead generation, website usability and flow tutorial

Let’s Start the Mobile-Friendly Website Conversation

    Name *

    Email *

    Phone

    Comments


    Selected Top Web Design Agency

    Selected Top Web Design Agency

    Outstanding CEO Testimonial

    I would highly recommend Michael Cordova as an expert in website search engine optimization, web design and web development. Michael is the best SEO / Internet marketing consultant I've ever met. His work to optimize the TransMagic website not only produced an 8-fold increase in lead generation, but it also stood the test of time. Recently Michael helped us to re-do our website and SEO to take advantage of more sophisticated techniques in his knowledge base.
    --
    Todd Reade, CEO
    TransMagic

    Many More Testimonials...

    Bigger and Better Leads

    I have been working with 21st Century on my SEO work for well over a year and the results are larger prospects and bigger opportunities for my company.
    --
    Gina Kaelin-Westcott, Sales Strategist/Speaker/Author
    Con·nect Selling™

    Many More Testimonials...

    Selected Top 10 SEO Company!

    #9 SEO Company in the World!

    Outstanding CEO Testimonial

    I have worked with Michael for almost three years now and he has never ceased to amaze me. I’ve worked with a number of SEO people over the years and he puts them to shame. He is simply the best of the best. He’s done more for our site in a few months than other people have done in years. His knowledge of WordPress is quite impressive. I highly recommend Michael Cordova to build your WordPress websites and bring in sales leads for you through SEO and other online marketing means.
    --
    Pedram Shojai, CEO
    Well.org


    Many More Testimonials...

    57 Productivity Tools for Entrepreneurs, Students and Business

    Our President Michael Cordova's eBook will multiply your daily effectiveness immediately:
    57 Productivity Tools for Entrepreneurs, Students and Business

    57 Productivity Tools for Business, Websites and Application Development

    Local SEO Marketing

    Local SEO/Small Business MarketingLocal SEO gets your site ranked at the top of the the top search engines local listings. When done right you are in the "A" position and your sales skyrocket. See our local small business FREE offer.

    Mobile Websites

    Mobile Websites Are Now RequiredAfter Google's Mobilegeddon algorithm change to recognize the importance of mobile devices, mobile friendly websites are now absolutely required. Read about Mobilegeddon and how we can build your mobile website.

    Web Development

    Web Development - Since the Beginning of the InternetWe at 21st have been doing web development since the beginning of the Internet. We create custom applications like maps, contact management and website customizations that are beyond the skills of other companies.

    Software Development Checklist

    Download our Software Development Checklist to ensure you make no mistakes in your custom software project. See our many short custom software case studies for an idea of the breadth of our software development successes.

    Copyright © 2021 · 21st Century Technologies, Inc. All rights reserved. · Contact Us

    21st Century Technologies, Inc.
    1566 S. Pennsylvania St. Denver, CO 80210
    303-744-2178
    Web Design Usability How-To Quick Reference Guide - Denver, Colorado