Author(s)

Maria C. Gómez-Fuentes, Jorge Cervantes-Ojeda, Alan Badillo-Salas

Department of Applied Mathematics and Systems, Universidad Autónoma Metropolitana, Mexico City, Mexico.

The User Interface Transition Diagram (UITD) is a formal modeling notation that simplifies the specification and design of user-system interactions. It is a valuable communication tool for technical and non-technical stakeholders during the requirements elicitation phase, as it provides a simple yet technically complete notation that is easy to understand. In this paper, we investigated the efficiency of creating UITDs using draw.io, a widely used diagramming software, compared to a dedicated UITD editor. We conducted a study to compare the time required to use each tool to complete the task of creating a medium size UITD, as well as the subjective ease of use and satisfaction of participants with the dedicated Editor. Our results show that the UITD editor is more efficient and preferred by participants, highlighting the importance of using specialized tools for creating formal models such as UITDs. The findings of this study have implications for software developers, designers, and other stakeholders involved in the specification and design of user-system interactions.

UITD, User Interfaces Flow Specification, Requirements Specification, Modelling Notation

Gómez-Fuentes, M. , Cervantes-Ojeda, J. and Badillo-Salas, A. (2023) The User Interfaces Transition Diagram-Editor: A Tool to Simplify User-System Interaction Modeling. Journal of Software Engineering and Applications, 16, 483-495. doi: 10.4236/jsea.2023.169023.