Scout: Rapid Exploration of Interface Layout Alternatives through High-Level Design Constraints

01/15/2020
by   Amanda Swearngin, et al.
14

Although exploring alternatives is fundamental to creating better interface designs, current processes for creating alternatives are generally manual, limiting the alternatives a designer can explore. We present Scout, a system that helps designers rapidly explore alternatives through mixed-initiative interaction with high-level constraints and design feedback. Prior constraint-based layout systems use low-level spatial constraints and generally produce a single design. Tosupport designer exploration of alternatives, Scout introduces high-level constraints based on design concepts (e.g., semantic structure, emphasis, order) and formalizes them into low-level spatial constraints that a solver uses to generate potential layouts. In an evaluation with 18 interface designers, we found that Scout: (1) helps designers create more spatially diverse layouts with similar quality to those created with a baseline tool and (2) can help designers avoid a linear design process and quickly ideate layouts they do not believe they would have thought of on their own.

READ FULL TEXT

page 1

page 2

page 3

research
09/20/2023

Interactively Optimizing Layout Transfer for Vector Graphics

One of the most common ways to represent and share visual designs is wit...
research
11/17/2021

Enabling Automated FPGA Accelerator Optimization Using Graph Neural Networks

High-level synthesis (HLS) has freed the computer architects from develo...
research
07/03/2022

Chimera: A Hybrid Machine Learning Driven Multi-Objective Design Space Exploration Tool for FPGA High-Level Synthesis

In recent years, hardware accelerators based on field-programmable gate ...
research
10/11/2022

Story Designer: Towards a Mixed-Initiative Tool to Create Narrative Structures

Narratives are a predominant part of games, and their design poses chall...
research
02/10/2021

VINS: Visual Search for Mobile User Interface Design

Searching for relative mobile user interface (UI) design examples can ai...
research
08/07/2023

Spellburst: A Node-based Interface for Exploratory Creative Coding with Natural Language Prompts

Creative coding tasks are often exploratory in nature. When producing di...
research
02/19/2021

Curvy: An Interactive Design Tool for Varying Density Support Structures

We introduce Curvy-an interactive design tool to generate varying densit...

Please sign up or login with your details

Forgot password? Click here to reset