RSS

Learning more about direct manipulation and reducing the ‘gulfs’

20 Feb

“Direct manipulation” is one of those Human-Computer Interaction (‘HCI’) terms that sounds intriguing. During the online HCI course instructed by Scott Klemmer which I did recently, I learned a bit more about what direct manipulation means.

Direct manipulation is a HCI method which involves continuous representation of objects of interest and rapid, reversible, and incremental actions and feedback. I guess the essence of direct manipulation is to allow users to manipulate objects that are presented to them, using actions that resemble – to varying degrees – the physical world.

An example of direct manipulation is the resizing a graphical shape, such as a rectangle, by dragging its corners or edges with a mouse. As Wikipedia explains: “Having real-world metaphors for objects and actions can make it easier for a user to learn and use an interface (some might say that the interface is more natural or intuitive), and rapid, incremental feedback allows a user to make fewer errors and complete tasks in less time, because they can see the results of an action before completing the action, thus evaluating the output and compensating for mistakes.”

In the lecture, Scott talked about “The Gulf of Execution” and “The Gulf of Evaluation” as introduced by Don Norman and Bill Verplank; how can a user interface bridge the gap between the user ‘knowing what to do’ (“The Gulf of Execution”) and the user ‘knowing what has happened’ (“The Gulf of Evaluation’)? In essence, direct manipulation is about making the interaction between a system and its users as easy and seamless as possible (see Fig. 1 below). Scott went on to talk about how easily users can do certain tasks, as outlined in Don Norman’s The Design of Everyday Things (see Fig. 2 below).

Amongst other things, I learned how you can use design to reduce these gulfs:

  1. Affordances and signifiers – Don Norman introduced the terms “signifiers” and “affordances” in his book, The Psychology of Everyday Things. A “signifier” is some sort of indicator, a signal in the physical or social world that can be interpreted meaningfully. In design, you can use signifiers to convey critical messages to the users. “Affordances” are all about the perceived and actual properties of a thing which determine how this thing can be used.
  2. Reducing the gulfs – Apart from providing visibility through affordances and signifiers, Scott mentioned a number of alternative ways to reduce the ‘gulfs’ in users knowing what to do and knowing what has happened (see Fig. 3 below).
  3. Graphical User Interface (‘GUI’) vs command line  It was interesting to hear Scott compare the pros and cons of a graphical user interface (‘GUI’) against those of the command line interface. Initially, I was strongly inclined to think that a GUI would be much more intuitive and better from a direct manipulation point of view. However, Scott explained that the command line interface tends to work better when the direction it offers is a benefit rather than a drawback (see Fig. 4 below).
  4. Gestural interfaces – At the end of the lecture Scott talked about how all of this direct manipulation stuff applies to gestural interfaces. These interfaces can be a good remedy against menu creep because as a designer you’re almost forced to keep the gestural interface as simple and as minimal as possible. With natural gestures tends to come immediate and clear user feedback.

Main learning point: I didn’t find direct manipulation the most straightforward of topics within the HCI course. However, after spending a bit more time understanding concrete examples and the ways in which the “Gulf of Execution” and the “Gulf of Evaluation” can be reduced, I felt a bit more confident about direct manipulation and specific things to look out for.

Fig. 1 – Design framework around the “Gulf of Execution” and the “Gulf of Evaluation” by Richard Buchanan (Taken from: http://www.dubberly.com/articles/what-is-interaction.html)

execution_evaluation

Fig. 2 – The making of gulfs (as outlined in Don Norman’s “The Design of Everyday Things”) – How easily can someone:

  • Determine the function of the device?
  • Tell what actions are possible?
  • Determine mapping from intention to physical movement?
  • Perform the action?
  • Tell what the system is in?
  • If the system is in its desired state?
  • Determine mapping from system state to interpretation?

Fig. 3 – The reducing of gulfs (by Don Norman and Jakob Nielsen – Gestural Interfaces: A Step Back In Usability) – In order to reduce gulfs, provide:

  • Visibility – Using perceived affordances and signifiers
  • Feedback
  • Consistency – Standards
  • Non-destructive operations – The importance of “undo”
  • Discoverability – All operations can be discovered by systematic exploration of menus
  • Scalability – The operation should work on all screen sizes, small and large
  • Reliability – Operations should work; events shouldn’t happen randomly

Fig. 4 – Comparing the direct manipulation aspects of a GUI vs command line interface (by Scott Klemmer)

GUI: (see Ben Shneiderman – Eight Golden Rules of Interface Design)

  • Constant feedback
  • Immediate feedback
  • Input – output
  • Visible
  • Consistent

Command line interface:

  • Better for abstractions
  • More geared towards programming purposes

Related links for further learning:

  1. http://en.wikipedia.org/wiki/Direct_manipulation_interface
  2. https://engineering.purdue.edu/~elm/projects/surrogate/surrogate.pdf
  3. http://www.dubberly.com/wp-content/uploads/2009/01/ddo_article_whatisinteraction.pdf
  4. http://www.interaction-design.org/encyclopedia/gulf_of_evaluation_and_gulf_of_execution.html
  5. http://en.wikipedia.org/wiki/The_Design_of_Everyday_Things
  6. http://jnd.org/dn.mss/signifiers_not_affordances.html
  7. http://www.interaction-design.org/encyclopedia/affordances.html
  8. http://www.jnd.org/dn.mss/gestural_interfaces_a_step_backwards_in_usability_6.html
  9. http://faculty.washington.edu/jtenenbg/courses/360/f04/sessions/schneidermanGoldenRules.html
  10. http://cleo.ics.uci.edu/teaching/Winter10/231/readings/1-HutchinsHollanNorman-DirectManipulation-HCI.pdf
Advertisements
 
1 Comment

Posted by on February 20, 2014 in Design, User Experience

 

Tags: , ,

One response to “Learning more about direct manipulation and reducing the ‘gulfs’

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: