UID Module 4
UID Module 4
■ Cascading:
— Purpose:
• To provide advanced options at a lower level in a complex dialog.
— Guidelines:
• Provide a command button leading to the next dialog box with a “To a Window”
indicator, an ellipsis (. . . ).
• Present the additional dialog box in cascaded form.
• Provide no more than two cascades in a given path.
• Do not cover previous critical information.
— Title Bar.
— Relevant displayed information.
• If independent, close the secondary window from which it was opened.
■ Unfolding:
— Purpose:
• To provide advanced options at the same level in a complex dialog.
— Guidelines:
• Provide a command button with an expanding dialog symbol (>>).
• Expand to right or downward.
Dialog Boxes
■ Description:
— A single primary window with a set of secondary windows.
■ Proper usage:
— Where object and window have a simple, one-to-one relationship.
— Where the object’s primary presentation or use is as a single unit.
— To support alternate views with a control that allows the view to be changed.
— To support simultaneous views by splitting the window into panes.
■ Advantages:
— Most common usage.
— Window manipulation is easier and less confusing.
— Data-centered approach.
■ Disadvantage:
— Information is displayed or edited in separate windows.
Multiple-Document Interface
■ Description:
— A technique for managing a set of windows where documents are opened into windows.
— Contains:
• A single primary window, called the parent.
• A set of related document or child windows, each also essentially a primary window.
— Each child window is constrained to appear only within the parent window.
— The child windows share the parent window’s operational elements.
— The parent window’s elements can be dynamically changed to reflect the requirements of the
active child window.
■ Proper usage:
— To present multiple occurrences of an object.
— To compare data within two or more windows.
— To present multiple parts of an application.
— Best suited for viewing homogeneous object types.
— To clearly segregate the objects and their windows used in a task.
Advantages:
— The child windows share the parent window’s interface components (menus, toolbars,
and status bars), making it a very space-efficient interface.
— Useful for managing a set of objects.
— Provides a grouping and focus for a set of activities within the larger environment of the
desktop.
■ Disadvantages:
— Reinforces an application as the primary focus.
— Containment for secondary windows within child windows does not exist, obscuring
window relationships and possibly creating confusion.
— Because the parent window does not actually contain objects, context cannot always be
maintained on closing and opening.
— The relationship between files and their windows is abstract, making an MDI application
more challenging for beginning users to learn.
— Confining child windows to the parent window can be inconvenient or inappropriate for
some tasks.
— The nested nature of child windows may make it difficult for the user to distinguish a
child window in a parent window
Workbooks
■ Description:
— A window or task management technique that consists of a set of views organized like a
tabbed notebook.
— It is based upon the metaphor of a book or notebook.
— Views of objects are presented as sections within the workbook’s primary windows.
— Each section represents a view of data.
— Tabs can be included and used to navigate between sections.
— Otherwise, its characteristics and behavior are similar to those of the multipledocument
interface with all child windows maximized.
■ Proper usage:
— To manage a set of views of an object.
— To optimize quick navigation of multiple views.
— For content where the order of the sections is significant.
Advantages:
— Provides a grouping and focus for a set of activities within the larger
environment of the desktop.
— Conserves screen real estate.
— Provides the greater simplicity of the single-document window interface.
— Provides greater simplicity by eliminating child window management.
— Preserves some management capabilities of the multiple-document
interface.
■ Disadvantage:
— Cannot present simultaneous views.
Projects
■ Description:
— A technique that consists of a container: a project window holding a set of objects.
— The objects being held within the project window can be opened in primary windows
that are peers with the project window.
— Visual containment of the peer windows within the project window is not necessary.
— Each opened peer window must possess its own menu bar and other interface
elements.
— Each opened peer window can have its own entry on the task bar.
— When a project window is closed, all the peer windows of objects also close.
— When the project window is opened, the peer windows of the contained objects are
restored to their former positions.
— Peer windows of a project may be restored without the project window itself being
restored.
■ Proper usage:
— To manage a set of objects that do not necessarily need to be contained.
— When child windows are not to be constrained.
Advantages:
— Provides a grouping and focus for a set of activities within the larger
environment of the desktop.
— Preserves some management capabilities of the multiple document
interface.
— Provides the greatest flexibility in the placement and arrangement of
windows.
■ Disadvantage:
— Increased complexity due to difficulty in differentiating peer primary
windows of the project from windows of other applications.
Organizing Window Functions
Organize windows to support user tasks.
■ Support the most common tasks in the most efficient sequence of steps.
■ Use primary windows to:
— Begin an interaction and provide a top-level context for dependent windows.
— Perform a major interaction.
■ Use secondary windows to:
— Extend the interaction.
— Obtain or display supplemental information related to the primary window.
■ Use dialog boxes for:
— Infrequently used or needed information.
— “Nice-to-know” information.
Mayhew (1992) suggests that poor functional organization usually
occurs because of one of, or a combination of, these factors:
• Emphasis on technical ease of implementation rather than proper
analysis of user tasks.
• Focus on applications, features, functions, or data types instead of
tasks.
• Organization of the design team into applications, with little cross-
team communication.
• Blindly mimicking the manual world and carrying over manual
inefficiencies to the computer system.
Window Operation
1. Number of Windows
■ Minimize the number of windows needed to accomplish an
objective.
2. Active Window
■ A window should be made active with as few steps as possible.
■ Visually differentiate the active window from other windows.
3. General Guidelines
■ Description:
— Multiple Web screen panes that permit the displaying of multiple
documents on a page.
— These documents can be independently viewed, scrolled, and updated.
— The documents are presented in a tiled format.
■ Proper usage:
— For content expected to change frequently.
— To allow users to change partial screen content.
— To permit users to compare multiple pieces of information.
Guidelines:
— Use only a few frames (three or less) at a given time.
— Choose sizes based upon the type of information to be presented.
— Never force viewers to resize frames to see information.
— Never use more than one scrolling region on a page.
Frames advantages mostly cluster around their ability to reduce the
user’s content comprehension mental load. These include the
following:
• They decrease the user’s need to jump back and forth between
screens, thereby reducing navigation-related cognitive overhead.
• They increase the user’s opportunity to request, view, and compare
multiple sources of information.
• They allow content pages to be developed independently of
navigation pages.
The disadvantages mostly cluster around navigational shortcomings,
including:
• They suffer some of the shortcomings of tiled screens:
• Only a limited number can be displayed in the available screen area.
Pop-Up Windows
■ Description:
— A special surface on a screen sensitive to the touch of a special stylus or pen.
■ Advantages:
— Direct relationship between hand and pointer movement in terms of direction, distance, and speed.
— Movement is direct, in the same plane as screen.
— Requires minimal additional desk space.
— Stands up well in high-use environments.
— More accurate than finger touching.
■ Disadvantages:
— Hand may obscure part of screen.
— Requires picking it up to use.
— Requires moving the hand far from the keyboard to use.
— Very fatiguing to use for extended period of time.
Voice
■ Description:
— Automatic speech recognition by the computer.
■ Advantages:
— Simple and direct.
— Useful for people who cannot use a keyboard.
— Useful when the user’s hands are occupied.
■ Disadvantages:
— High error rates due to difficulties in:
• Recognizing boundaries between spoken words.
• Blurred word boundaries due to normal speech patterns.
— Slower throughput than with typing.
— Difficult to use in noisy environments.
— Impractical to use in quiet environments.
Mouse
■ Description:
— A rectangular or dome-shaped, movable, desktop control containing from one to three buttons used to
manipulate objects and information on the screen.
— Movement of screen pointer mimics the mouse movement.
■ Advantages:
— Direct relationship between hand and pointer movement in terms of direction, distance, and speed.
— Permits a comfortable hand resting position
— Selection mechanisms are included on mouse.
— Does not obscure vision of the screen.
■ Disadvantages:
— Movement is indirect, in a plane different from screen.
— Requires hand to be removed from keyboard.
— Requires additional desk space.
— May require long movement distances.
— Requires a degree of eye-hand coordination.
Mouse Usage Guidelines
■ Provide a “hot zone” around small or thin objects that might require
extremely fine mouse positioning.
■ Never use double-clicks or double-drags as the only means of
carrying out essential operations.
■ Do not use mouse plus keystroke combinations.
■ Do not require a person to point at a moving target.
Keyboard
■ Description:
— Standard typewriter keyboard and cursor movement keys.
■ Advantages:
— Familiar.
— Accurate.
— Does not take up additional desk space.
— Very useful for:
• Entering text and alphanumeric data.
• Inserting in text and alphanumeric data.
• Keyed shortcuts—accelerators.
• Keyboard mnemonics—equivalents.
— Advantageous for:
• Performing actions when less than three mouse buttons exist.
• Use with very large screens.
• Touch typists.
■ Disadvantages:
— Slow for non-touch-typists.
— Slower than other devices in pointing.
— Requires discrete actions to operate.
— No direct relationship between finger or hand movement on the keys
and cursor
movement on screen in terms of speed and distance.
Keyboard Guidelines
■ Provide keyboard accelerators.
— Assign single keys for frequently performed, small-scale tasks.
— Use standard platform accelerators.
— Assign Shift-key combinations for actions that extend or are
complementary to the actions of the key or key combination used
without the Shift-key.
— Assign Ctrl-key combinations for:
• Infrequent actions.
• Tasks that represent larger-scale versions of the task assigned to the
unmodified key.
■ Provide keyboard equivalents.
— Use standard platform equivalents.
— Use the first letter of the item description.
— If first letter conflicts exist, use:
• Another distinctive consonant in the item description.
• A vowel in the item description.
■ Provide window navigation through use of keyboard keys.