HCI Exercise: Applying the Design of Everyday Things

HCILectures.HCIExercisePsychEverydayThings History

Show minor edits - Show changes to output

Changed line 10 from:
# The button (on the left of the figure) works as follows (note the shortcuts):
to:
# The button (on the left of the figure) is labelled by the valve number. The button works as follows (note the shortcuts):
Added line 9:
%rfloat% Attach:hciexercisedesign-2.gif
Changed lines 11-16 from:
* left mouse button: pop up the menu (shown on the right)
* middle mouse button: turn the valve off
* right mouse button: turn the valve all the way on
* shift left mouse button: set the valve slightly open
* shift middle mouse button: set the valve mostly open
* shift right mouse button: bring up value numeric setting dialog box
to:
** left mouse button: pop up the menu (shown on the right)
** middle mouse button: turn the valve off
** right mouse button: turn the valve all the way on
** shift left mouse button: set the valve slightly open
** shift middle mouse button: set the valve mostly open
** shift right mouse button: bring up value numeric setting dialog box
Changed lines 19-20 from:
%rfloat% Attach:hciexercisedesign-2.gif
to:
Changed lines 8-9 from:
%rfloat% Attach:hciexercisedesign-2.gif
Here's how the widget
worked, as illustrated on the right.
to:
Here's how the widget worked, as illustrated below.
Changed lines 18-19 from:
to:
%rfloat% Attach:hciexercisedesign-2.gif
Changed lines 3-4 from:
A particular power plant had many valves situated around the plant. When something had to be changed, operators had to physically walk to the room where a particular valve was located, and move it by hand to the desired setting. The physical valve was controlled by a lever that looked something like this. If the lever was in between the two positions, the valve would be partially open.
to:
%rfloat% Attach:hciexercisedesign-1.gif
A particular power plant had many valves situated around the
plant, controlled by physical levers as illustrated here. When something had to be changed, operators had to physically walk to the room where a particular valve was located, and move it by hand to the desired setting. The physical valve was controlled by a lever that looked something like this. If the lever was in between the two positions, the valve would be partially open.
Changed lines 8-9 from:
Here's how the widget worked.
to:
%rfloat% Attach:hciexercisedesign-2.gif
Here's how the widget
worked, as illustrated on the right.
Changed lines 22-24 from:
||Affordances | Transfer effects | Causality | Idioms & Population stereotypes ||
||Visible constraints | Conceptual model | Mapping | Individual differences
||
to:
(:table border=1 cellspacing=0:)
(:cellnr:) Affordances

(:cell:) Transfer effects
(:cell:) Causality
(:cell:) Idioms & Population stereotypes

(:cellnr:) Visible constraints
(:cell:) Conceptual model
(:cell:) Mapping

(:cell:) Individual differences
(:tableend:)
Added lines 1-22:
(:title HCI Exercise: Applying the Design of Everyday Things :)

A particular power plant had many valves situated around the plant. When something had to be changed, operators had to physically walk to the room where a particular valve was located, and move it by hand to the desired setting. The physical valve was controlled by a lever that looked something like this. If the lever was in between the two positions, the valve would be partially open.

The valves recently became motorized and controlled by computer. Janet E. Hacker was hired to create a new interface widget that represented these valves on the operator's display. After thinking about it, she decided that this valve could be powerfully modeled by combining conventional buttons, popup menus and dialog boxes as follows:

Here's how the widget worked.
# The button (on the left of the figure) works as follows (note the shortcuts):
* left mouse button: pop up the menu (shown on the right)
* middle mouse button: turn the valve off
* right mouse button: turn the valve all the way on
* shift left mouse button: set the valve slightly open
* shift middle mouse button: set the valve mostly open
* shift right mouse button: bring up value numeric setting dialog box
# When the menu is raised, a person moves the mouse over the desired item and then releases the mouse button on it. The menu disappears, and the valve is adjusted by the system.
# If the 'numeric setting' menu is selected, a small dialog box is raised and the person enters a value between 0 and 1000, where 0 is off and 1000 is fully open. This allows the operator a fine degree of control over the valve.

Using your knowledge of design concepts of everyday things (summarized as the concepts below), critique this design, sketch an alternative control, and justify the new control using these design concepts.

||Affordances | Transfer effects | Causality | Idioms & Population stereotypes ||
||Visible constraints | Conceptual model | Mapping | Individual differences ||