Designing GUIs by sketch drawing and visual programming

ABSTRACT

This paper presents a new interactive UIDE that is based on visual programming and constrained sketch drawing. At the early stages of the iterative conception process, GUIs are interactively designed by drawing a "rough sketch" that acts as a first draft of the final description. This drawing is interpreted in real time by the system in order to produce the corresponding widget view (i.e. the actual visible GUI) and a graph of abstract objects that represents the GUI structure. This graph can then be easily modified by mixing visual and textual programming in a fully iterative and incremental way. This system is also based on the use of generic objects which are dynamically instantiated into actual widgets according to their structural and functional context. This scheme makes it possible to define very generic GUIs that can then be deeply refined in an efficient way at any stage of the conception process.

REFERENCES

• 1: Gideon Avrahami , Kenneth P. Brooks , Marc H. Brown, A two-view approach to constructing user interfaces, ACM SIGGRAPH Computer Graphics, v.23 n.3, p.137-146, July 1989
• 2: Bodart F. et al., Towards a Systematic Building of Software Architecture: The Trident Methodological Guide, Workshop on Design, Specification, Verification of Interactive Systems, pp. 237--253, 1995.
• 3: James A. Landay , Brad A. Myers, Interactive sketching for the early stages of user interface design, Proceedings of the SIGCHI conference on Human factors in computing systems, p.43-50, May 07-11, 1995, Denver, Colorado, United States [doi>10.1145/223904.223910]
• 4: Eric Lecolinet, XXL: a dual approach for building user interfaces, Proceedings of the 9th annual ACM symposium on User interface software and technology, p.99-108, November 06-08, 1996, Seattle, Washington, United States [doi>10.1145/237091.237107]
• 5: Brad A. Myers, User interface software tools, ACM Transactions on Computer-Human Interaction (TOCHI), v.2 n.1, p.64-103, March 1995 [doi>10.1145/200968.200971]
• 6: Gurminder Singh , Mark Green, Automating the lexical and syntactic design of graphical user interfaces: the UofA* UIMS, ACM Transactions on Graphics (TOG), v.10 n.3, p.213-254, July 1991 [doi>10.1145/108541.108543]
• 7: Pedro Szekely , Ping Luo , Robert Neches, Beyond interface builders: model-based interface tools, Proceedings of the INTERCHI '93 conference on Human factors in computing systems, p.383-390, May 1993, Amsterdam, The Netherlands
• 8: Charles Wiecha , William Bennett , Stephen Boies , John Gould , Sharon Greene, ITS: a tool for rapidly developing interactive applications, ACM Transactions on Information Systems (TOIS), v.8 n.3, p.204-236, July 1990 [doi>10.1145/98188.98194]

INDEX TERMS

Keywords:
interface builders, sketching, user interface design, visual programming, visual/textual equivalence