Gallery D.C. design search and knowledge discovery through auto-created GUI component gallery

Chunyang Chen, Sidong Feng, Zhenchang Xing, Linda Liu, Shengdong Zhao, Jinshui Wang

Research output: Chapter in Book/Report/Conference proceedingConference PaperResearchpeer-review

Abstract

Online communities like Dribbble and GraphicBurger allow GUI designers to share their design artwork and learn from each other. These design sharing platforms are important sources for design inspiration, but our survey with GUI designers suggests additional information needs unmet by existing design sharing platforms. First, designers need to see the practical use of certain GUI designs in real applications, rather than just artworks. Second, designers want to see not only the overall designs but also the detailed design of the GUI components. Third, designers need advanced GUI design search abilities (e.g., multi-facets search) and knowledge discovery support (e.g., demographic investigation, cross-company design comparison). This paper presents Gallery D.C. (http://mui-collection.herokuapp.com/), a gallery of GUI design components that harness GUI designs crawled from millions of real-world applications using reverse-engineering and computer vision techniques. Through a process of invisible crowdsourcing, Gallery D.C. supports novel ways for designers to collect, analyze, search, summarize and compare GUI designs on a massive scale. We quantitatively evaluate the quality of Gallery D.C. and demonstrate that Gallery D.C. offers additional support for design sharing and knowledge discovery beyond existing platforms.

Original languageEnglish
Title of host publicationProceedings of the ACM on Human-Computer Interaction
EditorsCliff Lampe
Place of PublicationNew York NY USA
PublisherAssociation for Computing Machinery (ACM)
Number of pages22
EditionCSCW
DOIs
Publication statusPublished - 2019
EventACM Conference on Computer Supported Cooperative Work 2019 - Austin, United States of America
Duration: 9 Nov 201913 Nov 2019
Conference number: 22nd
https://cscw.acm.org/2019/

Publication series

NameProceedings of the ACM on Human-Computer Interaction
PublisherAssociation for Computing Machinery (ACM)
Volume3
ISSN (Print)2573-0142

Conference

ConferenceACM Conference on Computer Supported Cooperative Work 2019
Abbreviated titleCSCW 2019
CountryUnited States of America
CityAustin
Period9/11/1913/11/19
Internet address

Keywords

  • Design Comparison
  • Design Demographics
  • GUI Design
  • Mobile Application
  • Multi-faceted Design Search
  • Object Detection

Cite this

Chen, C., Feng, S., Xing, Z., Liu, L., Zhao, S., & Wang, J. (2019). Gallery D.C. design search and knowledge discovery through auto-created GUI component gallery. In C. Lampe (Ed.), Proceedings of the ACM on Human-Computer Interaction (CSCW ed.). [180] (Proceedings of the ACM on Human-Computer Interaction; Vol. 3). Association for Computing Machinery (ACM). https://doi.org/10.1145/3359282