Directing User Attention via Visual Flow on Web Designs

Research output: Journal Publications and Reviews (RGC: 21, 22, 62)21_Publication in refereed journal

19 Scopus Citations
View graph of relations

Related Research Unit(s)

Detail(s)

Original languageEnglish
Article number240
Journal / PublicationACM Transactions on Graphics
Volume35
Issue number6
Online published11 Nov 2016
Publication statusPublished - Nov 2016

Abstract

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.

Research Area(s)

  • web design, visual attention, layout