Lexi: Self-Supervised Learning of the UI Language

Pratyay Banerjee, Shweti Mahajan, Kushal Arora, Chitta Baral, Oriana Riva
1/23/2023
cs.CLcs.AI

No official code found. Best implementation: microsoft/UICaption (42 stars, last commit 2022-11-29).

Abstract

Humans can learn to operate the user interface (UI) of an application by reading an instruction manual or how-to guide. Along with text, these resources include visual content such as UI screenshots and images of application icons referenced in the text. We explore how to leverage this data to learn generic visio-linguistic representations of UI screens and their components. These representations are useful in many real applications, such as accessibility, voice navigation, and task automation. Prior UI representation models rely on UI metadata (UI trees and accessibility labels), which is often missing, incompletely defined, or not accessible. We avoid such a dependency, and propose Lexi, a pre-trained vision and language model designed to handle the unique features of UI screens, including their text richness and context sensitivity. To train Lexi we curate the UICaption dataset consisting of 114k UI images paired with descriptions of their functionality. We evaluate Lexi on four tasks: UI action entailment, instruction-based UI image retrieval, grounding referring expressions, and UI entity recognition.

View on arXivView PDF

Code Implementations(1)

microsoft/UICaptionCommunity100%

We release the UICaption dataset. The dataset consists of UI images (icons and screenshots) and associated text descriptions. This dataset was used to pre-train the Lexi model which provides a generic representation of UI screens and their components.

427PythonSep 28, 20223 years agoNOASSERTION

Similar Papers

Cite this paper

@article{banerjee2023lexi,
  title  = {Lexi: Self-Supervised Learning of the UI Language},
  author = {Pratyay Banerjee and Shweti Mahajan and Kushal Arora and Chitta Baral and Oriana Riva},
  year   = {2023},
  eprint = {2301.10165},
  archivePrefix = {arXiv},
  url    = {http://arxiv.org/abs/2301.10165v1}
}

Add a badge to your README

Shows whether official code is linked for this paper.

Code of Paper badge
[![Code of Paper](https://codeofpaper.com/badge/2301.10165.svg)](https://codeofpaper.com/paper/2301.10165)

Discussion