Take a look at the new version of this page: [ beta version ]. Tell us what you think.

ABSTRACT

We present a tool for automatically generating UI layouts for handheld devices based on design principles. This tool introduces a gestalt approach to visual interface design rather, complementing prior work on user cost minimization. We aim to increase user satisfaction using this approach. The tool automatically generates size and position of widgets drawn from the UI design heuristics of simplicity, structuring, and proportion. Simplicity refers to excluding non-core functionality; structuring to contextual grouping, and proportion to best-practice geometric ratios of width, height, and spacing. Layouts are generated from device constraints and simple XML containing UI component hierarchy. These layouts can be directly manipulated using a GUI editor.

REFERENCES

• 1: Adobe Flex 3. http://www.adobe.com/products/flex/.
• 2: Amazon Mechanical Turk. https://www.mturk.com/mturk/welcome
• 3: Aniket Kittur , Ed H. Chi , Bongwon Suh, Crowdsourcing user studies with Mechanical Turk, Proceeding of the twenty-sixth annual SIGCHI conference on Human factors in computing systems, April 05-10, 2008, Florence, Italy [doi>10.1145/1357054.1357127]
• 4: Brad Myers , Scott E. Hudson , Randy Pausch, Past, present, and future of user interface software tools, ACM Transactions on Computer-Human Interaction (TOCHI), v.7 n.1, p.3-28, March 2000 [doi>10.1145/344949.344959]
• 5: Cameron Moll. Mobile Web Design. Cameron Moll Publisher, Salt Lake City, UT, USA, 2007.
• 6: D.C.L Ngo, L.S. Teo and J.G. Byrne. Formalizing guidelines for the design of screen layouts. Display 21, Elsevier Science Publishers (2000), 3--15.
• 7: Dempsey Chang, Laurence Dooley and Juhani E. Tuovinen. Gestalt Theory in Visual Screen Design -- A New Look at an Old Subject. In Proc. CRPIT 2002, Australian Computer Society, Inc. Press.
• 8: James Fogarty , Scott E. Hudson, GADGET: a toolkit for optimization-based approaches to interface and display generation, Proceedings of the 16th annual ACM symposium on User interface software and technology, p.125-134, November 02-05, 2003, Vancouver, Canada [doi>10.1145/964696.964710]
• 9: James Lin , James A. Landay, Employing patterns and layers for early-stage design and prototyping of cross-device user interfaces, Proceeding of the twenty-sixth annual SIGCHI conference on Human factors in computing systems, April 05-10, 2008, Florence, Italy [doi>10.1145/1357054.1357260]
• 10: Jeffrey Nichols , Duen Horng Chau , Brad A. Myers, Demonstrating the viability of automatically generated user interfaces, Proceedings of the SIGCHI conference on Human factors in computing systems, April 28-May 03, 2007, San Jose, California, USA [doi>10.1145/1240624.1240819]
• 11: JFlashPlayer. http://www.jpackages.com/jflashplayer/
• 12: Kevin Mullet, Darrell Sano. Designing Visual Interfaces. SunSoft Press, Mountain View, CA, USA, 1995.
• 13: Krzysztof Gajos , Daniel S. Weld, SUPPLE: automatically generating user interfaces, Proceedings of the 9th international conference on Intelligent user interfaces, January 13-16, 2004, Funchal, Madeira, Portugal [doi>10.1145/964442.964461]
• 14: Scott Jenson. The Simplicity Shift. Cambridge University Press. Cambridge CB2 2RU, UK, 2002.
• 15: Questionnaire for User Interaction Satisfaction (QUIS). http://lap.umd.edu/quis/

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: Screen design (e.g., text, graphics, color)

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: Graphical user interfaces (GUI)

General Terms:
Design

Keywords:
GUI layout, automatic interface generation, design tool