Tuesday, 2 July 2013

5 Keys to User-Friendly Web Design

Having a user-friendly website is as important as having a beautiful original website design. Sadly, in our pursuit of excellence it’s all too easy to forget about usability and focus instead on aesthetics and originality.

Yet it’s the right combination of beauty, uniqueness, AND a user-friendly design that keeps our clients coming back for more. That’s because a usable website draws and retains readers, making them much more likely to become customers.

Don’t fall into the trap of forgetting about the end user experience when you design a client website.

What makes a website user-friendly? In this post, I identify four keys that will make any website design more user-friendly. Keep these handy tips in mind to design a more usable site.






Key #1: Navigation

Navigation is one important key to usability. Some would say it’s the most important key. Users need to be able to find what they are looking for quickly and with a minimum of effort on their part.

Studies have shown that most website users are not willing to stick around and figure out a complex navigational scheme. If your menu structure isn’t user-friendly, you’ll lose the user.

Here are just a few navigation mistakes to watch out for:

Hard to find navigation. The user shouldn’t have to hunt for a way to navigate through the site. Menu bars should be visible and their purpose should be obvious.
Odd acronyms in the menu. Avoid abbreviations and acronyms unless the meaning is obvious. (Remember that what is obvious to you may not be obvious to the user.)
Multiple layers of menus. How many sub-menus must the user go through before he or she can perform the task or find the information that they came for?
No search box. Users are used to searching websites to find what they want. A website without a search box is less navigable.

Key #2: Readability





Readability is another key factor that makes a website user-friendly. A user should be able to grasp the information on the website quickly and with very little effort.

In fact, studies show that most readers don’t actually read the information on a website at all. They scan it. According to a recent study from the Nielsen Norman Group, the most information that a reader is likely to read is 28%.

That statistic means that even in a best-case scenario most readers won’t read two-thirds of a website.

So, to reach an audience, a website must be scannable. Here are some design factors that contribute website scannability:

Color. For a website to be readable, there should be enough contrast between the color used for the text and the color used for the background. Words should be easily read. Jennifer Kyrnin includes a helpful contrast table in her About.com post, Contrasting Foreground and Background Colors, that illustrates the difference between readable and unreadable color combinations beautifully.
Font. In general, the simpler a font is, the easier it is to read. Fonts designed to look like script or made up of special characters are less scannable. Most design experts agree that san serif fonts work best for online design and serif fonts are better for print design. Also, avoid using too many different fonts in the same design.
Formatting. The text on a page should make full use of formatting techniques such as headlines, bulleted lists, and bolding to increase scannability. Long chunks of unbroken text are less likely to be read than small chunks of text.
But readability is not all there is.

Key #3: Load Time

How long does your site take to load?

If your site takes longer than ten seconds to load, most readers won’t stick around. Associated Press statistics show the average user’s attention span is decreasing, not increasing.

If you’ve forgotten to consider load time in your web design, you’ve forgotten a critical element of a user-friendly site.

Unfortunately, many websites are getting slower rather than faster. That’s especially true of retail sites, as Amy Gesenhues points out in her Marketing Land post, Top Retail Websites Not Getting Faster: Average Web Page Load Time Is 7.25 Seconds 

What that means is that if you design a website that loads quickly, you’re probably giving your client an advantage over the competition. Who doesn’t want that for their clients?

We’re so tempted to spice things up with video, flash, and other multi-media that we forget than most web users are in a rush. A slow-loading home page video is probably not the best way to create a user-friendly website that draws readers in. So, stop and think about load time before you add another multi-media element.

Key #4: Mobile Friendly





Another important key to usability is how your website appears on mobile devices. A user-friendly website is a mobile-friendly website. Every new website should have a mobile version,

The fact is that mobile devices are not going away. In fact, for an increasing number of users, a mobile device such as a smart phone or tablet is the main way that they access the Internet.

So, to be user-friendly it only makes sense that a website needs to consider the needs of mobile users.

Key #5: Social Media





Everything online has really surrounded the concept of building a community or a group of marketers that can vouch for your business. People like to feel like they are a part of something unique and special and that usually comes from being a part of a community. Community strength is a very powerful branding force that can significantly grow a business on and offline.
Social media is an amazing way to grow an online brand in leaps and bounds it simply takes creativity, passion and consistency to keep things moving in the right direction. If you have not yet entered the social media space take the time to start thinking about a plan to enter the space and start building your online community with facebook, twitter, google plus or even Linkedin.

By now, you’re probably convinced that you should incorporate more usability features into your design. And you’re probably right. But you may be unsure about how to accomplish that goal. We can help you turn theory into practice. Let us know