Abstract:Context. User Interfaces (UIs) intensively rely on event-driven programming: interactive objects send UI events, which capture users’ interactions, to dedicated objects called controllers. Controllers use several UI listeners that handle these events to produce UI commands. Objective. First, we reveal the presence of design smells in the code that describes and controls UIs. Second, we demonstrate that specific code analyses are necessary to analyze and refactor UI code, because of its coupling with the rest of the code. Method. We conducted an empirical study on four large Java software systems. We studied to what extent the number of UI commands that a UI listener can produce has an impact on the change- and fault-proneness of the UI listener code. We developed a static code analysis for detecting UI commands in the code. Results. We identified a new type of design smell, called Blob listener, that characterizes UI listeners that can produce more than two UI commands. We proposed a systematic static code analysis procedure that searches for Blob listener that we implement in InspectorGuidget. We conducted experiments on the four software systems for which we manually identified 53 instances of Blob listener. InspectorGuidget successfully detected 52 Blob listeners out of 53. The results exhibit a precision of 81.25% and a recall of 98.11%. We then developed a semi-automatically and behavior-preserving refactoring process to remove Blob listeners. 49.06% of the 53 Blob listeners were automatically refactored. Patches have been accepted and merged. Discussions with developers of the four software systems assess the relevance of the Blob listener. Conclusion. This work shows that UI code also suffers from design smells that have to be identified and characterized. We argue that studies have to be conducted to find other UI design smells and tools that analyze UI code must be developed.

Assessing User Interface Design Artifacts: A Tool-Supported Behavior-Based Approach

A Behavior-Based Ontology for Supporting Automated Assessment of Interactive Systems

Generation of Interaction Diagram for GUI Software Testing and Its Implementation

Improving Quality of Use Case Documents Through Learning and User Interaction

Agile Development Iterations and UI Design

A Comparative Study of Milestones for Featuring GUI Prototyping Tools

Assessing the Visual Esthetics of User Interfaces: A Ten-Year Systematic Mapping

ScrumOntoBDD: Agile software development based on scrum, ontologies and behaviour-driven development

Introducing Business Language Driven Development

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

Towards A Usability Model for Software Development Process and Practice

GUI-Based Automated Testing Tool with Exploratory Behavioral Analysis for Enhanced Software Quality Assurance

Behavior-based usability testing of user manuals

User Story Tutor (UST) to Support Agile Software Developers

Visual Testing of GUIs by Abstraction

User interface design smell: Automatic detection and refactoring of Blob listeners

Usability Analysis of Web Service Behavior Based on Interface Automata

Classifying and Qualifying GUI Defects

Scenario-based interactive UI design

A Comparative Study on the Impact of Test-Driven Development (TDD) and Behavior-Driven Development (BDD) on Enterprise Software Delivery Effectiveness

Assessing usability of model driven development in industrial projects