Grid-based Genetic Operators for Graphical Layout Generation

Loading...
Thumbnail Image

Access rights

openAccess

URL

Journal Title

Journal ISSN

Volume Title

A1 Alkuperäisartikkeli tieteellisessä aikakauslehdessä

Date

2021-06

Major/Subject

Mcode

Degree programme

Language

en

Pages

30

Series

Proceedings of the ACM on Human-Computer Interaction, Volume 5, issue EICS

Abstract

Graphical user interfaces (GUIs) have gained primacy among the means of interacting with computing systems, thanks to the way they leverage human perceptual and motor capabilities. However, the design of GUIs has mostly been a manual activity. To design a GUI, the designer must select its visual, spatial, textual, and interaction properties such that the combination strikes a balance among the relevant human factors. While emerging computational-design techniques have addressed some problems related to grid layouts, no general approach has been proposed that can also produce good and complete results covering color-related decisions and other nonlinear design objectives. Evolutionary algorithms are promising and demonstrate good handling of similar problems in other conditions, genetic operators, depending on how they are designed. But even these approaches struggle with elements' overlap and hence produce too many infeasible candidate solutions. This paper presents a new approach based on grid-based genetic operators demonstrated in a non-dominated sorting genetic algorithm (NSGA-III) setting. The operators use grid lines for element positions in a novel manner to satisfy overlap-related constraints and intrinsically improve the alignment of elements. This approach can be used for crossovers and mutations. Its core benefit is that all the solutions generated satisfy the no-overlap requirement and represent well-formed layouts. The new operators permit using genetic algorithms for increasingly realistic task instances, responding to more design objectives than could be considered before. Specifically, we address grid quality, alignment, selection time, clutter minimization, saliency control, color harmony, and grouping of elements.

Description

Publisher Copyright: © 2021 ACM.

Keywords

fitts' law, gestalt law, graphical layout problem, grid-based genetic operators, many-objective optimization, user interfaces

Other note

Citation

Shiripour , M , Dayama , N R & Oulasvirta , A 2021 , ' Grid-based Genetic Operators for Graphical Layout Generation ' , Proceedings of the ACM on Human-Computer Interaction , vol. 5 , no. EICS , 208 . https://doi.org/10.1145/3461730