Projects per year
During the design of graphical user interfaces (GUIs), one typical objective is to ensure compliance with pertinent style guides, ongoing design practices, and design systems. However, designing compliant layouts is challenging, time-consuming, and can distract creative thinking in design. This paper presents a method for interactive layout transfer, where the layout of a source design – typically an initial rough working draft – is transferred automatically using a selected reference/template layout while complying with relevant guidelines. Our integer programming (IP) method extends previous work in two ways: first, by showing how to transform a rough draft into the final target layout using a reference template and, second, by extending IP-based approaches to adhere to guidelines. We demonstrate how to integrate the method into a real-time interactive GUI sketching tool. Evaluation results are presented from a case study and from an online experiment where the perceived quality of layouts was assessed.
|Title of host publication||Proceeding of 26th International Conference on Intelligent User Interfaces (IUI 2021)|
|Number of pages||11|
|Publication status||Published - 14 Apr 2021|
|MoE publication type||A4 Article in a conference publication|
|Event||International Conference on Intelligent User Interfaces - Virtual, Online, College Station, United States|
Duration: 13 Apr 2021 → 17 Apr 2021
Conference number: 26
|Conference||International Conference on Intelligent User Interfaces|
|Period||13/04/2021 → 17/04/2021|
- User Interface Design
- Computational Methods
- Style Transfer
FingerprintDive into the research topics of 'Interactive Layout Transfer'. Together they form a unique fingerprint.
- 2 Active