Interlinking User Stories and GUI Prototyping: A Semi-Automatic LLM-based Approach

TL;DR

This paper introduces a semi-automatic approach using Large Language Models to validate user stories against GUI prototypes and recommend suitable components, aiming to reduce resource costs in GUI prototyping.

Contribution

It presents a novel LLM-based method for validating NL-based requirements and recommending GUI components, improving efficiency in GUI prototyping workflows.

Findings

Effective validation of user stories in GUI prototypes

Feasibility demonstrated for GUI component recommendations

Promising results in user story validation accuracy

Abstract

Interactive systems are omnipresent today and the need to create graphical user interfaces (GUIs) is just as ubiquitous. For the elicitation and validation of requirements, GUI prototyping is a well-known and effective technique, typically employed after gathering initial user requirements represented in natural language (NL) (e.g., in the form of user stories). Unfortunately, GUI prototyping often requires extensive resources, resulting in a costly and time-consuming process. Despite various easy-to-use prototyping tools in practice, there is often a lack of adequate resources for developing GUI prototypes based on given user requirements. In this work, we present a novel Large Language Model (LLM)-based approach providing assistance for validating the implementation of functional NL-based requirements in a GUI prototype embedded in a prototyping tool. In particular, our approach aims to detect functional user stories that are not implemented in a GUI prototype and provides recommendations for suitable GUI components directly implementing the requirements. We collected requirements for existing GUIs in the form of user stories and evaluated our proposed validation and recommendation approach with this dataset. The obtained results are promising for user story validation and we demonstrate feasibility for the GUI component recommendations.