Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G8 - Aufgabe 1 - Consistency: Difference between revisions

From InfoVis:Wiki
Jump to navigation Jump to search
Line 35: Line 35:
To give an example for the points mentioned in the list above, I want to refer to Microsoft Windows and its applications as a suite of products (list element 5).
To give an example for the points mentioned in the list above, I want to refer to Microsoft Windows and its applications as a suite of products (list element 5).


In the Microsoft Windows software and in most of Microsofts products shortcut are of the same nature: <b>STRG+[underlined letter of command]</b>.<br>
In the Microsoft Windows software and in most of Microsoft's products shortcuts are of the same nature: <b>STRG+[underlined letter of command]</b>.<br>
[[Image:Shortcuts.jpg]]<br><br>
[[Image:Shortcuts.jpg]]<br><br>


As you can see this gives the impression that the way of treating commands always swings that way. Unfortunatly it does not. The next screenshot shows that there are parts of the software where the shortcut rule is violated. This stands in contradiction with number 5 of the list above.<br>
As you can see this gives the impression that the way of treating commands always swings that way. Unfortunatly this is not the case. The next screenshot shows that there are parts of the software where the shortcut rule is violated. This contradicts rule number 5 of the list above.<br>
[[Image:inconsistency.jpg]]
[[Image:inconsistency.jpg]]


This inconsistency leads to a big gap between what the system provides and what the user expects.  
This inconsistency leads to a big gap between what the system provides and what the user expects.


===Example: Webdesign===
===Example: Webdesign===

Revision as of 08:58, 25 October 2005

Definition(s)

Consistency describes a harmonious uniformity or agreement among things or parts.
[Hyperdictionary.com, 2005]

Agreement or harmony of all parts of a complex thing among themselves, or of the same thing with itself at different times.
[Whatdowordsmean.com, 2005]

Key Words

Consistency, design, information visualization

Abstract

"Consistency (in Design)" is often referred to as the central criteria for successful user interaction. Any interface wants to keep its user focused, and additionally guide him to a procedure or structure. All this needs a clear and consistent framework of elements within the design of the interface. Consistency can create a distinct sense of "place" and makes parts and functions in a system memorable [Lynch and Horton, 2002].
Therefor I want to give a brief overview on the important issues of consistency.

Consistency and its Context

Important Issues

The following list tries to give a ranking that indicates which elements of an interface require consistency the most [Bruce Tognazzini, 2003].

  1. Interpretation of user behavior, e. g., shortcut keys maintain their meanings.
  2. Invisible structures.
  3. Small visible structures.
  4. The overall "look" of a single application or service--splash screens, design elements.
  5. A suite of products.
  6. In-house consistency.
  7. Platform-consistency.


It is a common error to assume that the list should be in reverse order, providing interfaces which look similar on the outside, but have a completely different behaviour on the inside. This would lead to major difficulties in usage, and thus endanger the success of the system. [Bruce Tognazzini, 2003]

Example: Shortcut Rule

To give an example for the points mentioned in the list above, I want to refer to Microsoft Windows and its applications as a suite of products (list element 5).

In the Microsoft Windows software and in most of Microsoft's products shortcuts are of the same nature: STRG+[underlined letter of command].


As you can see this gives the impression that the way of treating commands always swings that way. Unfortunatly this is not the case. The next screenshot shows that there are parts of the software where the shortcut rule is violated. This contradicts rule number 5 of the list above.

This inconsistency leads to a big gap between what the system provides and what the user expects.

Example: Webdesign

In the context of invisible structures I would like to come up with an example from the field of webdesign. This field is highly dependent on the principles of design, especially consistency, because it has so much freedom in the lookalike of its products. If you consider prgramming Visual C++, you have a predefined suite of products, which follow a number of design principles already. Engaging yourself in webdesign you will face a tremendous freedom, which also comes along with a great amount of responsibility.

The structural concept above gives an idea how consistency is practically applied. Providing a graphical and logical concept helps the user to remember and assume where he finds the desired information or service inside the system or website. [Lynch and Horton, 2002]

An example for a good concept is the header shown above. It was part of the website http://www.bridgeman.co.uk . One can easily recognize that the design of the is consistent in its typography and lookalike throughout the buttons and page banners [Lynch and Horton, 2002]

Conclusion

To sum up it is to say that consistency is a very important topic in design as a whole, and information design in particular.Knowing your users and providing them with a well structured, logical correct and non surprising system is what is the major aim related to the principle of consistency.

Bibliography

[Bruce Tognazzini, 2003] First Principles of Interaction Design, Nielsen Norman Group
http://www.asktog.com/basics/firstPrinciples.html

[Hyperdictionary.com, 2005] Consistency
http://www.hyperdictionary.com/dictionary/consistency

[Whatdowordsmean.com, 2005] Consistency
http://www.whatdowordsmean.com/definition/consistency/

[Lynch and Horton, 2002] Webstyleguide 2nd edition
http://www.webstyleguide.com/page/consistent.html


< Aufgabe 1
<< G8
<<< overview