{"status":"ok","message-type":"work","message-version":"1.0.0","message":{"indexed":{"date-parts":[[2026,6,30]],"date-time":"2026-06-30T04:12:47Z","timestamp":1782792767276,"version":"3.54.5"},"reference-count":47,"publisher":"Association for Computing Machinery (ACM)","issue":"EICS","license":[{"start":{"date-parts":[[2021,5,27]],"date-time":"2021-05-27T00:00:00Z","timestamp":1622073600000},"content-version":"vor","delay-in-days":0,"URL":"https:\/\/www.acm.org\/publications\/policies\/copyright_policy#Background"}],"funder":[{"DOI":"10.13039\/501100002341","name":"Academy of Finland","doi-asserted-by":"publisher","award":["328813"],"award-info":[{"award-number":["328813"]}],"id":[{"id":"10.13039\/501100002341","id-type":"DOI","asserted-by":"publisher"}]}],"content-domain":{"domain":["dl.acm.org"],"crossmark-restriction":true},"short-container-title":["Proc. ACM Hum.-Comput. Interact."],"published-print":{"date-parts":[[2021,5,27]]},"abstract":"<jats:p>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.<\/jats:p>","DOI":"10.1145\/3461735","type":"journal-article","created":{"date-parts":[[2021,5,30]],"date-time":"2021-05-30T01:12:52Z","timestamp":1622337172000},"page":"1-23","update-policy":"https:\/\/doi.org\/10.1145\/crossmark-policy","source":"Crossref","is-referenced-by-count":11,"title":["Responsive and Personalized Web Layouts with Integer Programming"],"prefix":"10.1145","volume":"5","author":[{"given":"Markku","family":"Laine","sequence":"first","affiliation":[{"name":"Aalto University, Helsinki, Finland"}],"role":[{"vocabulary":"crossref","role":"author"}]},{"given":"Yu","family":"Zhang","sequence":"additional","affiliation":[{"name":"Aalto University, Helsinki, Finland"}],"role":[{"vocabulary":"crossref","role":"author"}]},{"given":"Simo","family":"Santala","sequence":"additional","affiliation":[{"name":"Aalto University, Helsinki, Finland"}],"role":[{"vocabulary":"crossref","role":"author"}]},{"given":"Jussi P. P.","family":"Jokinen","sequence":"additional","affiliation":[{"name":"University of Helsinki, Helsinki, Finland"}],"role":[{"vocabulary":"crossref","role":"author"}]},{"given":"Antti","family":"Oulasvirta","sequence":"additional","affiliation":[{"name":"Aalto University, Helsinki, Finland"}],"role":[{"vocabulary":"crossref","role":"author"}]}],"member":"320","published-online":{"date-parts":[[2021,5,29]]},"reference":[{"key":"e_1_2_2_1_1","unstructured":"Shaun Anderson. 2020. What are the Best Screen Sizes for Responsive Web Design? https:\/\/www.hobo-web.co.uk\/best-screen-size\/  Shaun Anderson. 2020. What are the Best Screen Sizes for Responsive Web Design? https:\/\/www.hobo-web.co.uk\/best-screen-size\/"},{"key":"e_1_2_2_2_1","doi-asserted-by":"publisher","DOI":"10.1145\/2166966.2167004"},{"key":"e_1_2_2_3_1","doi-asserted-by":"publisher","DOI":"10.1145\/2658779.2658805"},{"key":"e_1_2_2_4_1","volume-title":"The elements of typographic style .Hartley & Marks","author":"Bringhurst Robert"},{"key":"e_1_2_2_5_1","doi-asserted-by":"crossref","unstructured":"Peter Brusilovsky. 2003. From Adaptive Hypermedia to the Adaptive Web. In Mensch & Computer 2003: Interaktion in Bewegung Gerd Szwillus and J\u00fcrgen Ziegler (Eds.). Vieweg  Peter Brusilovsky. 2003. From Adaptive Hypermedia to the Adaptive Web. In Mensch & Computer 2003: Interaktion in Bewegung Gerd Szwillus and J\u00fcrgen Ziegler (Eds.). Vieweg","DOI":"10.1007\/978-3-322-80058-9_3"},{"key":"e_1_2_2_6_1","unstructured":"Teubner Verlag Wiesbaden Germany 21--24. https:\/\/doi.org\/10.1007\/978--3--322--80058--9_3  Teubner Verlag Wiesbaden Germany 21--24. https:\/\/doi.org\/10.1007\/978--3--322--80058--9_3"},{"key":"e_1_2_2_7_1","doi-asserted-by":"publisher","DOI":"10.5555\/1768197"},{"key":"e_1_2_2_8_1","doi-asserted-by":"publisher","DOI":"10.5555\/1768197.1768212"},{"key":"e_1_2_2_9_1","doi-asserted-by":"publisher","DOI":"10.1016\/S0953-5438(03)00010-9"},{"key":"e_1_2_2_10_1","doi-asserted-by":"publisher","DOI":"10.1007\/978-3-319-31510-2_1"},{"key":"e_1_2_2_11_1","volume-title":"Cisco Visual Networking Index: Global Mobile Data Traffic Forecast Update","year":"2017"},{"key":"e_1_2_2_12_1","doi-asserted-by":"publisher","DOI":"10.1145\/3313831.3376553"},{"key":"e_1_2_2_13_1","doi-asserted-by":"publisher","DOI":"10.1109\/MIS.2017.3711638"},{"key":"e_1_2_2_14_1","doi-asserted-by":"publisher","DOI":"10.1145\/3126594.3126651"},{"key":"e_1_2_2_15_1","doi-asserted-by":"publisher","DOI":"10.1145\/964442.964461"},{"key":"e_1_2_2_16_1","doi-asserted-by":"publisher","DOI":"10.1145\/1095034.1095063"},{"key":"e_1_2_2_17_1","doi-asserted-by":"publisher","DOI":"10.1145\/1978942.1979262"},{"key":"e_1_2_2_18_1","volume-title":"Web engineering ,","author":"Laine Markku"},{"key":"e_1_2_2_19_1","volume-title":"IEEE International Conference on Web Services","author":"Liu Zhen","year":"2007"},{"key":"e_1_2_2_20_1","doi-asserted-by":"publisher","DOI":"10.1007\/s10601-008-9043-2"},{"key":"e_1_2_2_21_1","unstructured":"Ethan Marcotte. 2010. Responsive Web Design. https:\/\/alistapart.com\/article\/responsive-web-design\/  Ethan Marcotte. 2010. Responsive Web Design. https:\/\/alistapart.com\/article\/responsive-web-design\/"},{"key":"e_1_2_2_22_1","unstructured":"Jennifer Mazzei. 2012. Responsive Web Design. https:\/\/www.businessnhmagazine.com\/article\/responsive-web-design  Jennifer Mazzei. 2012. Responsive Web Design. https:\/\/www.businessnhmagazine.com\/article\/responsive-web-design"},{"key":"e_1_2_2_23_1","doi-asserted-by":"publisher","DOI":"10.1145\/3290605.3300738"},{"key":"e_1_2_2_24_1","doi-asserted-by":"publisher","DOI":"10.1145\/345124.345169"},{"key":"e_1_2_2_25_1","doi-asserted-by":"publisher","DOI":"10.1016\/j.ijhcs.2010.05.006"},{"key":"e_1_2_2_26_1","doi-asserted-by":"publisher","DOI":"10.1145\/2034691.2034737"},{"key":"e_1_2_2_27_1","doi-asserted-by":"publisher","DOI":"10.1007\/978-3-642-39200-9_47"},{"key":"e_1_2_2_28_1","doi-asserted-by":"publisher","DOI":"10.1145\/3330340"},{"key":"e_1_2_2_29_1","doi-asserted-by":"publisher","DOI":"10.1109\/JPROC.2020.2969687"},{"key":"e_1_2_2_30_1","doi-asserted-by":"publisher","DOI":"10.1016\/j.jbef.2017.12.004"},{"key":"e_1_2_2_31_1","doi-asserted-by":"publisher","DOI":"10.1016\/j.jesp.2017.01.006"},{"key":"e_1_2_2_32_1","doi-asserted-by":"publisher","DOI":"10.5555\/295240.295797"},{"key":"e_1_2_2_33_1","doi-asserted-by":"publisher","DOI":"10.1145\/1054972.1055078"},{"key":"e_1_2_2_34_1","doi-asserted-by":"publisher","DOI":"10.1145\/2786805.2786808"},{"key":"e_1_2_2_35_1","unstructured":"StatCounter. 2021. StatCounter Screen Resolution Stats Worldwide. https:\/\/gs.statcounter.com\/screen-resolution-stats  StatCounter. 2021. StatCounter Screen Resolution Stats Worldwide. https:\/\/gs.statcounter.com\/screen-resolution-stats"},{"key":"e_1_2_2_36_1","doi-asserted-by":"publisher","DOI":"10.1145\/3411764.3445497"},{"key":"e_1_2_2_37_1","doi-asserted-by":"publisher","DOI":"10.1145\/3241381"},{"key":"e_1_2_2_38_1","doi-asserted-by":"publisher","DOI":"10.1016\/j.chb.2012.03.024"},{"key":"e_1_2_2_39_1","volume-title":"Proceedings of the 5th Annual Romanian Conference on Human-Computer Interaction","volume":"41","author":"Vanderdonckt Jean","year":"2008"},{"key":"e_1_2_2_40_1","doi-asserted-by":"publisher","DOI":"10.1145\/2682571.2797084"},{"key":"e_1_2_2_41_1","volume-title":"CSSOM View Module W3C Working Draft","author":"C.","year":"2016"},{"key":"e_1_2_2_42_1","volume-title":"CSS Flexible Box Layout Module Level 1 W3C Candidate Recommendation","author":"C.","year":"2018"},{"key":"e_1_2_2_43_1","volume-title":"Web Content Accessibility Guides (WCAG) 2.1 W3C Recommendation","author":"C.","year":"2018"},{"key":"e_1_2_2_44_1","volume-title":"CSS Grid Layout Module Level 1 W3C Candidate Recommendation Draft","author":"C.","year":"2020"},{"key":"e_1_2_2_45_1","doi-asserted-by":"publisher","DOI":"10.1145\/2379256.2379268"},{"key":"e_1_2_2_46_1","volume-title":"Human-Computer Interaction -- INTERACT 2017 , , Regina Bernhaupt, Girish Dalvi, Anirudha Joshi, Devanuj K. Balkrishan, Jacki O'Neill","author":"Zeidler Clemens"},{"key":"e_1_2_2_47_1","unstructured":"Alexander Zlatkov. 2018. How JavaScript Works: Tracking Changes in the DOM Using MutationObserver. https:\/\/blog.sessionstack.com\/how-javascript-works-tracking-changes-in-the-dom-using-mutationobserver-86adc7446401  Alexander Zlatkov. 2018. How JavaScript Works: Tracking Changes in the DOM Using MutationObserver. https:\/\/blog.sessionstack.com\/how-javascript-works-tracking-changes-in-the-dom-using-mutationobserver-86adc7446401"}],"container-title":["Proceedings of the ACM on Human-Computer Interaction"],"original-title":[],"language":"en","link":[{"URL":"https:\/\/dl.acm.org\/doi\/10.1145\/3461735","content-type":"unspecified","content-version":"vor","intended-application":"text-mining"},{"URL":"https:\/\/dl.acm.org\/doi\/pdf\/10.1145\/3461735","content-type":"unspecified","content-version":"vor","intended-application":"similarity-checking"}],"deposited":{"date-parts":[[2025,6,17]],"date-time":"2025-06-17T20:17:06Z","timestamp":1750191426000},"score":1,"resource":{"primary":{"URL":"https:\/\/dl.acm.org\/doi\/10.1145\/3461735"}},"subtitle":[],"short-title":[],"issued":{"date-parts":[[2021,5,27]]},"references-count":47,"journal-issue":{"issue":"EICS","published-print":{"date-parts":[[2021,5,27]]}},"alternative-id":["10.1145\/3461735"],"URL":"https:\/\/doi.org\/10.1145\/3461735","relation":{},"ISSN":["2573-0142"],"issn-type":[{"value":"2573-0142","type":"electronic"}],"subject":[],"published":{"date-parts":[[2021,5,27]]},"assertion":[{"value":"2021-05-29","order":2,"name":"published","label":"Published","group":{"name":"publication_history","label":"Publication History"}}]}}