DesignScape: Design with Interactive Layout Suggestions

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



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.


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


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