ORC Layout: Adaptive GUI Layout with OR-Constraints

Yue Jiang, Ruofei Du, Christof Lutteroth, Wolfgang Stuerzlinger

Research output: Chapter in Book/Report/Conference proceedingConference contribution

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 theORC 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.
LanguageEnglish
Title of host publicationProceedings of the 2019 CHI Conference on Human Factors in Computing Systems
PublisherAssociation for Computing Machinery
Pages1-12
Number of pages12
ISBN (Electronic)9781450359702
DOIs
StatusAccepted/In press - 24 Jan 2019
EventCHI 2019: Weaving the threads of CHI: CHI 2019 - Glasgow, UK United Kingdom
Duration: 4 May 20199 May 2019
https://chi2019.acm.org/

Publication series

NameCHI: Conference on Human Factors and Computing Systems
PublisherACM Press
ISSN (Electronic)1062-9432

Conference

ConferenceCHI 2019: Weaving the threads of CHI
Abbreviated titleCHI 2019
CountryUK United Kingdom
CityGlasgow
Period4/05/199/05/19
Internet address

Cite this

Jiang, Y., Du, R., Lutteroth, C., & Stuerzlinger, W. (Accepted/In press). ORC Layout: Adaptive GUI Layout with OR-Constraints. In Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems (pp. 1-12). (CHI: Conference on Human Factors and Computing Systems). Association for Computing Machinery. https://doi.org/10.1145/3290605.3300643

ORC Layout: Adaptive GUI Layout with OR-Constraints. / Jiang, Yue; Du, Ruofei; Lutteroth, Christof; Stuerzlinger, Wolfgang.

Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems. Association for Computing Machinery, 2019. p. 1-12 (CHI: Conference on Human Factors and Computing Systems).

Research output: Chapter in Book/Report/Conference proceedingConference contribution

Jiang, Y, Du, R, Lutteroth, C & Stuerzlinger, W 2019, ORC Layout: Adaptive GUI Layout with OR-Constraints. in Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems. CHI: Conference on Human Factors and Computing Systems, Association for Computing Machinery, pp. 1-12, CHI 2019: Weaving the threads of CHI, Glasgow, UK United Kingdom, 4/05/19. https://doi.org/10.1145/3290605.3300643
Jiang Y, Du R, Lutteroth C, Stuerzlinger W. ORC Layout: Adaptive GUI Layout with OR-Constraints. In Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems. Association for Computing Machinery. 2019. p. 1-12. (CHI: Conference on Human Factors and Computing Systems). https://doi.org/10.1145/3290605.3300643
Jiang, Yue ; Du, Ruofei ; Lutteroth, Christof ; Stuerzlinger, Wolfgang. / ORC Layout: Adaptive GUI Layout with OR-Constraints. Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems. Association for Computing Machinery, 2019. pp. 1-12 (CHI: Conference on Human Factors and Computing Systems).
@inproceedings{d52bf8a62e09484d879bd9c4333ee582,
title = "ORC Layout: Adaptive GUI Layout with OR-Constraints",
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 theORC 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.",
author = "Yue Jiang and Ruofei Du and Christof Lutteroth and Wolfgang Stuerzlinger",
year = "2019",
month = "1",
day = "24",
doi = "10.1145/3290605.3300643",
language = "English",
series = "CHI: Conference on Human Factors and Computing Systems",
publisher = "Association for Computing Machinery",
pages = "1--12",
booktitle = "Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems",
address = "USA United States",

}

TY - GEN

T1 - ORC Layout: Adaptive GUI Layout with OR-Constraints

AU - Jiang, Yue

AU - Du, Ruofei

AU - Lutteroth, Christof

AU - Stuerzlinger, Wolfgang

PY - 2019/1/24

Y1 - 2019/1/24

N2 - 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 theORC 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.

AB - 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 theORC 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.

U2 - 10.1145/3290605.3300643

DO - 10.1145/3290605.3300643

M3 - Conference contribution

T3 - CHI: Conference on Human Factors and Computing Systems

SP - 1

EP - 12

BT - Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems

PB - Association for Computing Machinery

ER -