Responsive and Personalized Web Layouts with Integer Programming

Research output: Contribution to journalArticleScientificpeer-review

14 Downloads (Pure)


Over the past decade, responsive web design (RWD) has become the de facto standard for adapting web pages to a wide range of devices used for browsing. While RWD has improved the usability of web pages, it is not without drawbacks and limitations: designers and developers must manually design the web layouts for multiple screen sizes and implement associated adaptation rules, and its "one responsive design fits all"approach lacks support for personalization. This paper presents a novel approach for automated generation of responsive and personalized web layouts. Given an existing web page design and preferences related to design objectives, our integer programming -based optimizer generates a consistent set of web designs. Where relevant data is available, these can be further automatically personalized for the user and browsing device. The paper includes presentation of techniques for runtime adaptation of the designs generated into a fully responsive grid layout for web browsing. Results from our ratings-based online studies with end users (N = 86) and designers (N = 64) show that the proposed approach can automatically create high-quality responsive web layouts for a variety of real-world websites.

Original languageEnglish
Article number213
Number of pages23
JournalProceedings of the ACM on Human-Computer Interaction
Issue numberEICS
Publication statusPublished - Jun 2021
MoE publication typeA1 Journal article-refereed


  • computational design
  • integer programming
  • responsive web design
  • retargeting
  • web personalization


Dive into the research topics of 'Responsive and Personalized Web Layouts with Integer Programming'. Together they form a unique fingerprint.

Cite this