Archive for the ‘Web Design’ Category

Designing Usable Buttons

Thursday, April 17th, 2008

As a web developer I use the Internet a lot as you might expect and I also have to fill out a lot of forms. Form building should be a University course on its own, but I'd like to relay some guidelines for button usability as a lot of people are making some basic mistakes. 1. Appearance If you're going to be using an actual button on your site for any purpose, make it actually look like one and it will greatly improve your chances of the user clicking on it. It all goes back to the basics of affordances. A chair ... Read Article »

No Comments »

Gestalt Law of Similarity in Web Design

Wednesday, April 9th, 2008

Similarity in accessibility design is concerned with how a user perceives objects in a group that are alike, are related in context. For example, the diagram below would be perceived as alternating columns of circles and squares, rather than rows of alternating squares and circles: The same laws can be applied to web design. When creating interfaces for websites, the use of similarity can make individual elements on a page more accessible by grouping them based on their sharing of the same features. For example, the website Blogotion separates its content with similarity. The links across the top sharing a blue container ... Read Article »

No Comments »

Gestalt Law of Proximity in Web Design

Sunday, March 16th, 2008

Including Gestalt laws of user psychology can go a long way towards ensuring that your website caters for your user's usability needs as they navigate through it. Psychologists have determined that the brain acts in a certain way when perceiving objects on a computer screen, and knowing this can help ensure your site is more concerned about the user's needs than your own. In the next few days I'll go through each gestalt law; Proximity, Similarity, Continuity and Closure, one by one to show how they can be advantageous to website design. I'll start with proximity. Proximity This law refers to the observation ... Read Article »

No Comments »

Valid XHTML 1.0 Transitional Valid CSS!