Home » Web Design » 4 Keys to User-Friendly Web Design

4 Keys to User-Friendly Web Design

Published in Design

Having a user-friendly website is as vicious as carrying a pleasing strange website design. Sadly, in a office of value it’s all too easy to forget about usability and concentration instead on aesthetics and originality.

Yet it’s a right multiple of beauty, uniqueness, AND a user-friendly pattern that keeps a clients entrance behind for more. That’s since a serviceable website draws and retains readers, creation them many some-more expected to turn customers.

Don’t tumble into a trap of forgetful about a finish user knowledge when we pattern a customer website.

What creates a website user-friendly? In this post, we brand 4 keys that will make any website pattern some-more user-friendly. Keep these accessible tips in mind to pattern a some-more serviceable site.

keys
Image Source: jakeliefer

Key #1: Navigation

Navigation is one vicious pivotal to usability. Some would contend it’s a many vicious key. Users need to be means to find what they are looking for fast and with a smallest of bid on their part.

Studies have shown that many website users are not peaceful to hang around and figure out a formidable maritime scheme. If your menu structure isn’t user-friendly, you’ll remove a user.

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

  • Hard to find navigation. The user shouldn’t have to hunt for a approach to navigate by a site. Menu bars should be manifest and their purpose should be obvious.
  • Odd acronyms in a menu. Avoid abbreviations and acronyms unless a definition is obvious. (Remember that what is apparent to we might not be apparent to a user.)
  • Multiple layers of menus. How many sub-menus contingency a user go by before he or she can perform a charge or find a information that they came for?
  • No hunt box. Users are used to acid websites to find what they want. A website though a hunt box is reduction navigable.

If we need to learn some-more about user-friendly navigation, opportunely there are copiousness of resources out there to assistance we learn more. For example, Toby Biddle shares some navigation bar insights formed on A/B exam studies in his new DesignM.ag post, What Really Matters in Navigation Bar Usability?

Key #2: Readability

readability
Image Source: daspader

Readability is another pivotal cause that creates a website user-friendly. A user should be means to grasp a information on a website fast and with really tiny effort.

In fact, studies uncover that many readers don’t indeed review a information on a website during all. They indicate it. According to a recent investigate from a Nielsen Norman Group, a many information that a reader is expected to review is 28%.

That statistic means that even in a best-case unfolding many readers won’t review two-thirds of a website.

So, to strech an audience, a website contingency be scannable. Here are some pattern factors that minister website scannability:

  • Color. For a website to be readable, there should be adequate contrariety between a tone used for a content and a tone used for a background. Words should be simply read. Jennifer Kyrnin includes a useful contrariety list in her About.com post, Contrasting Foreground and Background Colors, that illustrates a disproportion between entertaining and mysterious tone combinations beautifully.
  • Font. In general, a easier a rise is, a easier it is to read. Fonts designed to demeanour like book or done adult of special characters are reduction scannable. Most pattern experts determine that san serif fonts work best for online pattern and serif fonts are improved for imitation design. Also, equivocate regulating too many opposite fonts in a same design.
  • Formatting. The content on a page should make full use of formatting techniques such as headlines, bulleted lists, and bolding to boost scannability. Long chunks of consecutive content are reduction expected to be review than tiny chunks of text.

But readability is not all there is.

Key #3: Load Time

How prolonged does your site take to load?

If your site takes longer than 10 seconds to load, many readers won’t hang around. Associated Press statistics uncover a normal user’s courtesy camber is decreasing, not increasing.

If you’ve lost to cruise bucket time in your web design, you’ve lost a vicious component of a user-friendly site.

Unfortunately, many websites are removing slower rather than faster. That’s generally loyal of sell 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 [Report].

What that means is that if we pattern a website that loads quickly, you’re substantially giving your customer an advantage over a competition. Who doesn’t wish that for their clients?

We’re so tempted to piquancy things adult with video, flash, and other multi-media that we forget than many web users are in a rush. A slow-loading home page video is substantially not a best approach to emanate a user-friendly website that draws readers in. So, stop and cruise about bucket time before we supplement another multi-media element.

Key #4: Mobile Friendly

mobile-friendly

Another vicious pivotal 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 inclination are not going away. In fact, for an augmenting series of users, a mobile device such as a intelligent phone or inscription is a categorical approach that they entrance a Internet.

So, to be user-friendly it usually creates clarity that a website needs to cruise a needs of mobile users.

You’ve substantially review a lot about manageable pattern lately. We’ve even lonesome it here on Vandelay Design blog in a post, How to Turn Any Site Into a Responsive Site. Mobile accessible website pattern can be achieved by manageable or adaptive design.

Other Usability Resources

By now, you’re substantially assured that we should incorporate some-more usability facilities into your design. And you’re substantially right. But we might be uncertain about how to accomplish that goal.

One association that we worked for had a usability lab that brought concentration groups in to exam their shade design. The lab always preoccupied me, though many designers are substantially not going to have entrance to that form of resource.

You don’t indispensably need entrance to a usability lab to emanate serviceable design. There are copiousness of other usability resources accessible to assistance we stay on tip of what a user needs.

Here are a few useful usability blog posts to check out:

Here are some organizations and websites dedicated to usability:

  • UXPA (Usability Professionals’ Association). This classification is for usability professionals and those whose work involves usability including web designers and developers.
  • Usability.gov. we didn’t comprehend a supervision had a website on usability until we found this site, that is designed for web managers, designers, and usability specialists.
  • STC Usability SIG. This is a branch of a Society for Technical Communication, though they do have some good information and resources.
  • User Interface Engineering blog. The largest usability investigate classification has a really useful blog on usability. They also offer practical seminars.

And those are usually a few of a many glorious online resources available.

Your Turn

What usability tips or resources would we add?

Share your answers in a comments.

scroll to top