skip to main content
10.1145/1520340.1520637acmconferencesArticle/Chapter ViewAbstractPublication PageschiConference Proceedingsconference-collections
extended-abstract

Aesthetics matter: leveraging design heuristics to synthesize visually satisfying handheld interfaces

Published: 04 April 2009 Publication History

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. In Proc. CHI 2008, ACM Press (2008), 453--456.
[4]
Brad Myers, Scott E. Hudson, Randy Pausch. Past, Present, and Future of User Interface Software Tools. TOCHI Vol.7, ACM Press (2000), 3--28.
[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. In Proc. UIST 2003, ACM Press (2003), 125--134.
[9]
James Lin, James A. Landay. Employing Patterns and Layers for Early-Stage Design and Prototyping of Cross-Device User Interfaces. In Proc. CHI 2008, ACM Press (2008), 1313--1322.
[10]
Jeffrey Nichols, Duen Horng Chau, Brad A. Myers. Demonstrating the viability of Automatically Generated User Interfaces. In Proc. CHI 2007, ACM Press (2007), 1283--1292.
[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 Interface. In Proc. IUI 2004, ACM Press (2004), 93--100.
[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/

Cited By

View all

Index Terms

  1. Aesthetics matter: leveraging design heuristics to synthesize visually satisfying handheld interfaces

        Recommendations

        Comments

        Information & Contributors

        Information

        Published In

        cover image ACM Conferences
        CHI EA '09: CHI '09 Extended Abstracts on Human Factors in Computing Systems
        April 2009
        2470 pages
        ISBN:9781605582474
        DOI:10.1145/1520340
        Permission to make digital or hard copies of part or all 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 third-party components of this work must be honored. For all other uses, contact the Owner/Author.

        Sponsors

        Publisher

        Association for Computing Machinery

        New York, NY, United States

        Publication History

        Published: 04 April 2009

        Check for updates

        Author Tags

        1. GUI layout
        2. automatic interface generation
        3. design tool

        Qualifiers

        • Extended-abstract

        Conference

        CHI '09
        Sponsor:

        Acceptance Rates

        CHI EA '09 Paper Acceptance Rate 385 of 1,130 submissions, 34%;
        Overall Acceptance Rate 6,164 of 23,696 submissions, 26%

        Upcoming Conference

        CHI 2025
        ACM CHI Conference on Human Factors in Computing Systems
        April 26 - May 1, 2025
        Yokohama , Japan

        Contributors

        Other Metrics

        Bibliometrics & Citations

        Bibliometrics

        Article Metrics

        • Downloads (Last 12 months)7
        • Downloads (Last 6 weeks)1
        Reflects downloads up to 21 Dec 2024

        Other Metrics

        Citations

        Cited By

        View all

        View Options

        Login options

        View options

        PDF

        View or Download as a PDF file.

        PDF

        eReader

        View online with eReader.

        eReader

        Media

        Figures

        Other

        Tables

        Share

        Share

        Share this Publication link

        Share on social media