GUIdebook: Graphical User Interface galleryHome > Articles > “Apple Lisa Graphical Object-Oriented User Interface”
GUIsTimelinesScreenshotsIconsSoundsSplashesApplicationsAdsVideosArticlesBooksTutorialsExtras
Go backArticlesApple Lisa Graphical Object-Oriented User Interface

This paper has been written in October, 1987 and is published here with author’s permission.

Abstract

This report describes the user interface of Apple Computer’s Lisa microcomputer system. By following a set of user interface design principles the Lisa system is easy to learn and remember because the basic operations are natural and intuitive.

Introduction

A computer user interface is defined as a “way for humans to interact with a computer” (Williams 1983,36). A graphical object-oriented user interface is an interface that uses graphical images to represent computer concepts. Many people in the computer industry credit graphic user interfaces with “improving operator capabilities” (Krigman 1985, 56).

Lisa system description

The Lisa is a single user, multitasking, desktop, microcomputer system manufactured by Apple Computer, Inc. that contains a screen, internal floppy disk drives, a detachable keyboard, and a screen pointing device called the “mouse” (Apple, Lisa 1983, E6). The mouse plays a central role in the Lisa user interface. This role will be discussed in detail in a later section. Figure 1 below shows a typical Lisa system. The small box-shaped object connected to the computer by a cable is the mouse.

Figure 1. The Lisa with her “mouse”
This image can be zoomedFigure 1. The Lisa with her “mouse”


User interface design principles

Several principles govern graphical object-oriented user interfaces for computer systems (Smith 1982, 250):
Familiar user’s conceptual model
Seeing and pointing versus remembering and typing
What you see is what you get
Universal and consistent commands
Simplicity
Modeless interaction

The Lisa user interface follows these principles closely (Daniels 1984, 336).

Principle 1: Familiar user’s conceptual model

Figure 2. Icons representing physical hardware components
This image can be zoomedFigure 2. Icons representing physical hardware components
The user’s conceptual model of a computer system is the set of ideas which enable the user to understand the system. To be useful this model should be familiar to the user. Apple Computer developed the Desktop Metaphor for their Lisa computer (Apple, Lisa User 1983, § 1-2). This metaphor relates physical objects to graphical objects on an electronic desktop (Apple, Lisa 2 1983, B7). For example, computer programs, documents, and physical hardware are represented by small images, called “icons”, on the computer’s display screen. Figure 2 shows several icons representing various hardware components. The icon titled “Widget” represents a hard disk and the icon titled “JUNK” a floppy disk. The “Wastebasket” icon serves as a depository for deleted documents.

Figure 3. Icons representing Lisa application programs
This image can be zoomedFigure 3. Icons representing Lisa application programs
Application programs are also represented by icons. Several appear in figure 3. These icons resemble the type of applications they perform. For example, the icon for LisaGraph, a data graphing program, contains an image resembling a line graph. LisaTerminal’s icon contains two connected telephone poles which represent LisaTerminal’s use of the telephone to transfer information from one computer to another.

Figure 4. Lisa window for a LisaCalc document
This image can be zoomedFigure 4. Lisa window for a LisaCalc document
Lisa documents are displayed within rectangular regions called “windows”. Figure 4 shows a window for a document from LisaCalc, a spreadsheet program. Windows represent sheets of paper with textual or graphical data displayed within their interior. Since in most cases the images in a window are larger than the window’s size a scrolling mechanism, utilizing the mouse, is built into each window. For the below window the regions on the right and bottom contain the scroll mechanism.

Principle 2: Seeing and pointing versus remembering and typing

Documents, or in general any visual display objects including icons, are selected by pointing at them with a display pointer controlled by the mouse. A mouse is a small box about the size of a pack of cigarettes with a button on the top which a person’s hand moves on a flat surface (Williams 1983, 36). Figure 5 below shows both a diagram of a mouse and a person’s hand manipulating a mouse. Mouse movements move an arrow-shaped image, called the “pointer”, on the screen. The button on the top is used to signal the computer to perform a command.

Figure 5. Lisa mouse showing movement by a human hand and a mouse side view
This image can be zoomedFigure 5. Lisa mouse showing movement by a human hand and a mouse side view


The mouse eliminates the need to memorize complex computer commands. Instead the mouse pointer points to lists of commands in visual regions called “menus”. Menus are the principle way the user tells an application program what to do (Apple, Lisa User 1983, § 3-1). Figure 6 below shows a LisaWrite menu, titled “Spelling”, with the menu command “Suggest Corrections” selected by the mouse arrow pointer.

Figure 6. Typical Apple Lisa menu
This image can be zoomedFigure 6. Typical Apple Lisa menu
Menu titles occupy a region at the top of the screen called the “menu bar” and change when different applications are active. Moving the mouse pointer over a menu title and pressing the mouse button causes the menu commands to drop downward. Continued pressing of the mouse button and movement of the pointer over the dropped menu commands selects the command under the pointer. Releasing the mouse button activates the currently selected command.

The mouse eliminates much of the user’s interaction with the keyboard. This results in simpler user operation since “most keyboards are confusing because they have too many buttons and inadequate feedback.” (Krigman 1985, 58)

Principle 3: What you see is what you get

Figure 7. LisaGraph window containing a pie chart
This image can be zoomedFigure 7. LisaGraph window containing a pie chart
One of the most important principles of the Lisa user interface is the principle of “What you see is what you get” (Daniels 1984, 339). This means all information on the screen is seen exactly as viewed on a printed page. For example, in a word processing document, text consisting of different fonts and character sizes is displayed with those differences. The user can modify a document on the screen until it looks just right before printing it. Figure 7 shows a pie chart that LisaGraph tool can display. When printed this pie chart will appear almost exactly on the paper as it is seen on the screen (note that differences in screen and printer resolutions can cause slight printing differences).

Principle 4: Universal and consistent commands

Figure 8. Lisa “File/Print” menu
This image can be zoomedFigure 8. Lisa “File/Print” menu
The principle of Universal and Consistent Commands says all computer commands act exactly the same way no matter where in the system the user issues them. With the Lisa, the user can at any time save to a disk or print the document she is working on because the “File/Print” menu is always present. Figure 8 shows this menu.

Principle 5: Simplicity

Figure 9. Lisa dialog example
This image can be zoomedFigure 9. Lisa dialog example
The principle of Simplicity states that redundant methods should not exist. Having multiple ways to achieve one result increases the complexity of a system. When the Lisa requires an answer to a question she displays a dialog box containing the question and several buttons containing the possible answers (Apple, Lisa User 1983, § 7-1). Figure 9 shows a sample dialog. To answer the question the user only has to point the mouse arrow at the appropriate dialog answer box, in this case either “Cancel” or “Erase”, and press the mouse button. All questions are handled this way, so once the user understands how to use one dialog all future dialogs will be similar.

Principle 6: Modeless interaction

The Modeless Interaction principle states that modes should not exist in the system. A mode is defined as follows (Smith 1982, 276):

A mode of an interactive computer system is a state of the user interface that lasts for a period of time, is not associated with any particular object, and has no role other than to place an interpretation on the operator input.

Figure 10. Lisa screen showing modeless application interaction
This image can be zoomedFigure 10. Lisa screen showing modeless application interaction
The existence of modes isolates capabilities of the system from the user. For example, in most computer systems if the user types a report with a word processing program and wishes to delete a file, the user must quit the word processor and execute a program which allows file deletions. Without modes the user could delete a file without quitting the word processor. The Lisa, a modeless computer, allows the user to execute several programs simultaneously on the screen. To switch from one program to another involves pointing the mouse pointer in the desired program’s window and pressing the mouse button. Figure 10 shows a typical Apple Lisa screen containing two word processor documents, an illustrative graphics document, two disk file catalogs, the mouse arrow pointer accessing the command “Suggest Corrections” in a menu titled “Spelling”, and a window titled “Clock” showing the current date and time.

Conclusion

The graphical object-oriented user interface of the Lisa computer results in a simple but powerful method for people to communicate with a computer. A combination of several design principles achieve this result:
Familiar user’s conceptual model
Seeing and pointing versus remembering and typing
What you see is what you get
Universal and consistent commands
Simplicity
Modeless interaction

by David T. Craig

References

Apple Computer, Inc. 1983. Lisa User Interface Guidelines. Apple Technical Documentation.

Apple Computer, Inc. 1983. Lisa 2 Owner’s Guide. Apple Technical Documentation.

Daniels, B. 1984. The Architecture of the Lisa Personal Computer. Proceedings of the IEEE, Vol. 72, No. 3, March 331-341.

Krigman, A. 1985. Operator Interfaces: Mirror, Mirror on the Wall. InTech April 55-58.

Smith, D. et al. 1982. Designing the Star User Interface. Byte April 242-45.

Williams, G. 1983. The Lisa Computer System. Byte February 33-50.

Page added on 22nd January 2005.

Copyright © 2002-2006 Marcin Wichary, unless stated otherwise.