Directing user attention via visual flow on web designs

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 patt...

Full description

Saved in:
Bibliographic Details
Published in:ACM transactions on graphics 2016-11, Vol.35 (6), p.1-11
Main Authors: Pang, Xufang, Cao, Ying, Lau, Rynson W. H., Chan, Antoni B.
Format: Article
Language:English
Subjects:
Categories
Construction
Design analysis
Design optimization
Eye (anatomy)
Eyes
Specifications
Citations: Items that this one cites
Items that cite this one
Online Access:Get full text
Tags: Add Tag
No Tags, Be the first to tag this record!
Description
Summary: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.
ISSN:0730-0301
1557-7368
DOI:10.1145/2980179.2982422