Graph4GUI: Graph Neural Networks for Representing Graphical User Interfaces

Fuente: arXiv
Saved in:
Bibliographic Details
Main Authors: Jiang, Yue, Zhou, Changkong, Garg, Vikas, Oulasvirta, Antti
Format: Preprint
Published: 2024
Subjects:
Online Access:
Tags: Add Tag
No Tags, Be the first to tag this record!
_version_ 1866911847682146304
author Jiang, Yue
Zhou, Changkong
Garg, Vikas
Oulasvirta, Antti
author_facet Jiang, Yue
Zhou, Changkong
Garg, Vikas
Oulasvirta, Antti
contents Present-day graphical user interfaces (GUIs) exhibit diverse arrangements of text, graphics, and interactive elements such as buttons and menus, but representations of GUIs have not kept up. They do not encapsulate both semantic and visuo-spatial relationships among elements. To seize machine learning's potential for GUIs more efficiently, Graph4GUI exploits graph neural networks to capture individual elements' properties and their semantic-visuo-spatial constraints in a layout. The learned representation demonstrated its effectiveness in multiple tasks, especially generating designs in a challenging GUI autocompletion task, which involved predicting the positions of remaining unplaced elements in a partially completed GUI. The new model's suggestions showed alignment and visual appeal superior to the baseline method and received higher subjective ratings for preference. Furthermore, we demonstrate the practical benefits and efficiency advantages designers perceive when utilizing our model as an autocompletion plug-in.
format Preprint
id arxiv_https___arxiv_org_abs_2404_13521
institution arXiv
publishDate 2024
record_format arxiv
spellingShingle Graph4GUI: Graph Neural Networks for Representing Graphical User Interfaces
Jiang, Yue
Zhou, Changkong
Garg, Vikas
Oulasvirta, Antti
Human-Computer Interaction
Artificial Intelligence
Computer Vision and Pattern Recognition
Machine Learning
Present-day graphical user interfaces (GUIs) exhibit diverse arrangements of text, graphics, and interactive elements such as buttons and menus, but representations of GUIs have not kept up. They do not encapsulate both semantic and visuo-spatial relationships among elements. To seize machine learning's potential for GUIs more efficiently, Graph4GUI exploits graph neural networks to capture individual elements' properties and their semantic-visuo-spatial constraints in a layout. The learned representation demonstrated its effectiveness in multiple tasks, especially generating designs in a challenging GUI autocompletion task, which involved predicting the positions of remaining unplaced elements in a partially completed GUI. The new model's suggestions showed alignment and visual appeal superior to the baseline method and received higher subjective ratings for preference. Furthermore, we demonstrate the practical benefits and efficiency advantages designers perceive when utilizing our model as an autocompletion plug-in.
title Graph4GUI: Graph Neural Networks for Representing Graphical User Interfaces
topic Human-Computer Interaction
Artificial Intelligence
Computer Vision and Pattern Recognition
Machine Learning
url https://arxiv.org/abs/2404.13521