Understanding Webpage Usability

Oct 14th, 09 by Faez | View Comments |
You maybe interested in our latest article Personal Facebook Fan Pages of Celebrities.

Often when designers are creating new web pages, they rely on the design of the elements within a page. Banners have to look pleasant; navigation buttons have to be consistent and so on. But when these elements are placed together within a page, they create dynamics that attract user attention. The study on user attraction, or attentiveness, is a part of what is called usability – a guide on how to assess purposefulness of a user interface.

That is why you might notice that the most popular websites like Google and Facebook have minimalistic designs and there is a good reason for such approach.

Less Is More

There is a common saying amongst designers and developers alike – Keep It Simple and stupid. A webpage that sells shampoos to customers should only have the necessary webpages to sell that particular product and not anything else. Users don’t need to know the size of the bottle or even what colour of the shampoo would be.

When things are kept simple, users get to do tasks quickly and when they do, they will appreciate and come back to your website again.



Gestalt Psychology

There is a popular research subject called Cognitive Psychology that a lot of designers are paying attention to. It involves studying how humans perceive things around them and assess how long can we pay attention to a particular detail.

Gestalt Laws are a set of rules that define how we group objects together; take a look at these example diagrams.
Gestalt Laws
See how you tend to ‘group’ a particular pattern and arrangement of items within that diagram? Designers now take advantage of these Gestalt Laws by applying them in their websites during the design phase. It might seem obvious, but that is why navigation bars are always a straight line and grouped items get our first attention.

I’ll be coming up with another article explaining Cognitive Psychology in detail, so stay tuned.

Users Are Highly Critical, Even If We Don’t Realise It

Most designers often think of designing the best looking websites, because of course, that’s what they do. But good designers are able to look at a website design not from a designers point of view, but from the user’s point of view. This is because users are often critical about any webpages they visit.

A website would look incredibly unreliable once they detect spelling errors or links that are broken. Why should a website promote the designer at the bottom of every page when that is not what they are looking for? These errors are subtle, yet they provide the most impact subconsciously when users are browsing the Internet.

Avoiding Pitfalls

The bottom line for a good design is always simplicity and a lot of common sense. Being able to think like the user and not the designer would give you the biggest advantage in designing not only purposeful websites but pleasing looking ones.

We regularly update articles about resources, tutorials and Wordpress to help designers and developers. If you are new to WebDesignBooth, why not subscribe to our RSS feed and get the latest updates immediately. You can also subscribe through email or follow us on Twitter.
  • http://twitter.com/prajwalrao Praj

    How is putting credits in the footer an error. When you buy a tee, do you cut off its label???

    A credit in the footer is in no way an error.. No matter what a user thinks.. That’s just ridiculous..

  • Michel Tel

    Nice article!

    In my opinion the Gestalt Psychologie is much more important than illustrate above. It’s more than just group elements together.

    Her you can find some more important information. http://www.henkwijnholds.com/gestalt-psychology-and-webdesign/user-centered-design/

    One of the most annoying things is similarity due to specific grids u can use by develop a prototype.

    Gr. Michel Tel

    @micheltel

  • http://www.mintzwebdesign.com Margie Mintz

    I agree with your thoughts . The way I put it to my clients is that they should think about what is their one top priority message they want to get across at first glance. It should be simple, as you said, and specific to their business. All design follows from there. That’s where the challenge of web design lies – the message, the receiver and the medium.
    thanks,
    Margie Mintz
    Mintz Web Design

  • http://cssbrigit.com/CNews/entrada/2009101417284034 CSS Brigit | Understanding Webpage Usability

    Understanding Webpage Usability…

    The study on user attraction is part of usability, a guide on how to assess purposefulness of a user interface….

  • http://tablosign.com/es/comprension-de-la-usabilidad-web/ Comprensión de la usabilidad web — Tablosign

    [...] interesante artículo sobre usabilidad web en Webdesign Booth. 1 [...]

  • http://www.clippingimages.com clippingimages

    WoW :) Awesome article. Thanks for sharing this nice post.

  • http://singlefunction.com/understanding-webpage-usability/ Understanding Webpage Usability | SingleFunction

    [...] Vist Source [...]

  • http://www.bizimhost.biz/wordpress-usability-plugins-that-make-your-blog-more-visitor-friendly-2/ WordPress Usability: Plugins That Make Your Blog More Visitor Friendly | Bizimhost.biz

    [...] The best definition of usability I have seen comes from the Base One Agency who states that “usability refers to how simple it is for customers to perform the desired actions on a website. Good usability can improve the conversion rate of a web site.” So in addition to how long it takes to load a WordPress blog, to achieve usability, you would need to look first at what the desired goals of your blog are. Is it to drive sales? Then your content needs to establish trust among your readers. For a more detailed look into the psychology behind usability, have a look at our previous post that covered Webpage Usability. [...]

  • http://www.webedesigner.com/ James White

    Thanks, Very useful resource!!

  • http://www.freebdownloadgamespc.com/ technology

    In my opinion the Gestalt Psychologie is much more important than illustrate above. It’s more than just group elements together.

  • http://www.websiteblue.com Georgie – Web Design in Brisbane

    Some interesting ideas, but I agree with Praj on this; credits are not an error. They can even help a user decide which company to use for creating their own website.

  • http://www.momsadvices.com Moms Advices

    Thanks for a great post and interesting comments. I found this post while surfing the web for downloads. Thanks for sharing this article.

  • http://www.latitudes.pt web design

    the webpage usability is very important…

  • http://www.web-hosting-service.in/ web hosting service india

    I agree with your thoughts . The way I put it to my clients is that they should think about what is their one top priority message they want to get across at first glance.

blog comments powered by Disqus