Automatic Generation of User Interface Layouts for Alternative Screen Orientations

Abstract : Creating multiple layout alternatives for graphical user interfaces to accommodate different screen orientations for mobile devices is labor intensive. Here, we investigate how such layout alternatives can be generated automatically from an initial layout. Providing good layout alternatives can inspire developers in their design work and support them to create adaptive layouts. We performed an analysis of layout alternatives in existing apps and identified common real-world layout transformation patterns. Based on these patterns we developed a prototype that generates landscape and portrait layout alternatives for an initial layout. In general, there is a very large number of possibilities of how widgets can be rearranged. For this reason we developed a classification method to identify and evaluate “good” layout alternatives automatically. From this set of “good” layout alternatives, designers can choose suitable layouts for their applications. In a questionnaire study we verified that our method generates layout alternatives that appear well structured and are easy to use.
Document type :
Conference papers
Liste complète des métadonnées

Cited literature [51 references]  Display  Hide  Download

https://hal.inria.fr/hal-01676168
Contributor : Hal Ifip <>
Submitted on : Friday, January 5, 2018 - 11:22:51 AM
Last modification on : Friday, January 5, 2018 - 11:31:03 AM

File

 Restricted access
To satisfy the distribution rights of the publisher, the document is embargoed until : 2020-01-01

Please log in to resquest access to the document

Licence


Distributed under a Creative Commons Attribution 4.0 International License

Identifiers

Citation

Clemens Zeidler, Gerald Weber, Wolfgang Stuerzlinger, Christof Lutteroth. Automatic Generation of User Interface Layouts for Alternative Screen Orientations. 16th IFIP Conference on Human-Computer Interaction (INTERACT), Sep 2017, Bombay, India. pp.13-35, ⟨10.1007/978-3-319-67744-6_2⟩. ⟨hal-01676168⟩

Share

Metrics

Record views

75