From Lost to Found

Type: Article

Publication Date: 2020-10-14

Citations: 14

DOI: https://doi.org/10.1145/3415194

Abstract

Design sharing sites provide UI designers with a platform to share their works and also an opportunity to get inspiration from others' designs. To facilitate management and search of millions of UI design images, many design sharing sites adopt collaborative tagging systems by distributing the work of categorization to the community. However, designers often do not know how to properly tag one design image with compact textual description, resulting in unclear, incomplete, and inconsistent tags for uploaded examples which impede retrieval, according to our empirical study and interview with four professional designers. Based on a deep neural network, we introduce a novel approach for encoding both the visual and textual information to recover the missing tags for existing UI examples so that they can be more easily found by text queries. We achieve 82.72% accuracy in the tag prediction. Through a simulation test of 5 queries, our system on average returns hundreds more results than the default Dribbble search, leading to better relatedness, diversity and satisfaction.

Locations

  • Proceedings of the ACM on Human-Computer Interaction - View - PDF
  • arXiv (Cornell University) - View - PDF
  • Monash University Research Portal (Monash University) - View - PDF
  • DataCite API - View

Similar Works

Action Title Year Authors
+ Computational Approaches for App-to-App Retrieval and Design Consistency Check 2023 Seokhyeon Park
Wonjae Kim
Young Ho Kim
Jinwook Seo
+ PDF Chat Wireframe-based UI Design Search through Image Autoencoder 2020 Jieshan Chen
Chunyang Chen
Zhenchang Xing
Xin Xia
Liming Zhu
John Grundy
Jinshui Wang
+ EGFE: End-to-end Grouping of Fragmented Elements in UI Designs with Multimodal Learning 2024 Liuqing Chen
Yunnong Chen
Shuhong Xiao
Yaxuan Song
Lingyun Sun
Yankun Zhen
Zhou Ting-ting
Yanfang Chang
+ GenQuery: Supporting Expressive Visual Search with Generative Models 2024 Kihoon Son
DaEun Choi
Tae Soo Kim
Young‐Ho Kim
Juho Kim
+ GenQuery: Supporting Expressive Visual Search with Generative Models 2023 Kihoon Son
Daeun Choi
Tae Soo Kim
Young Ho Kim
Ju-Ho Kim
+ PDF Chat UIClip: A Data-driven Model for Assessing User Interface Design 2024 Jason Wu
Yi-Hao Peng
Amanda Li
Amanda Swearngin
Jeffrey P. Bigham
Jeffrey Nichols
+ PDF Chat VINS: Visual Search for Mobile User Interface Design 2021 Sara Bunian
Kai Li
Chaima Jemmali
Casper Harteveld
Yun Fu
Magy Seif El‐Nasr
+ PDF Chat Efficient and Aesthetic UI Design with a Deep Learning-Based Interface Generation Tree Algorithm 2024 Shiyu Duan
Runsheng Zhang
Mengmeng Chen
Ziyi Wang
Shixiao Wang
+ Creating User Interface Mock-ups from High-Level Text Descriptions with Deep-Learning Models 2021 Forrest Huang
Gang Li
Xin Zhou
John Canny
Li Yang
+ VINS: Visual Search for Mobile User Interface Design 2021 Sara Bunian
Kai Li
Chaima Jemmali
Casper Harteveld
Yun Fu
Magy Seif El‐Nasr
+ VINS: Visual Search for Mobile User Interface Design 2021 Sara Bunian
Kai Li
Chaima Jemmali
Casper Harteveld
Yun Fu
Magy Seif El‐Nasr
+ Gallery D.C.: Auto-created GUI Component Gallery for Design Search and Knowledge Discovery 2022 Sidong Feng
Chunyang Chen
Zhenchang Xing
+ PDF Chat Retrieve-Then-Adapt: Example-based Automatic Generation for Proportion-related Infographics 2020 Chunyao Qian
Shizhao Sun
Weiwei Cui
Jian–Guang Lou
Haidong Zhang
Dongmei Zhang
+ PDF Chat VISION2UI: A Real-World Dataset with Layout for Code Generation from UI Designs 2024 Yi Gui
Zhen Li
Yao Wan
Yemin Shi
Hongyu Zhang
Yi Su
Shaoling Dong
Xing Zhou
Wenbin Jiang
+ PDF Chat Gallery D.C.: Auto-created GUI Component Gallery for Design Search and Knowledge Discovery 2022 Sidong Feng
Chunyang Chen
Zhenchang Xing
+ Retrieve-Then-Adapt: Example-based Automatic Generation for Proportion-related Infographics 2020 Chunyao Qian
Shizhao Sun
Weiwei Cui
Jian–Guang Lou
Haidong Zhang
Dongmei Zhang
+ PDF Chat Prototype2Code: End-to-end Front-end Code Generation from UI Design Prototypes 2024 Shuhong Xiao
Yunnong Chen
Jiazhi Li
Liuqing Chen
Lingyun Sun
Zhou Ting-ting
+ EvIcon: Designing High-Usability Icon with Human-in-the-loop Exploration and IconCLIP 2023 I‐Chao Shen
Fu‐Yin Cherng
Takeo Igarashi
Wen‐Chieh Lin
Bing‐Yu Chen
+ PDF Chat GANSpiration: Balancing Targeted and Serendipitous Inspiration in User Interface Design with Style-Based Generative Adversarial Network 2022 Mohammad Mozaffari
Xinyuan Zhang
Jinghui Cheng
Jin Guo
+ PDF Chat CLAS: A Machine Learning Enhanced Framework for Exploring Large 3D Design Datasets 2024 XiuYu Zhang
Xiaolei Ye
Jui-Che Chang
Yue Fang

Works That Cite This (11)

Action Title Year Authors
+ PDF Chat Owl eyes 2020 Zhe Liu
Chunyang Chen
Junjie Wang
Yue-Kai Huang
Jun Hu
Qing Wang
+ OwlEyes-online: a fully automated platform for detecting and localizing UI display issues 2021 Yuhui Su
Zhe Liu
Chunyang Chen
Junjie Wang
Qing Wang
+ PDF Chat GUIGAN: Learning to Generate GUI Designs Using Generative Adversarial Networks 2021 Tianming Zhao
Chunyang Chen
Yuanning Liu
Xiaodong Zhu
+ Screen Recognition: Creating Accessibility Metadata for Mobile Applications from Pixels 2021 Xiaoyi Zhang
Lilian de Greef
Amanda Swearngin
Samuel White
Kyle I. Murray
Lisa Yu
Qi Shan
Jeffrey Nichols
Jason Wu
Chris Fleizach
+ Automated Query Reformulation for Efficient Search Based on Query Logs From Stack Overflow 2021 Kaibo Cao
Chunyang Chen
Sebastian Baltes
Christoph Treude
Xiang Chen
+ PDF Chat Learning Personal Style from Few Examples 2021 David Chuan-En Lin
Nikolas Martelaro
+ PDF Chat GLIB: towards automated test oracle for graphically-rich applications 2021 Ke Chen
Yufei Li
Yingfeng Chen
Changjie Fan
Zhipeng Hu
Wei Yang
+ Screen Recognition: Creating Accessibility Metadata for Mobile Applications from Pixels 2021 Xiaoyi Zhang
Lilian de Greef
Amanda Swearngin
Samuel White
Kyle I. Murray
Lisa Yu
Qi Shan
Jeffrey Nichols
Jason Wu
Chris Fleizach
+ GUIGAN: Learning to Generate GUI Designs Using Generative Adversarial Networks 2021 Tianming Zhao
Chunyang Chen
Yuanning Liu
Xiaodong Zhu
+ PDF Chat Object detection for graphical user interface: old fashioned or deep learning or a combination? 2020 Jieshan Chen
Mulong Xie
Zhenchang Xing
Chunyang Chen
Xiwei Xu
Liming Zhu
Guoqiang Li