Article

Free access

Applying a theory of graphical presentation to the graphic design of user interfaces

Author:

Jock MackinlayAuthors Info & Claims

UIST '88: Proceedings of the 1st annual ACM SIGGRAPH symposium on User Interface Software

Pages 179 - 189

https://doi.org/10.1145/62402.62431

Published: 03 January 1988 Publication History

Abstract

The increasing availability of computers with high-quality graphics and fonts has created an opportunity and an obligation for user interface designers. The opportunity is that designers can use graphical techniques to design more effective user interfaces. The obligation is that they must become experts at the design of graphical user interfaces. Current user interface toolkits provide very little design assistance. This paper describes a theory that supports automatic design of graphical presentations of relational information and shows how to extend it to support theory-driven design of graphical user interfaces.

“A picture worth a thousand words must first be a good picture” [Bow68]

References

[1]

J. Bertin. Semiology ofGraphics. The University of Wisconsin Press. 1983. Translated by William J. Berg.

Digital Library

[2]

W. Bowman. Graphic Communicalion. John Wiley & Sons. NY, 1969.

[3]

R. Baecker and A. Marcus. Design Principles for the Enhanced Presentation of Computer Program Source Text. Proceedings CHl'86. pages 51-58, April 1986.

Digital Library

[4]

E. C. Ciccarelli. Presenlafion Based User Inter&s. PhD thesis, MIT', August 1984. Also MIT technical report AI-TR-795.

Digital Library

[5]

W. S. Cleveland. The Elements ofGraphing Da/a. Wadsworth Advanced Books and Software. Monterey. California 93940. 1980.

Digital Library

[6]

W. S. Cleveland and R. McGill. Graphical Perception: Theory. Experimentation. and Application to the Development of Graphical Methods. Journal of/he American Stalisrical Associakw 79(387). pages 531-554. September 1984.

[7]

S. Feiner. APEX: An Experiment in the Automated Creation of Pictorial Explanations. IEEE Compuler Graphics und App/iu~lion.s. 5( 1 I). pages 29-37, No~~cmbcr 1985.

[8]

E. L. Hutchins, J. D. Hoilan. and D. A. Norman. Direct Manipulation Interfaces. In D. A. Norman and S. W. Draper. editors. User Crnrered System Design. pages 87-124, Lawrence Erlbaum. 1986.

[9]

R. D. Hill. Supporting Concurrency. Communication. and Synchronization in Human-Computer Interaction -The Sassafras U I MS. ACM Transacrions on Graphics 5(3). pages 179-210. July 1986.

Digital Library

[10]

H. Lieberman. There's More to Menu Systems Than Meets the Screen. Computer Graphics 19(3). SIGGRAPH'85 Proceedings, pages 181-189, July 1985.

Digital Library

[11]

J. Mackinlay. Aufomafic Design ofGraphical Presenfa/ions. PhD thesis, Stanford University, 1986.

Digital Library

[12]

J. Mackinlay. Automating the Design ofGraphical Presentations of Relational Information. ACM Trcznsuclion on GraphicsS(2). pages 110-141, April 1986.

Digital Library

[13]

J. Mackinlay and M. R. Genesereth. Expressiveness and Language Choice. Dafa and Knowledge Engineering l(1). pages 17-29, June 1985.

Digital Library

[14]

D. Markoff and D. Cartel. Tolal Recall. Grosset and Dunlap. NY. 1976.

[15]

B. A. Myers and W. Buxton. Creating Highly- Interactive and Graphical User Interfaces by Demonstration. Computer Graphics 20(4). SIGGRAPH'86 Proceedings, pages 249-258. August 1986.

Digital Library

[16]

B. A. Myers. The Importance of Percent-Done Progress Indicators for Computer-Human Interaction. Proceedings CHl85. pages 11-17. April 1985.

Digital Library

[17]

D. A. Norman. Cognitive Engineering. In D. A. Norman and S. W. Draper, editors. User Cenfered Sysfem Design, pages 31-61. Lawrence Erlbaum, 1986.

[18]

B. Shneiderman. Designing the User Interface. Addison-Wesley. 1987.

Digital Library

[19]

J. L. Sibert. W. D. Hurley. andT. W. Bleser. An Object-Oriented User Interface Management System. Compufer Graphics 20(4), SIGGRAPH'86 Proceedings, pages 259-267. August 1986.

Digital Library

[20]

D. R. Olsen, et al. ACM SIGGRAPH Workshop on Software Tools for User Interface Management. Computer Graphics 21(2), pages 71-147. April 1987.

Digital Library

[21]

G. E. Pfaff. User lnrerface Managemenl Systems. Springer-Verlag, 1985.

Digital Library

[22]

D. Swinehart. P. Zellweger, R. Beach, and R. Hagmann. A Structural View of the Cedar Programming Environment. ACM Transactions on Programming Languages and Sysfems 8(4), pages 419-490. October 1986.

Digital Library

[23]

P. P. Tanner and W. A. S. Buxton. Some Issues in Future UIMS Development. G. E. Pfaff. editor. User Interface Management Systems, pages 67-79. Springer- Verlag. 1985.

[24]

L. Weitzman. DESIGNER: A Knowledge-Based Graphic Design Assistant. Institute for Cognitive Science Technical Report 8609. La Jolla, CA. 92093. July 1986.

[25]

J. Whiteside, S. Jones. P. S. Levy. and D. Wixon. User Performance with Command. Menu. and lconic Interfaces. Proceedings CHIM pages 185-191. April 1985.

Digital Library

Cited By

Li GYang X(2022)Smartbanner: intelligent banner design framework that strikes a balance between creative freedom and design rulesMultimedia Tools and Applications10.1007/s11042-022-14138-782:12(18653-18667)Online publication date: 23-Nov-2022
https://doi.org/10.1007/s11042-022-14138-7
Guo SJin ZSun FLi JLi ZShi YCao NKitamura YQuigley AIsbister KIgarashi TBjørn PDrucker S(2021)Vinci: An Intelligent Graphic Design System for Generating Advertising PostersProceedings of the 2021 CHI Conference on Human Factors in Computing Systems10.1145/3411764.3445117(1-17)Online publication date: 6-May-2021
https://dl.acm.org/doi/10.1145/3411764.3445117
Mackinlay JCard SRobertson G(2018)A semantic analysis of the design space of input devicesHuman-Computer Interaction10.1207/s15327051hci0502%263_25:2(145-190)Online publication date: 26-Dec-2018
https://dl.acm.org/doi/10.1207/s15327051hci0502%25263_2
Show More Cited By

Index Terms

Applying a theory of graphical presentation to the graphic design of user interfaces
1. Computing methodologies
  1. Computer graphics
2. Software and its engineering
  1. Software notations and tools
    1. Development frameworks and environments
      1. Integrated and visual development environments

Recommendations

Graphical user interfaces

This article provides a brief introduction to graphical user interfaces or GUIs. The first section defines graphical user interfaces, describes interface components, and the different types of GUIs. This is followed by a short discussion of GUI design ...
Creating highly-interactive and graphical user interfaces by demonstration

It is very time-consuming and expensive to create the graphical, highly-interactive styles of user interfaces that are increasingly common. User Interface Management Systems (UIMSs) attempt to make the creation of user interfaces easier, but most ...
Transforming graphical interfaces into auditory interfaces

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences

UIST '88: Proceedings of the 1st annual ACM SIGGRAPH symposium on User Interface Software

January 1988

230 pages

ISBN:0897912837

DOI:10.1145/62402

Chairman:
Mark Green
Univ. of Alberta, Edmonton, Canada

Copyright © 1988 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Sponsors

SIGGRAPH: ACM Special Interest Group on Computer Graphics and Interactive Techniques

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 03 January 1988

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Qualifiers

Article

Conference

UIST 88

Sponsor:

SIGGRAPH

UIST 88: Symposium on User Interface Software

October 17 - 19, 1988

Alberta, Canada

Acceptance Rates

Overall Acceptance Rate 561 of 2,567 submissions, 22%

Upcoming Conference

UIST '25

Sponsor:
sigchi
sigchi

The 38th Annual ACM Symposium on User Interface Software and Technology

September 28 - October 1, 2025

Busan , Republic of Korea

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

25
Total Citations
View Citations
2,289
Total Downloads

Downloads (Last 12 months)178
Downloads (Last 6 weeks)13

Reflects downloads up to 23 Dec 2024

Other Metrics

View Author Metrics

Citations

Cited By

Li GYang X(2022)Smartbanner: intelligent banner design framework that strikes a balance between creative freedom and design rulesMultimedia Tools and Applications10.1007/s11042-022-14138-782:12(18653-18667)Online publication date: 23-Nov-2022
https://doi.org/10.1007/s11042-022-14138-7
Guo SJin ZSun FLi JLi ZShi YCao NKitamura YQuigley AIsbister KIgarashi TBjørn PDrucker S(2021)Vinci: An Intelligent Graphic Design System for Generating Advertising PostersProceedings of the 2021 CHI Conference on Human Factors in Computing Systems10.1145/3411764.3445117(1-17)Online publication date: 6-May-2021
https://dl.acm.org/doi/10.1145/3411764.3445117
Mackinlay JCard SRobertson G(2018)A semantic analysis of the design space of input devicesHuman-Computer Interaction10.1207/s15327051hci0502%263_25:2(145-190)Online publication date: 26-Dec-2018
https://dl.acm.org/doi/10.1207/s15327051hci0502%25263_2
Hearst MLaskowski PSilva LKaye JDruin ALampe CMorris DHourcade J(2016)Evaluating Information Visualization via the Interplay of Heuristic Evaluation and Question-Based ScoringProceedings of the 2016 CHI Conference on Human Factors in Computing Systems10.1145/2858036.2858280(5028-5033)Online publication date: 7-May-2016
https://dl.acm.org/doi/10.1145/2858036.2858280
Rosenholtz RDorai AFreeman R(2011)Do predictions of visual perception aid design?ACM Transactions on Applied Perception10.1145/1870076.18700808:2(1-20)Online publication date: 2-Feb-2011
https://dl.acm.org/doi/10.1145/1870076.1870080
Rosenholtz RTwarog NSchinkel-Bielefeld NWattenberg MOlsen DArthur RHinckley KMorris MHudson SGreenberg S(2009)An intuitive model of perceptual grouping for HCI designProceedings of the SIGCHI Conference on Human Factors in Computing Systems10.1145/1518701.1518903(1331-1340)Online publication date: 4-Apr-2009
https://dl.acm.org/doi/10.1145/1518701.1518903
Causse MHurter C(2009)The Physiological User's Response as a Clue to Assess Visual Variables EffectivenessProceedings of the 1st International Conference on Human Centered Design: Held as Part of HCI International 200910.1007/978-3-642-02806-9_20(167-176)Online publication date: 14-Jul-2009
https://dl.acm.org/doi/10.1007/978-3-642-02806-9_20
Congleton BAckerman MNewman MCousins SBeaudouin-Lafon M(2008)The ProD framework for proactive displaysProceedings of the 21st annual ACM symposium on User interface software and technology10.1145/1449715.1449752(221-230)Online publication date: 19-Oct-2008
https://dl.acm.org/doi/10.1145/1449715.1449752
Jin JSanchez RMaheswaran RSzekely PStaab S(2008)VizScriptProceedings of the 13th international conference on Intelligent user interfaces10.1145/1378773.1378780(40-49)Online publication date: 13-Jan-2008
https://dl.acm.org/doi/10.1145/1378773.1378780
Hurter CAgon CDelerue O(2007)Taxinomie de représentations graphiques dynamiquesProceedings of the 19th Conference on l'Interaction Homme-Machine10.1145/1541436.1541481(233-236)Online publication date: 12-Nov-2007
https://dl.acm.org/doi/10.1145/1541436.1541481
Show More Cited By

View Options

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

Media

Figures

Other

Tables

View Table of Contents