Giter VIP home page Giter VIP logo

enrico's Introduction

Enrico

We have manually curated a random sample of 10k UIs from Rico, a large dataset of mobile apps, and have concluded to Enrico (shorthand of Enhanced Rico), a high-quality dataset comprising 1460 UIs classified according to 20 design topics.

UI examples

UMAP projection of the Enrico dataset

Design topics overview

Topic name Num. UIs Description
Bare 76 Largely unused area
Dialer 6 Number entry
Camera 8 Camera functionality
Chat 11 Chat functionality
Editor 18 Text/Image editing
Form 103 Form filling functionality
Gallery 144 Grid-like layout with images
List 265 Elements organized in a column
Login 141 Input fields for logging
Maps 9 Geographic display
MediaPlayer 32 Music or video player
Menu 79 Items list in an overlay or aside
Modal 67 A popup-like window
News 59 Snippets list: image, title, text
Other 52 Everything else (rejection class)
Profile 63 Info on a user profile or product
Search 35 Search engine functionality
Settings 90 Controls to change app settings
Terms 39 Terms and conditions of service
Tutorial 163 Onboarding screen

Dataset files overview

The dataset include the following files:

  • A comma-separated file matching each UI identifier with one of the 20 design topics. Link to file

    screen_id,topic
    50245,tutorial
    .
    .
    .
    
  • Screenshot images, in JPG format at 540x960 px resolution. Link to sample file ~ Download ZIP file (110 MB, 157 MB uncompressed)

  • Semantic wireframe images, in PNG format at 540x960 px resolution. Link to sample file ~ Download ZIP file (5.3 MB, 10 MB uncompressed)

  • Semantic annotations, in JSON format, with all the UI components, text buttons, and icons encoded in the wireframes.

  • View hierarchies, or DOM-like tree structure, in JSON format. Link to sample file ~ Download ZIP file (1.7 MB, 16 MB uncompressed)

    { "class": "com.android.internal.policy.PhoneWindow$DecorView", "bounds": ...
    
  • App metadata, in JSON format. Scrapped from Google Play as of August 2020. Link to sample file ~ Download ZIP file (2.8 MB, 8 MB uncompressed)

    { "title": "Sync.ME - Caller ID, Spam Call Blocker & Contacts", "icon": ...
    

    Note: There are 296 UIs with empty metadata, since by the time we scrapped Google Play they were no longer available.

Other files

You can download additional files from the Rico dataset such as UI layout vectors (8 MB), interaction traces (6 GB), and animations (214 GB). Enrico uses the same screen IDs (UI identifiers), so you can easily match the files in Rico.

Issues

Thanks to Samuel Rosas from Aalto University, we have identified a few issues in the dataset that you should be aware of. Please see issues.csv file. We have categorized the issues into three sources of errors (screenshot, wireframe, and hierarchy) and have included a description of the issue and a degree of severity (low, medium, high). Here's the number of UIs affected:

              severity
source     low medium high  total
---------------------------------
screenshot   0      8    2     10
wireframe   16      9   14     39
hierarchy   32      0    0     32
---------------------------------
total       48     17   16     81

We have decided not to remove any of the affected UIs because these issues may or may not impact your study. For example, if your model or analysis doesn't rely on the view hierarchies, then you can ignore the issues that are flagged as "hierarchy" in the source column of issues.csv.

Citation

If you use Enrico, please use the following citation:

  • L. A. Leiva, A. Hota, A. Oulasvirta. Enrico: A High-quality Dataset for Topic Modeling of Mobile UI Designs. Proc. MobileHCI Adjunct, 2020.
@InProceedings{Leiva20_enrico,
  author    = {Luis A. Leiva and Asutosh Hota and Antti Oulasvirta},
  title     = {Enrico: A High-quality Dataset for Topic Modeling of Mobile {UI} Designs},
  booktitle = {Proc. MobileHCI Adjunct},
  year      = {2020},
}

enrico's People

Contributors

luileito avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.