[ Previous | Next | Contents | Glossary | Home | Search ]
Motif and CDE 2.1 Style Guide



Promoting Consistency

Consistency helps a user transfer knowledge from one application to another. The following design principles address consistent user interfaces:

  1. Develop paradigms that provide for identical implementation of common functions throughout, and across, applications.

    For example, the Motif guidelines specify that a user should be able to use the same technique for editing text, regardless of where the text appears.

  2. Ensure that controls are consistent.

    Determine whether making one control consistent within an interface will affect the consistency of other controls. For example, user interface controls might be consistent in shape, location, or color, while others might be consistent in interaction techniques.

    Remember that consistency is a means to an end -- ease of learning, ease of use, and reduction of errors -- rather than an end itself. Sometimes it is impractical or impossible to be completely consistent. In that case, make consistency compromises based on your knowledge of the user.

  3. Sustaining the Context of the User's Tasks

    Users can become confused if the interface changes constantly while they work. The following design principles address continuity:

    1. Provide cues that help the user relate an effect to its cause.

      For example, displaying the cannot pointer over a target element when the user attempts to drop a source element on it indicates a problem with the target element.

    2. Design your application to maintain useful points of reference while the user works on a task.

      For example, when the user adds objects to a container, the appearance of the container's window should remain the same while the appearance of the window's contents changes.

    3. Allow the user to complete a step or a series of related steps without having to alternate between input devices.

      For example, the user should not have to use a pointing device to scroll text while editing that text from the keyboard. The text should scroll automatically when the cursor reaches a boundary; the keyboard should have its own scrolling mechanisms, such as keys that move the cursor up or down in the window.

    4. Maintaining Continuity Within and Among Applications

      A new application or a new version of an existing application should build on the user's knowledge. Do not discount the user's experiences with other user interfaces, such as those provided in prior versions of an application or those generally accepted as industry standards. When designing your application, design the application to behave in a manner similar to previous versions or to other applications if it is part of a suite of applications. In addition, maintain visual consistency throughout your application and any related applications.

      Designing Consistent Behavior

      Provide consistent behavior within your application and between applications. Observe the following design principles:

      1. Be cautious about changing the behavior of an application or control from one version of an application to the next.

      2. Test a new behavior to make sure that the benefits outweigh the drawbacks of forcing a user to relearn the behavior of an application or control.

      3. Consider allowing users to choose either old or new behavior for an application or control.

        If an old behavior is recognized by many users, consider supporting the old behavior. Although backward compatibility is desirable, a poorly implemented application could result in a mixed model that is not easily learned and used.

      4. Determine whether to continue providing consistency in an existing poor design.

        Though consistency is important, it may not be appropriate to continue using a poorly designed interface. Weigh the needs of experienced users against the need for updated design.

      5. Maintaining Visual Consistency

        Maintain visual consistency throughout your application and between applications, if possible. Pay attention to visual elements such as the typeface and color. Observe the following design principles:

        1. Choose an appropriate font and show differences in levels of information by using different typefaces within that font.

          For example, when using the Times Roman font, show differences by making the typeface bold, italic, a different size, or underlined. You can use an additional font when there is a genuine need for more contrast in the information. However, vary the fonts only when the information is significantly different or when the choices of typefaces within an available font are limited.

          Design all of one type of element to have the same font and typeface. Pay particular attention to labels, choices, and text fields. For example, design all labels to use one font and typeface.

          When choosing a set of fonts to be displayed together, choose fonts that have noticeable contrast. The contrast can be of structure (serif or sans serif), weight, form, size, or any combination of these. Do not choose two serif fonts that are similar in size and weight to indicate different information.

          Limit the number of fonts used in an interface to two. Choosing three fonts that work well together is difficult.

        2. Provide clear visual communication.

          The user should be able to clearly distinguish one unrelated element from another. For example, if two unrelated elements appear visually similar (such as both are the same color), the similar color might lead the user to believe that a relationship exists between the elements, even though it does not.


        3. [ Previous | Next | Contents | Glossary | Home | Search ]