Making Websites that Work: Usability Explained

Usability is about making something work well. It is about designing something, like a website, so that anyone, from your little sister, to your aging grandfather, can use it. Usability is where the interface between technology and human beings is defined. This interface can make or break a technical innovation and in the context of a website can mean that a visitor stays with you, or leaves after the first click. There is a book that is often called the bible of design, entitled, The Design of Everyday Things. This book was written by usability engineer Donald Norman (ex Apple usability engineer). The book combines human cognitive behavior and product design together to look at how design can improve the relationship that we have, as human beings, with technology. The book is really about improving usability

What is usability?

Usability, in the context of web design, is about ensuring that the design you create for a web front end (both website and web application) can be used, effectively, efficiently and easily. It is something that is above and beyond the aesthetics of a web design. It is about how the human user interacts with the site’s features and functions.

Usability has become the cornerstone of good web design. There is much research done into the various aspects of usability, from how a user scans a page layout, to how best to present a complex form, to what colors they prefer when using a CTA button.

Why is it important in web design?

Web designers want to create beautiful aesthetic websites. But a beautiful website will not be used if it is difficult to use. Creating websites that are both beautiful and usable should be the goal. Good usability does not have to compromise aesthetics. Creating usable websites is about allowing users to:

  • Learn, through consistency of operation. This means ensuring that common elements within the site are the same throughout.
  • Create a mental map. Websites that have a natural pattern to their layout, become intuitive to users, because they create a mental map of the site and know how to go to different areas and to use CTA’s effectively. This type of design constraint can be the most difficult to overcome, the difference between the mental map of the designer and the user can mean success or failure when it comes to user experience testing (UX testing – see later).
  • See clear error messages. Error messaging is an underrated factor in web design. Users need to have a clear understanding of issues in the site as they come across them and in any actions they perform.
  • Have a great experience. Ultimately, the goal is to have happy visitors. Visitors, who have a pleasant and simple journey when interacting with a website, are much more likely to return and to build a positive image of a brand.

How can we test usability?

One of the most important aspects of usability is to test out your design. Effective testing begins from the outset of the design, from the earliest storyboard brainstorming sessions.  The concept of user-centered design dictates that throughout the design and development lifecycle, you engage the input of users. The World Wide Web Consortium (W3C) who develop Internet standards have some excellent notes on user centered design. One of the areas of user-centered design that is most applicable to usability is the UX testing stage.

UX Testing

Usability testing, sometimes called UX testing, is a crucial step in ensuring that a web design is optimized for usability. In UX testing, you take a set of users that represent your typical visitor demographic and ask them to use a working prototype of your website or web application.

The testing is not only to look at how users interact with the functional operations of the site, but also how they ‘feel’ about using the site, i.e. their emotional responses to the look and feel of the site. Typically, these sessions are videoed or recorded in some manner. The results are then analyzed to see any areas of friction between the user and the web interface. The usability can then be improved based on this feedback. The tests are carried out iteratively until the front end is improved to a point where it can be released into production.

Share on facebook
Facebook
Share on email
Email
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on pocket
Pocket
Colby Albarado

Colby Albarado

Colby is a fullstack developer

Back to Home Page

Colby Albarado

Full Stack Developer

A full stack developer is an engineer who can develop client & server side applications. As well as administration of databases & servers.

Languages

  • PHP
  • JavaScript
  • MySQL
  • HTML/CSS

Frameworks

  • Vue JS
  • Laravel

CMS

  • WordPress
  • WooCommerce

Web Dev

Web Development is a process. The creation of a plan to construct something virtual or actual. Websites, graphics and other forms of media require a strong design foundation to be effective.

Capabilities

  • WordPress Plugins
  • Custom JavaScript Apps
  • Front End Development
  • Custom Programming

Contact Me

SEO

SEO Ranking in any search engine requires a persistent endeavor to improve user experience and online visibility, while creating especially relevant content for your audience. Boosting organic traffic to your website can be achieved through relevant content creation, keywords, link building, monitoring and data testing.

Capabilities

  • Local SEO Ranking
  • Organic Search Ranking
  • OnPage SEO Implementation
  • Analytic Reporting
  • Traffic Analysis

Contact Me

WordPress

WordPress is extremely user friendly and flexible. It powers over 75 million sites worldwide. We are WordPress experts and can handle brand new sites, complete redesigns and overhaul and custom plugins for the WordPress system.

Capabilities

  • New Websites
  • Managed Hosting
  • WordPress Updates
  • Plugin Development
  • WordPress Management

Contact Me

Video

I provide full scale post production video services. Social media & promotional video. On-screen graphics, special effects and professional voice-overs are just a few of the services provided.

Capabilities

  • Post Production
  • Social Media Videos
  • Motion Graphics
  • Animation

Demo Reel Coming Soon!

Contact Me

GuyGlassesIcon

Contact

Submit this form to make contact about your project

Clients

I’ve worked with a variety of clients that range in size and industry

Feedback

Holly Lynn-Cope
Moncus Park
Read More
Colby at Eyebox Media has not only created a gorgeous website for us at Moncus Park, but he has also made it so easy for a WordPress novice like myself to update our website.
Michelle Morales
Punch Point Tools
Read More
I have been working with Colby for a few years now, and he has helped me with everything I asked of him. He has designed my website twice and understood exactly what I wanted each time. Very easy to work with and looking forward to working with him again.
Michael Olivier
CrossFit Amis
Read More
Colby is a highly qualified professional website builder and marketing consultant. He works to resolve issues quickly. I have complete confidence in Colby and am absolutely satisfied with our finished product, a complete website overhaul.
Scott Hutchinson
Hutco Inc
Read More
Created a unique marketing plan that was executed timely and affordable. Very satisfied.
Laurie Driggs-Fontenot
Ninety-Two West
Read More
Colby is professional, thorough, and knowledgeable. Would work with him again!
Brandon Chatham
Blast Tech
Read More
Excellent support and very responsive when we need to add functionality. I would recommend them to anyone!

Message Sent!

Thanks! I'll be in Touch Soon!