Object Detection for Graphical User Interface: Old Fashioned or Deep Learning or a Combination?
arXiv:2008.05132 · doi:10.1145/3368089.3409691
Abstract
Detecting Graphical User Interface (GUI) elements in GUI images is a domain-specific object detection task. It supports many software engineering tasks, such as GUI animation and testing, GUI search and code generation. Existing studies for GUI element detection directly borrow the mature methods from computer vision (CV) domain, including old fashioned ones that rely on traditional image processing features (e.g., canny edge, contours), and deep learning models that learn to detect from large-scale GUI data. Unfortunately, these CV methods are not originally designed with the awareness of the unique characteristics of GUIs and GUI elements and the high localization accuracy of the GUI element detection task. We conduct the first large-scale empirical study of seven representative GUI element detection methods on over 50k GUI images to understand the capabilities, limitations and effective designs of these methods. This study not only sheds the light on the technical challenges to be addressed but also informs the design of new GUI element detection methods. We accordingly design a new GUI-specific old-fashioned method for non-text GUI element detection which adopts a novel top-down coarse-to-fine strategy, and incorporate it with the mature deep learning model for GUI text detection.Our evaluation on 25,000 GUI images shows that our method significantly advances the start-of-the-art performance in GUI element detection.
13 pages, accepted to ESEC/FSE '20
References in corpus (6)
- YOLOv3: An Incremental Improvement
- Unblind Your Apps: Predicting Natural-Language Labels for Mobile GUI Components by Deep Learning
- Automated Reporting of GUI Design Violations for Mobile Apps
- Wireframe-Based UI Design Search Through Image Autoencoder
- Owl Eyes: Spotting UI Display Issues via Visual Understanding
- From Lost to Found: Discover Missing UI Design Semantics through Recovering Missing Tags
Cited by in corpus (13)
- Nighthawk: Fully Automated Localizing UI Display Issues via Visual Understanding
- From Lost to Found: Discover Missing UI Design Semantics through Recovering Missing Tags
- GLIB: Towards Automated Test Oracle for Graphically-Rich Applications
- Auto-Icon+: An Automated End-to-End Code Generation Tool for Icon Designs in UI Development
- VisionTasker: Mobile Task Automation Using Vision Based UI Understanding and LLM Task Planning
- Mobile App Crowdsourced Test Report Consistency Detection via Deep Image-and-Text Fusion Understanding
- Avgust: Automating Usage-Based Test Generation from Videos of App Executions
- Practical, Automated Scenario-based Mobile App Testing
- Harnessing Large Language Model for Virtual Reality Exploration Testing: A Case Study
- Screen Recognition: Creating Accessibility Metadata for Mobile Applications from Pixels
- Understanding Mobile GUI: from Pixel-Words to Screen-Sentences
- GUIGAN: Learning to Generate GUI Designs Using Generative Adversarial Networks
- Test Script Intention Generation for Mobile Application via GUI Image and Code Understanding