ORC Layout: Adaptive GUI Layout with OR-Constraints

Yue Jiang; Ruofei Du; Christof Lutteroth; Wolfgang Stuerzlinger

doi:10.1145/3290605.3300643

ORC Layout: Adaptive GUI Layout with OR-Constraints

Yue Jiang, Ruofei Du, Christof Lutteroth, Wolfgang Stuerzlinger

Research output: Chapter or section in a book/report/conference proceeding › Chapter in a published conference proceeding

20 Citations (SciVal)

193 Downloads (Pure)

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.

Original language	English
Title of host publication	CHI 2019 - Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems
Publisher	Association for Computing Machinery
Pages	1-12
Number of pages	12
ISBN (Electronic)	9781450359702
DOIs	https://doi.org/10.1145/3290605.3300643
Publication status	Published - 9 May 2019
Event	CHI 2019: Weaving the threads of CHI: CHI 2019 - Glasgow, UK United Kingdom Duration: 4 May 2019 → 9 May 2019 https://chi2019.acm.org/

Publication series

Name	CHI: Conference on Human Factors and Computing Systems
Publisher	ACM Press
ISSN (Electronic)	1062-9432

Conference

Conference	CHI 2019: Weaving the threads of CHI
Abbreviated title	CHI 2019
Country/Territory	UK United Kingdom
City	Glasgow
Period	4/05/19 → 9/05/19
Internet address	https://chi2019.acm.org/

Keywords

Constraint-based layout
GUI builder
Layout manager
Visual interface design
Visual programming

ASJC Scopus subject areas

Human-Computer Interaction
Computer Graphics and Computer-Aided Design
Software

Access to Document

10.1145/3290605.3300643

ORCLayout-CHI2019.pdf
© ACM, 2019. This is the author's version of the work. It is posted here by permission of ACM for your personal use. Not for redistribution. The definitive version was published in CHI : Conference on Human Factors and Computing Systems (2019), VOL#, ISS#, 2019 http://doi.acm.org/10.1145/ 3290605.3300643
Accepted author manuscript, 4.86 MB

Cite this

ORC Layout: Adaptive GUI Layout with OR-Constraints. / Jiang, Yue; Du, Ruofei; Lutteroth, Christof et al.
CHI 2019 - 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 or section in a book/report/conference proceeding › Chapter in a published conference proceeding

Jiang, Y, Du, R, Lutteroth, C & Stuerzlinger, W 2019, ORC Layout: Adaptive GUI Layout with OR-Constraints. in CHI 2019 - 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

@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.",

keywords = "Constraint-based layout, GUI builder, Layout manager, Visual interface design, Visual programming",

author = "Yue Jiang and Ruofei Du and Christof Lutteroth and Wolfgang Stuerzlinger",

year = "2019",

month = may,

day = "9",

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 = "CHI 2019 - Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems",

address = "USA United States",

note = "CHI 2019: Weaving the threads of CHI : CHI 2019, CHI 2019 ; Conference date: 04-05-2019 Through 09-05-2019",

url = "https://chi2019.acm.org/",

}

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/5/9

Y1 - 2019/5/9

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.

KW - Constraint-based layout

KW - GUI builder

KW - Layout manager

KW - Visual interface design

KW - Visual programming

UR - http://www.scopus.com/inward/record.url?scp=85067597941&partnerID=8YFLogxK

U2 - 10.1145/3290605.3300643

DO - 10.1145/3290605.3300643

M3 - Chapter in a published conference proceeding

T3 - CHI: Conference on Human Factors and Computing Systems

SP - 1

EP - 12

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

PB - Association for Computing Machinery

T2 - CHI 2019: Weaving the threads of CHI

Y2 - 4 May 2019 through 9 May 2019

ER -

ORC Layout: Adaptive GUI Layout with OR-Constraints

Abstract

Publication series

Conference

Keywords

ASJC Scopus subject areas

Access to Document

Other files and links

Fingerprint

Centre for the Analysis of Motion, Entertainment Research and Applications (CAMERA)

Christof Lutteroth

Cite this

ORC Layout: Adaptive GUI Layout with OR-Constraints

Abstract

Publication series

Conference

Keywords

ASJC Scopus subject areas

Access to Document

Other files and links

Fingerprint

Projects

Centre for the Analysis of Motion, Entertainment Research and Applications (CAMERA)

Profiles

Christof Lutteroth

Cite this