Monday, April 09, 2007

Visual Design as an Information Design tool

Visual Design or Graphic Design as people might call it; has been mostly associated with the Experience and Look n Feel part of design. But Visual design is tremendously powerful tool when it comes to information design / information architecture. I personally feel the real power of this has not been truly utilized on the web. With usage of the age old “Gestalts Law” information can be presented in a very interesting manner. The kind of tools that Visual design uses are – Typography, Color, Placement, Layout, Texture/patterns, etc.

Starting from the Layout – the page itself can be designed to allow users to focus on certain aspects of information / section.

Typography, placement and color could be used to effectively create chunks of information which can be effectively used in segregating information. Also this could effectively create the hierarchy in information. Important information / section can be ‘subtly’ highlighted very effectively. Even simple things like 'bullet points' can be used as visual cues to point to an information.

One aspect that all application should account for is ‘Glazing/Glancing’ and design for it. What I mean by that it; user by just glancing on the page should get as much information as possible. This will substantially increase the readability and understandability of the information presented to the users.

To even use this there is lot of thinking that need to go into design. One has to really understand: what is the - information hierarchy, information chunks and more importantly the “objective” of the page/screen. Objective – Why do we need this page/screen; what the user has to understand in the screen/page; what user has to do in this screen.

The challenge is that if you want to use this you need a pixel perfect both in design and HTML. This is where a single pixel or slight change in color can create a huge difference in design. Just one pixel the information chunks comes close and suddenly you will find that they don’t appear to be two different chunks but one. Here you need a good eye for design.

These are aspect which if present will not be so much noticed by the user; but if absent would make it difficult for users to understand the UI.

We used these techniques in the Map cartography and even the UI.

No comments: