21st Century Technologies, Inc.

Custom Database Software Development, Online Marketing

Custom Database Software

Business Marketing/Local SEO

Conversion Rate Optimization & Lead Gen

  • Home
  • Testimonials
  • Portfolio
  • Case Studies
  • Blog
  • About Us
    • Company Overview
    • Privacy Policy
    • Terms of Use
  • Contact Us
  • Web Design/Development
    • Mobile Websites
    • Web Design Checklist
    • 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
  • Conversion Rate Optimization/Lead Gen
    • Engagement Marketing
  • Software Development
    • Turn Spreadsheets and Paper Forms into a Mobile Database App
    • Software Development Services
    • Software Development Guide, Checklist

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

25+ Years in Business!

25+ Years in Business

Michael is a Wordpress Expert

See Details

Software Dev Testimonial

“I highly recommend 21st Century Technologies and Michael Cordova. Michael has successfully built and delivered several in-house custom database software systems for my company, and multiple customer-facing software projects. I have known Michael for over 15 years. His character and reputation are outstanding. Michael has always enhanced our business’s reputation and helped to ensure the successful completion of each project. He has always been very attentive to the needs of our clients and has represented our company well.”
James P. Greichen, President, Triportals, Inc.

Author Productivity Tools For Business

Author Productivity Tools For Business

Outstanding Testimonial

“Michael Cordova has a commanding knowledge of several software development languages. For over ten years I have relied on Michael’s expertise and worked with him on projects. He is the first person I call for an opinion on a perplexing problem or when considering a new methodology. I highly endorse any work that he is involved in. He is reliable and delivers high quality work well within established deadlines. I have and will always consider Michael on any project needs. I highly recommend his talents to anyone with any type of software development needs.”
Vernon Kercher, Senior Application Developer, Western Union

Your Technology Partner

Have 21st do your software design and development or online marketing and advertising and you will inherit a technology partner. We have been doing it since the beginning of the WWW. We are uniquely qualified to provide technology solutions.

Outstanding CEO Testimonial

“I would highly recommend Michael Cordova as an expert in website search engine optimization, web design and software 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…

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

Local SEO Marketing

Local SEO/Small Business MarketingLocal SEO gets your site ranked at the top of Google's local listings. Your online presence is expanded dramatically, and the sale is already made before your prospects call you. Read more about our local SEO services.

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.

Your Technology Partner

Have 21st do your software design and development or online marketing and advertising and you will inherit a technology partner. We have been doing it since the beginning of the WWW. We are uniquely qualified to provide technology solutions.

Copyright © 2023 · 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