Narjes Bessghaier

Narjes Bessghaier

PhD in software engineering from École de Technologie Supériere (ETS).

Mobile Apps UI Defects Detection and Restructuring Framework

Tool · Research Project
Venue: National School of Computer Science • Location: Tunis, Tunisia
UI framework overview
Framework overview — detection of UI structural defects and automated restructuring recommendations.

Synopsis

We present an automated approach for restructuring a user interface (UI) structural design based on its data model. The framework checks violations of 13 generic structural design standards inspired by Google Material Design and then generates recommendations for each violated guideline based on the evaluated UI specifications.

As a proof of concept, we used ADDET to evaluate the quality of the original and restructured versions of 511 user interfaces, considering both the number of aesthetic defects and aesthetic properties. Results show a significant positive difference (mean improvement: 0.59) in favor of restructured interfaces, with improvements across 7 quality metrics. We also observed potential accessibility gains through larger element sizes in some designs.

Framework pipeline illustration
Framework pipeline — from guideline violation detection to restructuring recommendations.

Media & resources

Video snippet: Framework (YouTube)
Source code / download: UI-Restructuring (GitHub)
Download the framework and start restructuring your Android apps’ user interfaces.