blog

There are some usability principles which change very rarely. The reason for this is because they are deeply ingrained into our human nature. Even if they change, they change very slightly, the fundamentals remain the same.

We will try to cover some most important usability principles in the following article.

5 Timeless Usability Principles for Website Designers

1. You are designing with a target in mind

You probably spend most of your time designing websites for clients. All of those clients want to accomplish something with the website you’re building. If they are a company selling a specific product, then the target is for the customers to get to the shopping cart and buy the product.

Your clients may have multiple targets as well. The important thing is to have a ‘core’ (one or more targets) which you’ll later use to build your site upon. That ‘core target’ may be, clicking on the ‘buy now button and buying the product’.

The most obvious examples are opt-in sites, which have 1 objective…you either buy/sign up or do nothing. Just take a look at Double Your Dating…

This can be more subtle, like Intelius does it…you first search for the person and then after you click ‘View more details” then you’re sent to a payment page.

2. Design the site so it answers the 3 most basic questions

  • Where am I?

There should be enough space for the website name. The main idea is to help the user orient and gain clarity on where is he now. It’s your job as a designer to help the user answer this question. Also, you can help the visitor answer this question with the navigation by highlighting the page on which he is at the moment.

I-know-where-am-i

  • What can I do here?

The answer for this question depends on the website target. If the main website objective is for the visitor to buy something, then you need to make it clear that the website is selling products. If the objective is to inform the visitor about the company, then make that clear also by designing a website which gives that impression.

What-this-site-is-about

  • Why should I do it?

This is primarily not your job. It’s the job of the writer to persuade the user why should he buy the product or why should he should click learn more about the company. It’s your job, however, to make this job as easy as possible for the writer by leaving enough visible space so the user can clearly see the benefits of doing the thing i.e. the website objective. You can find more about your visitors and their motivations by getting some feedback from them.

Usability-why

3. Users scan way more than they read. They don’t want to think

There are many studies which confirm that users scan more than they read. So it’s your job to make the design so it’s easy to scan the entire page in order to get the most important information.

Also, there’s one good lesson I learned from one great book on usability by Steve Krug  “Don’t make me think.” He said that you must make things intuitive and user friendly so you’ll minimize the thinking part from the visitor’s side.

Try to put yourself into the visitor’s shoes and ask yourself which part of the design makes you think.

To illustrate, see this website by Steve Krug. Does it make you think?

Don't make me think

You see how he named the navigation menu? Instead of ‘about’ he wrote: “Who we are”. He tried to eliminate the thinking process which goes like this: “What does “About” mean? Does it mean they will tell me what the site is about?”

I see a lot of people who own personal websites make this mistake. Here’s an example I got from one random personal blog I found:

4. Who is the ideal prospect/customer?

There’s a great concept in marketing called the “customer avatar.” To make a customer avatar, you need to know many of the prospects, who visit the website, then get the common traits they have and make an imaginative person who owns only those common traits. For the ‘dating for men’ market, that is usually a single man who wants to get a date with a single woman. He tried to approach and meet women before, but without particular success.

Group of people

Your customer avatar doesn’t have to apply for all of the prospects but for the majority (80%+).

Knowing your average visitor will help look from his point of view and appropriately design a great website.

Let’s try to find the customer avatar for 1stWebDesigner…

According to Quantcast, this is the 1stwebdesigner demographic in the US (I will suppose most of 1stwebdesigner traffic comes from US, so US demographic shouldn’t be very different from the worldwide demographic):

So the customer avatar would be something like:

Erica is a 20 years old Hispanic girl who’s in college and still financially dependent upon her parents. She loves cool designs and pictures. She wants to be a web designer and is still a beginner, but loves creativity and tends to be very creative herself. That’s why styles, effects and designers inspire her a lot.

5. Focus on conventions because users love them

Title above, navigation menu above or on the left and also the color different for clicked links (these are only some of the web design conventions). Web designers love to experiment with new models and that’s the most problematic thing here. Stick to conventions because users are used to them. If you don’t, you’ll make them confused and think. And as I said above, they don’t really like that. The below screen shot from Ciplex.com is a great example.

We all love familiar things, don’t we :)

Eliminate annoying things. Flash intros, anyone? Or wait…STATIC intros:

What are your thoughts on basic usability principles? Don’t forget to share them with us.

 

30 Comments to “5 Timeless Usability Principles for Website Designers”

  • I just added your blog site to my blogroll, I pray you would give some thought to doing the same.

    • I have been so bweidlreed in the past but now it all makes sense!

  • Definitely truly great web site submit which has received me considering. I by no means looked at this from a stage of look at.

    • I love reading these aritlces because they’re short but informative.

    • Super excited to see more of this kind of stuff online.

  • I was raelly confused, and this answered all my questions.

    • You’re on top of the game. Thanks for sharing

  • This post is very useful for me, much appreciated! :)

    • I’m not quite sure how to say this; you made it exrteemly easy for me!

  • Wow! This blog looks exactly like my old one! It’s on a completely different subject but it has pretty much the same layout and design. Outstanding choice of colors!

  • Right now it looks like Expression Engine is the top blogging platform available right now. (from what I’ve read) Is that what you are using on your blog?

  • Cool blog! Is your theme custom made or did you download it from somewhere? A design like yours with a few simple adjustements would really make my blog jump out. Please let me know where you got your theme. Cheers

  • Wow that was strange. I just wrote an really long comment but after I clicked submit my comment didn’t appear. Grrrr… well I’m not writing all that over again. Regardless, just wanted to say excellent blog!

  • I like Your Article about 5 Timeless Usability Principles for Website Designers | Visnetwork.biz Perfect just what I was looking for! .

  • I like Your Article about 5 Timeless Usability Principles for Website Designers | Visnetwork.biz Perfect just what I was looking for! .

  • We’re a group of volunteers and opening a new scheme in our community. Your site provided us with valuable information to work on. You have done an impressive job and our entire community will be thankful to you.

  • Fantastic beat ! I would like to apprentice while you amend your web site, how can i subscribe for a blog web site? The account aided me a acceptable deal. I had been tiny bit acquainted of this your broadcast provided bright clear idea

  • I like Your Article about 5 Timeless Usability Principles for Website Designers | Visnetwork.biz Perfect just what I was searching for! .

  • I like Your Article about 5 Timeless Usability Principles for Website Designers | Visnetwork.biz Perfect just what I was searching for! .

  • hello!,I like your writing so a lot! percentage we communicate more about your article on AOL? I require a specialist on this area to resolve my problem. May be that’s you! Having a look ahead to peer you.

  • Wow, incredible blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your site is excellent, let alone the content!

  • I like Your Article about 5 Timeless Usability Principles for Website Designers | Visnetwork.biz Perfect just what I was looking for! .

  • I like Your Article about 5 Timeless Usability Principles for Website Designers | Visnetwork.biz Perfect just what I was looking for! .

  • I just want to say I am just new to blogging and site-building and certainly liked you’re web blog. Likely I’m likely to bookmark your blog . You certainly come with tremendous stories. Regards for sharing your webpage.

  • Wow!, this was a real quality post. In theory I’d like to write like this too – taking time and real effort to make a good article… but what can I say… I procrastinate a lot and never seem to get something done

  • Fantastic goods from you, man. I have understand your stuff previous to and you are just extremely excellent. I really like what you’ve acquired here, really like what you are stating and the way in which you say it. You make it enjoyable and you still take care of to keep it smart. I cant wait to read far more from you. This is really a tremendous website.

  • I like Your Article about 5 Timeless Usability Principles for Website Designers | Visnetwork.biz Perfect just what I was looking for! .

  • I agreed with most of what was said!

  • I really enjoy examining on this internet site, it holds great content. “The living is a species of the dead and not a very attractive one.” by Friedrich Wilhelm Nietzsche.

  • I consider something truly interesting about your weblog so I bookmarked .