Paper Info
Title
FaceOff - Assisting the Manifestation Design of Web Graphical User Interface.
Abstract
Designing desirable and aesthetical manifestation of web graphic user interfaces (GUI) is a challenging task for web developers. After determining a web page's content, developers usually refer to existing pages, and adapt the styles from desired pages into the target one. However, it is not only difficult to find appropriate pages to exhibit the target page's content, but also tedious to incorporate styles from different pages harmoniously in the target page. To tackle these two issues, we propose FaceOff, a data-driven automation system that assists the manifestation design of web GUI. FaceOff constructs a repository of web GUI templates based on 15,491 web pages from popular websites and professional design examples. Given a web page for designing manifestation, FaceOff first segments it into multiple blocks, and retrieves GUI templates in the repository for each block. Subsequently, FaceOff recommends multiple combinations of templates according to a Convolutional Neural Network (CNN) based style-embedding model, which makes the recommended style combinations diverse and accordant. We demonstrate that FaceOff can retrieve suitable GUI templates with well-designed and harmonious style, and thus alleviate the developer efforts.
Year
DOI
Venue
2019
10.1145/3289600.3290610
WSDM
Keywords
Field
DocType
template retrieval, web design assistance, web design mining
World Wide Web,Web page,Process automation system,Information retrieval,Computer science,Convolutional neural network,Graphical user interface,Template,User interface
Conference
ISBN
Citations 
PageRank 
978-1-4503-5940-5
2
0.36
References 
Authors
11
3
Name
Order
Citations
PageRank
Shuyu Zheng130.70
Ziniu Hu29011.15
Yun Ma321620.25