Automated reporting of GUI design violations for mobile apps

Kevin Moran, Boyang Li, Carlos Bernal-Cárdenas, Dan Jelf, Denys Poshyvanyk

Abstract

The inception of a mobile app often takes form of a mock-up of the Graphical User Interface (GUI), represented as a static image delineating the proper layout and style of GUI widgets that satisfy requirements. Following this initial mock-up, the design artifacts are then handed off to developers whose goal is to accurately implement these GUIs and the desired functionality in code. Given the sizable abstraction gap between mock-ups and code, developers often introduce mistakes related to the GUI that can negatively impact an app's success in highly competitive marketplaces. Moreover, such mistakes are common in the evolutionary context of rapidly changing apps. This leads to the time-consuming and laborious task of design teams verifying that each screen of an app was implemented according to intended design specifications.

BibTeX

@inproceedings{Moran-al:ICSE18,
  author    = {Kevin Moran and
               Boyang Li and
               Carlos Bernal{-}C{\'{a}}rdenas and
               Dan Jelf and
               Denys Poshyvanyk},
  title     = {Automated reporting of {GUI} design violations for mobile apps},
  booktitle = {ICSE},
  pages     = {165--175},
  publisher = {{ACM}},
  year      = {2018},
}

Automated reporting of GUI design violations for mobile apps

Abstract

Related papers