ORC Layout: Adaptive GUI Layout with OR-Constraints

Knowledge Worker Tools & WorkflowsPrototyping & User TestingUI/UX DesignersHCI Researchers

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.

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/papers/chi/3937/2019

AdRecommended

Learn AI Coding at CodeNow

At a Glance

Paper Snapshot

fact_check
dataset
Source
CHI
calendar_month
Year
2019
emoji_events
Award
No award tagged
group
Authors
4 authors
sell
Subtopics
Knowledge Worker Tools & Workflows, Prototyping & User Testing
work
Professions
UI/UX Designers, HCI Researchers
article
Content Status
Abstract only
hub
Related Papers
10 related papers