ScreenAI: A Vision-Language Model for UI and Infographics Understanding

Gilles Baechler, Srinivas Sunkara, Maria Wang, Fedir Zubach, Hassan Mansoor +5 more
2/7/2024
cs.CVcs.AI

No official code found. Best implementation: kyegomez/ScreenAI (386 stars, MIT, PyTorch, last commit 2026-04-13). 2 more below.

Abstract

Screen user interfaces (UIs) and infographics, sharing similar visual language and design principles, play important roles in human communication and human-machine interaction. We introduce ScreenAI, a vision-language model that specializes in UI and infographics understanding. Our model improves upon the PaLI architecture with the flexible patching strategy of pix2struct and is trained on a unique mixture of datasets. At the heart of this mixture is a novel screen annotation task in which the model has to identify the type and location of UI elements. We use these text annotations to describe screens to Large Language Models and automatically generate question-answering (QA), UI navigation, and summarization training datasets at scale. We run ablation studies to demonstrate the impact of these design choices. At only 5B parameters, ScreenAI achieves new state-of-the-artresults on UI- and infographics-based tasks (Multi-page DocVQA, WebSRC, MoTIF and Widget Captioning), and new best-in-class performance on others (Chart QA, DocVQA, and InfographicVQA) compared to models of similar size. Finally, we release three new datasets: one focused on the screen annotation task and two others focused on question answering.

View on arXivView PDF

Code Implementations(3)

CC-BY-4.0

ScreenQA dataset was introduced in the "ScreenQA: Large-Scale Question-Answer Pairs over Mobile App Screenshots" paper. It contains ~86K question-answer pairs collected by human annotators for ~35K screenshots from Rico. It should be used to train and evaluate models capable of screen content understanding via question answering.

15010PythonNov 22, 20231 years agoCC-BY-4.0

The Screen Annotation dataset consists of pairs of mobile screenshots and their annotations. The annotations are in text format, and describe the UI elements present on the screen: their type, location, OCR text and a short description. It has been introduced in the paper `ScreenAI: A Vision-Language Model for UI and Infographics Understanding`.

9210Mar 5, 20242 years ago
kyegomez/ScreenAICommunity71%
PyTorchMIT

Implementation of the ScreenAI model from the paper: "A Vision-Language Model for UI and Infographics Understanding"

38638PythonFeb 8, 20246 months agoMIT
aiartificial-intelligenceattentionattention-is-all-you-needgpt-4+4 more

Similar Papers

Cite this paper

@article{baechler2024screenai,
  title  = {ScreenAI: A Vision-Language Model for UI and Infographics Understanding},
  author = {Gilles Baechler and Srinivas Sunkara and Maria Wang and Fedir Zubach and Hassan Mansoor and Vincent Etter and Victor Cărbune and Jason Lin and Jindong Chen and Abhanshu Sharma},
  year   = {2024},
  eprint = {2402.04615},
  archivePrefix = {arXiv},
  url    = {http://arxiv.org/abs/2402.04615v3}
}

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/2402.04615.svg)](https://codeofpaper.com/paper/2402.04615)

Discussion