ORC Layout: Adaptive GUI Layout with OR-Constraints

TL;DR

This paper introduces ORC, a flexible constraint-based GUI layout approach that unifies grid and flow layouts, enabling adaptive, maintainable, and interactive interface designs across various screen sizes.

Contribution

The paper presents ORC, a novel constraint system that combines grid and flow layouts, along with an editor for safe, flexible, and adaptive GUI design.

Findings

ORC can adapt layouts to different screen aspect ratios with a single specification.

The ORC Editor facilitates safe and effective design of flexible GUI layouts.

ORC specifications can be modified interactively and solved efficiently at runtime.

Abstract

We propose a novel approach for constraint-based graphical user interface (GUI) layout based on OR-constraints (ORC) in standard soft/hard linear constraint systems. ORC layout unifies grid layout and flow layout, supporting both their features as well as cases where grid and flow layouts individually fail. We describe ORC design patterns that enable designers to safely create flexible layouts that work across different screen sizes and orientations. We also present the ORC Editor, a GUI editor that enables designers to apply ORC in a safe and effective manner, mixing grid, flow and new ORC layout features as appropriate. We demonstrate that our prototype can adapt layouts to screens with different aspect ratios with only a single layout specification, easing the burden of GUI maintenance. Finally, we show that ORC specifications can be modified interactively and solved efficiently at runtime.