5 Common Sense Rules For Interaction Design

User interface design is important for several reasons.  First of all the more intuitive the user interface the easier it is to use. It encompasses the concepts of  — usability, visualization, and functionality. The better your user interface the more your users will like to use it, increasing their satisfaction with the work that you have done.

Designers Work Hard, So Users Don’t Have To

Mind Map

Designing (and programming, implementing, and especially testing), is a tough job as it requires mastery of a slew of technical skills. Building a super user experience may be quite difficult, and building it correctly may be too difficult for mere words to describe, but — hey — without a positive user experience your users will click away, never to return.

Users should not have to spend much time learning a new system, a new lexicon, a new set of patterns and rules and iconographies, just to buy something on the web.

Information Design

HP User Interface

Information architecture is the organization of your information — whether it happens to be the products you sell or the articles you make available — and the way your site is structured to facilitate access to this information. Put related things together and separate unrelated things. Differentiating dissimilar things and making similar things resemble one another. The structure principle is concerned with your overall user interface architecture. Hewlett Packard is an example that did a great job by grouping associated links  and information together.

The Essential Audience

Users on LastFM

Most sites are built for an audience. They will interact with, view, read, navigate, search on, order from, submit to, download from — and so on — the web site; thus every measurement of a web site’s success involves the audience.

A natural step in understanding an audience is the grouping of individual users into sets of users, according to a classification scheme. This process of categorizing users is useful as a mass of individuals is more easily understood.

Take for example, Flickr. You could say they have 3 groups of users:

  1. Photographers – to showcase their works
  2. Casual visitors who want keep in touch with family and friends by sharing photos.
  3. Web and Graphic Designers- looking for inspiration and royalty free images
  4. Regular visitors participating in the community

Simplify. Use Conventions.

Web 2.0 Icons

It is important to make your design simple so that it communicates clearly and simply in the user’s own language. Provide good shortcuts, so users do not go through long procedures to get to the information they need. Use conventions that are both familiar and easy. Icons are an excellent example of conventions.  Look at the icons above and see how they automatically make you think of some task or action.

Don’t Make Me Think (too much)

Don't Make Me Think book

Don’t Make Me Think” by Steve Krug pretty much sums up what you really need to know about usability. The book covers key principles that will make your website better than 99% of what’s already out there.

In the book, Krug explains that people use sites differently from how we’d thought they would. This is important to know so that you can design them appropriately.

In one section of this usability bible, it highlights the differences between what we design for and the reality of how users use the web. In particular:

  • People don’t read, they scan
  • Users don’t make the best choice, they select the first “good enough” solution
  • Visitors don’t figure out how things work, they “muddle” through

Needless to say that “Don’t Make Me Think”  is a must-have book for any serious web designer. Young designers will learn a lot from it and experienced ones will refresh their knowledge.

Charlotte’s interest is in web interface and design as well as motion graphics. Her absorption with her work is mostly due to her attention to detail and passion for the world of design. Winding down after work, which consumes much of her time; she enjoys traveling, exploring new places, gastronomy, and fashion.


    • Ray,
    • April 23, 2009
    / Reply

    I’m really impressed by your work!!!!!!

  1. / Reply

    Conventions are good methods to show similicity, but it’s hard to show creativity.

Leave a Reply

Your email address will not be published. Required fields are marked *


Iconfinder Coupon Code and Review

Iconfinder offers over 1.5 million beautiful icons for creative professionals to use in websites, apps, and printed publications. Whatever your project, you’re sure to find an icon or icon…

WP Engine Coupon

Considered by many to be the best managed hosting for WordPress out there, WP Engine offers superior technology and customer support in order to keep your WordPress sites secure…

InMotion Hosting Coupon Code

InMotion Hosting has been a top rated CNET hosting company for over 14 years so you know you’ll be getting good service and won’t be risking your hosting company…

SiteGround Coupon: 60% OFF

SiteGround offers a number of hosting solutions and services for including shared hosting, cloud hosting, dedicated servers, reseller hosting, enterprise hosting, and WordPress and Joomla specific hosting.