{"status":"ok","message-type":"work","message-version":"1.0.0","message":{"indexed":{"date-parts":[[2026,4,29]],"date-time":"2026-04-29T21:53:31Z","timestamp":1777499611276,"version":"3.51.4"},"reference-count":30,"publisher":"Association for Computing Machinery (ACM)","issue":"6","license":[{"start":{"date-parts":[[2016,11,11]],"date-time":"2016-11-11T00:00:00Z","timestamp":1478822400000},"content-version":"vor","delay-in-days":0,"URL":"https:\/\/www.acm.org\/publications\/policies\/copyright_policy#Background"}],"funder":[{"name":"the Research Grants Council of the Hong Kong SAR, China","award":["CityU 11200314"],"award-info":[{"award-number":["CityU 11200314"]}]}],"content-domain":{"domain":["dl.acm.org"],"crossmark-restriction":true},"short-container-title":["ACM Trans. Graph."],"published-print":{"date-parts":[[2016,11,11]]},"abstract":"<jats:p>We present a novel approach that allows web designers to easily direct user attention via visual flow on web designs. By collecting and analyzing users' eye gaze data on real-world webpages under the task-driven condition, we build two user attention models that characterize user attention patterns between a pair of page components. These models enable a novel web design interaction for designers to easily create a visual flow to guide users' eyes (i.e., direct user attention along a given path) through a web design with minimal effort. In particular, given an existing web design as well as a designer-specified path over a subset of page components, our approach automatically optimizes the web design so that the resulting design can direct users' attention to move along the input path. We have tested our approach on various web designs of different categories. Results show that our approach can effectively guide user attention through the web design according to the designer's high-level specification.<\/jats:p>","DOI":"10.1145\/2980179.2982422","type":"journal-article","created":{"date-parts":[[2016,11,11]],"date-time":"2016-11-11T17:02:54Z","timestamp":1478883774000},"page":"1-11","update-policy":"https:\/\/doi.org\/10.1145\/crossmark-policy","source":"Crossref","is-referenced-by-count":63,"title":["Directing user attention via visual flow on web designs"],"prefix":"10.1145","volume":"35","author":[{"given":"Xufang","family":"Pang","sequence":"first","affiliation":[{"name":"City University of Kong Kong"}],"role":[{"role":"author","vocabulary":"crossref"}]},{"given":"Ying","family":"Cao","sequence":"additional","affiliation":[{"name":"City University of Kong Kong"}],"role":[{"role":"author","vocabulary":"crossref"}]},{"given":"Rynson W. H.","family":"Lau","sequence":"additional","affiliation":[{"name":"City University of Kong Kong"}],"role":[{"role":"author","vocabulary":"crossref"}]},{"given":"Antoni B.","family":"Chan","sequence":"additional","affiliation":[{"name":"City University of Kong Kong"}],"role":[{"role":"author","vocabulary":"crossref"}]}],"member":"320","published-online":{"date-parts":[[2016,12,5]]},"reference":[{"key":"e_1_2_2_1_1","doi-asserted-by":"crossref","unstructured":"Boccignone G. and Ferraro M. 2004. Modelling gaze shift as a constrained random walk. Physica A: Statistical Mechanics and its Applications 331 12 207--218.  Boccignone G. and Ferraro M. 2004. Modelling gaze shift as a constrained random walk. Physica A: Statistical Mechanics and its Applications 331 12 207--218.","DOI":"10.1016\/j.physa.2003.09.011"},{"key":"e_1_2_2_2_1","unstructured":"Bradley S. 2010. http:\/\/speckyboy.com\/how-to-control-flow-within-your-web-designs\/.  Bradley S. 2010. http:\/\/speckyboy.com\/how-to-control-flow-within-your-web-designs\/."},{"key":"e_1_2_2_3_1","unstructured":"Bradley S. 2013. http:\/\/vanseodesign.com\/downloads\/learn-design-fundamentals\/.  Bradley S. 2013. http:\/\/vanseodesign.com\/downloads\/learn-design-fundamentals\/."},{"key":"e_1_2_2_4_1","unstructured":"Bradley S. 2015. http:\/\/www.smashingmagazine.com\/2015\/04\/design-principles-compositional-flow\/.  Bradley S. 2015. http:\/\/www.smashingmagazine.com\/2015\/04\/design-principles-compositional-flow\/."},{"key":"e_1_2_2_5_1","doi-asserted-by":"publisher","DOI":"10.1023\/A:1010933404324"},{"key":"e_1_2_2_6_1","doi-asserted-by":"publisher","DOI":"10.1145\/2366145.2366160"},{"key":"e_1_2_2_7_1","doi-asserted-by":"publisher","DOI":"10.1145\/2601097.2601183"},{"key":"e_1_2_2_8_1","unstructured":"Ellis S. and Smith J. 1985. Patterns of statistical dependency in visual scanning. In Eye Movements and Human Information Processing 221--238.  Ellis S. and Smith J. 1985. Patterns of statistical dependency in visual scanning. In Eye Movements and Human Information Processing 221--238."},{"key":"e_1_2_2_9_1","doi-asserted-by":"publisher","DOI":"10.16910\/jemr.9.1.2"},{"key":"e_1_2_2_10_1","unstructured":"Eyequant 2016. http:\/\/www.eyequant.com\/.  Eyequant 2016. http:\/\/www.eyequant.com\/."},{"key":"e_1_2_2_11_1","unstructured":"Feng-GUI 2016. https:\/\/feng-gui.com\/.  Feng-GUI 2016. https:\/\/feng-gui.com\/."},{"key":"e_1_2_2_12_1","unstructured":"Guy T. 2011. http:\/\/uxmag.com\/articles\/visual-design-and-usability-yellow-brick-road.  Guy T. 2011. http:\/\/uxmag.com\/articles\/visual-design-and-usability-yellow-brick-road."},{"key":"e_1_2_2_13_1","doi-asserted-by":"publisher","DOI":"10.1093\/biomet\/57.1.97"},{"key":"e_1_2_2_14_1","doi-asserted-by":"publisher","DOI":"10.1016\/S0042-6989(99)00163-7"},{"key":"e_1_2_2_15_1","unstructured":"Jones B. 2011. http:\/\/webdesign.tutsplus.com\/articles\/understanding-visual-hierarchy-in-web-design.  Jones B. 2011. http:\/\/webdesign.tutsplus.com\/articles\/understanding-visual-hierarchy-in-web-design."},{"key":"e_1_2_2_16_1","volume-title":"ICCV","author":"Judd T.","year":"2009"},{"key":"e_1_2_2_17_1","doi-asserted-by":"publisher","DOI":"10.1145\/1978942.1979262"},{"key":"e_1_2_2_18_1","doi-asserted-by":"publisher","DOI":"10.1145\/2470654.2466420"},{"key":"e_1_2_2_19_1","first-page":"7284","article-title":"Introducing context-dependent and spatially-variant viewing biases in saccadic models","volume":"121","author":"LeMeur O.","year":"2016","journal-title":"Vision Research"},{"key":"e_1_2_2_20_1","doi-asserted-by":"publisher","DOI":"10.1109\/ICCV.2013.401"},{"key":"e_1_2_2_21_1","doi-asserted-by":"publisher","DOI":"10.1145\/1866158.1866203"},{"key":"e_1_2_2_22_1","doi-asserted-by":"publisher","DOI":"10.1063\/1.1699114"},{"key":"e_1_2_2_23_1","doi-asserted-by":"publisher","DOI":"10.1016\/j.visres.2008.12.005"},{"key":"e_1_2_2_24_1","unstructured":"Nielsen J. and Pernice K. 2009. Eyetracking Web Usability. New Riders Publishing.   Nielsen J. and Pernice K. 2009. Eyetracking Web Usability. New Riders Publishing."},{"key":"e_1_2_2_25_1","doi-asserted-by":"publisher","DOI":"10.1145\/1964921.1964958"},{"key":"e_1_2_2_26_1","doi-asserted-by":"publisher","DOI":"10.1109\/TVCG.2014.48"},{"key":"e_1_2_2_27_1","first-page":"1","article-title":"Eye movements and perception: A selective review","volume":"11","author":"Schtz A.","year":"2011","journal-title":"Journal of Vision"},{"key":"e_1_2_2_28_1","volume-title":"ECCV2014","author":"Shen C."},{"key":"e_1_2_2_29_1","doi-asserted-by":"publisher","DOI":"10.1109\/CVPR.2011.5995423"},{"key":"e_1_2_2_30_1","doi-asserted-by":"publisher","DOI":"10.1145\/1964921.1964981"}],"container-title":["ACM Transactions on Graphics"],"original-title":[],"language":"en","link":[{"URL":"https:\/\/dl.acm.org\/doi\/10.1145\/2980179.2982422","content-type":"unspecified","content-version":"vor","intended-application":"text-mining"},{"URL":"https:\/\/dl.acm.org\/doi\/pdf\/10.1145\/2980179.2982422","content-type":"unspecified","content-version":"vor","intended-application":"similarity-checking"}],"deposited":{"date-parts":[[2025,6,18]],"date-time":"2025-06-18T03:49:57Z","timestamp":1750218597000},"score":1,"resource":{"primary":{"URL":"https:\/\/dl.acm.org\/doi\/10.1145\/2980179.2982422"}},"subtitle":[],"short-title":[],"issued":{"date-parts":[[2016,11,11]]},"references-count":30,"journal-issue":{"issue":"6","published-print":{"date-parts":[[2016,11,11]]}},"alternative-id":["10.1145\/2980179.2982422"],"URL":"https:\/\/doi.org\/10.1145\/2980179.2982422","relation":{},"ISSN":["0730-0301","1557-7368"],"issn-type":[{"value":"0730-0301","type":"print"},{"value":"1557-7368","type":"electronic"}],"subject":[],"published":{"date-parts":[[2016,11,11]]},"assertion":[{"value":"2016-12-05","order":2,"name":"published","label":"Published","group":{"name":"publication_history","label":"Publication History"}}]}}