Direct Manipulation Interfaces

(Based on Shneiderman Chapter 6)

 

[ lecture notes | CSC 397 | Pete Sanderson | Computer Science | SMSU ]


Table of Contents

Significance
Example DM applications
Concepts and critique of DMI
Icon design
Programming by manipulation of icons
Other applications of DM
Virtual reality


Resources

Chapter 6 of Designing the User Interface Third Edition, by Ben Shneiderman.


Significance

What is the relationship between DMI and :

Return to the Top 


Example DM systems

Editors and word processors:

Spreadsheets:

 

Video games:

 

Office Automation:

 

Which of the above do people find the least intimidating to use? Why?

 

Common DM principles exhibited by systems surveyed above:

1. visual OA continuously displayed with meaningful metaphors.
2. simple physical actions rather than complex syntax
3. effect of operations immediately visible
4. operations can be reversed and sequenced.

Consider how this applies to children, who learn from spatial relationships and representations well before they can learn from symbolic relationships and representations.

 

EXERCISE: Design a DM interface for web-based airline reservation system. Includes flight and seating selection. What kinds of objects would it contain, and how would you manipulate them?

Return to the Top 


Concepts and critique of DMI

Major concepts upon which DMI is based include:

 

DM benefits include:

 

DM problems include:

 

Example:

I want to copy the file /csc132/spring98/exams/exam2.doc
into directory
/csc132/fall98/exams.
My current directory is
/csc132/spring98/exams.
Explain how to do this from a Unix command line versus a WinNT or MacOS desktop.

 

Relate Shneiderman OAI to DMI. (p. 205).

Return to the Top  


Icon Design

 

In-class exercise: develop a set of icons for direct-manipulation ATM (automated teller) service using touch screen. Once customer enters PIN, functions available are to: withdraw from checking, withdraw from savings, deposit to checking, deposit to savings. The dollar amount must also be specified: deposits can be any amount, deposits must be multiple of $20 up to a maximum of $300. This exercise should illustrate the difficulty in icon design.

Return to the Top  


Programming by manipulation of icons

Return to the Top  


Other applications of DM

Home Automation

Remote control of devices operating in inaccessible environment

Return to the Top  


Virtual Reality

EXERCISE: design a virtual classroom environment, which would enable instructor and students to interact even though each may be in a different physical environment. What devices, networking capabilities, and software would be required? Should it mimic the traditional physical classroom environment, or is a new paradigm / metaphor / environment preferable? If the latter, what might it look and sound like? It should support active participation by all, not just by the instructor! All participants should have access to all others (e.g., a student has access to other students also, not just to the instructor).

Return to the Top 


[ lecture notes | CSC 397 | Pete Sanderson | Computer Science | SMSU ]


Last reviewed: 22 October 1998

Peter Sanderson ( pete@csc.smsu.edu )