Graphical styles for building interfaces by demonstration

ABSTRACT

Conventional interface builders allow the user interface designer to select widgets such as menus, buttons and scroll bars, and lay them out using a mouse. Although these are conceptually simple to use, in practice there are a number of problems. First, a typical widget will have dozens of properties which the designer might change. Insuring that these properties are consistent across multiple widgets in a dialog box and multiple dialog boxes in an application can be very difficult. Second, if the designer wants to change the properties, each widget must be edited individually. Third, getting the widgets laid out appropriately in a dialog box can be tedious. Grids and alignment commands are not sufficient. This paper describes Graphical Tabs and Graphical Styles in the Gild interface builder which solve all of these problems. A “graphical tab” is an absolute position in a window. A “graphical style” incorporates both property and layout information, and can be defined by example, named, applied to other widgets, edited, saved to a file, and read from a file. If a graphical style is edited, then all widgets defined using that style are modified. In addition, because appropriate styles are inferred, they do not have to be explicitly applied.

REFERENCES

• 1: Luca Cardelli, Building user interfaces by direct manipulation, Proceedings of the 1st annual ACM SIGGRAPH symposium on User Interface Software, p.152-166, October 17-19, 1988, Alberta, Canada [doi>10.1145/62402.62428]
• 2: Gideon Avrahami , Kenneth P. Brooks , Marc H. Brown, A two-view approach to constructing user interfaces, Proceedings of the 16th annual conference on Computer graphics and interactive techniques, p.137-146, July 1989
• 3: Scott E. Hudson , Shamim P. Mohamed, Interactive specification of flexible user interface displays, ACM Transactions on Information Systems (TOIS), v.8 n.3, p.269-288, July 1990 [doi>10.1145/98188.98201]
• 4: Jeff Johnson , Richard J. Beach, Styles in Document Editing Systems, Computer, v.21 n.1, p.32-43, January 1988 [doi>10.1109/2.222115]
• 5: Brad A. Myers, Creating user interfaces by demonstration, Academic Press Professional, Inc., San Diego, CA, 1988
• 6: B. A. Myers , B. V. Zanden , R. B. Dannenberg, Creating graphical interactive application objects by demonstration, Proceedings of the 2nd annual ACM SIGGRAPH symposium on User interface software and technology, p.95-104, November 13-15, 1989, Williamsburg, Virginia, United States [doi>10.1145/73660.73672]
• 7: Brad A. Myers , Dario A. Giuse , Roger B. Dannenberg , David S. Kosbie , Edward Pervin , Andrew Mickish , Brad Vander Zanden , Philippe Marchal, Garnet: Comprehensive Support for Graphical, Highly Interactive User Interfaces, Computer, v.23 n.11, p.71-85, November 1990 [doi>10.1109/2.60882]
• 8: Brad A. Myers, Separating application code from toolkits: eliminating the spaghetti of call-backs, Proceedings of the 4th annual ACM symposium on User interface software and technology, p.211-220, November 11-13, 1991, Hilton Head, South Carolina, United States [doi>10.1145/120782.120805]
• 9: Brad A. Myers , Mary Beth Rosson, Survey on user interface programming, Proceedings of the SIGCHI conference on Human factors in computing systems, p.195-202, May 03-07, 1992, Monterey, California, United States [doi>10.1145/142750.142789]
• 10: Brad A. Myers, Text formatting by demonstration, Proceedings of the SIGCHI conference on Human factors in computing systems: Reaching through technology, p.251-256, April 27-May 02, 1991, New Orleans, Louisiana, United States [doi>10.1145/108844.108904]
• 11: Gurminder Singh , Chun Hong Kok , Teng Ye Ngan, Druid: a system for demonstrational rapid user interface development, Proceedings of the 3rd annual ACM SIGGRAPH symposium on User interface software and technology, p.167-177, October 03-05, 1990, Snowbird, Utah, United States [doi>10.1145/97924.97943]
• 12: Takahiro Sugiyama et al.. CANAE User Interface Builder: YUZU (In Japanese), In Proceedings of the 45th National Convention of Information Processing Society of Japan, Tokushima, 1992, 5Q-3.
• 13: John M. Vlissides , Steven Tang, A unidraw-based user interface builder, Proceedings of the 4th annual ACM symposium on User interface software and technology, p.201-210, November 11-13, 1991, Hilton Head, South Carolina, United States [doi>10.1145/120782.120804]
• 14: Bruce F. Webster, The NeXT book, Addison-Wesley Longman Publishing Co., Inc., Boston, MA, 1989

INDEX TERMS

Primary Classification:
  H. Information Systems
  H.5 INFORMATION INTERFACES AND PRESENTATION (I.7)
      H.5.2 User Interfaces (D.2.2, H.1.2, I.3.6)
          Subjects: User interface management systems (UIMS)

Additional Classification:
  H. Information Systems
  H.5 INFORMATION INTERFACES AND PRESENTATION (I.7)
      H.5.2 User Interfaces (D.2.2, H.1.2, I.3.6)
          Subjects: Screen design (e.g., text, graphics, color); Interaction styles (e.g., commands, menus, forms, direct manipulation)

General Terms:
Design, Human Factors

Keywords:
demonstrational interfaces, direct manipulation, garnet, inferencing, styles, tabs, user interface builder, user interface management system