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.



Supplementary Material


 author = {X. Pang and Y. Cao and R. Lau and A. B. Chan},
 title = {Look Over Here: Attention-Directing Composition of Manga Elements},
 journal = {ACM Transactions on Graphics (Proc. of SIGGRAPH Asia 2016)},
 volume = {36},
 issue = {5},
 year = {2016}