DesignScape: Design with Interactive Layout Suggestions

Peter O'Donovan1,2     Aseem Agarwala2     Aaron Hertzmann1,2    
1University of Toronto    2Adobe

attrselect

Abstract

Creating graphic designs can be challenging for novice users. This paper presents DesignScape, a system which aids the design process by making interactive layout suggestions, i.e., changes in the position, scale, and alignment of elements. The system uses two distinct but complementary types of suggestions: refinement suggestions, which improve the current layout, and brainstorming suggestions, which change the style. We investigate two interfaces for interacting with suggestions. First, we develop a suggestive interface, where suggestions are previewed and can be accepted. Second, we develop an adaptive interface where elements move automatically to improve the layout. We compare both interfaces with a baseline without suggestions, and show that for novice designers, both interfaces produce significantly better layouts, as evaluated by other novices.

Paper

Peter O'Donovan, Aseem Agarwala, Aaron Hertzmann. DesignScape: Design with Interactive Layout Suggestions Proceedings of the SIGCHI conference on Human Factors in Computing Systems (CHI '15). BibTex

Acknowledgements

Thanks to John Hancock and Ingrid Varga for their technical support. This research is supported in part by Adobe, NSERC,and Microsoft.