Automatic Feedback Generation for Supporting User Interface Design

Although the interest for User Interfaces (UI) has increased their study, their design is a difficult process to learn. Novel UI designers, therefore, need guidance through the learning process of UI design to obtain better results. Feedback is a key factor to improve knowledge and skills acquisition. However, providing individual feedback is a complex and time-consuming task and requires a fair amount of expertise. This paper describes a solution to this problem: Feedback ENriched user Interface Simulation (FENIkS). FENIkS is a model-driven engineering UI design simulation tool able to automatically provide instant feedback to the students about how they apply UI design principles. While designing the UI, the novice designer receives feedback on how design principles are applied through the options he/she selects. Then, when generating a working prototype from the models, feedback explaining the application of principles is incorporated in the prototype. An experimental evaluation was conducted, demonstrating FENIkS improves students' understanding of UI design principles. The perceived usability was also positively evaluated. This paper explains FENIkS' design: the meta-model, how design options, design principles and types of feedback are used to generate automated feedback on the observation of design principles in the tool and the generated prototype.

[1]  Jean Vanderdonckt,et al.  Designing graphical user interfaces integrating gestures , 2012, SIGDOC '12.

[2]  Jan Elen,et al.  Conceptualizing the Domain of Automated Feedback for Learners , 2019, CIbSE.

[3]  Egbert Schlungbaum,et al.  Model-based User Interface Software Tools - Current State of Declarative Models , 1996 .

[4]  Martin L. Barrett,et al.  A hypertext module for teaching user interface design , 1993, SIGCSE '93.

[5]  Monique Snoeck,et al.  Learning UI Functional Design Principles Through Simulation With Feedback , 2020, IEEE Transactions on Learning Technologies.

[6]  Oscar Pastor,et al.  User Interface Conceptual Patterns , 2002, DSV-IS.

[7]  Yijun Yu,et al.  Adaptive Model-Driven User Interface Development Systems , 2014, ACM Comput. Surv..

[8]  Sri Hastuti Kurniawan,et al.  A method and advisor tool for multimedia user interface design , 2006, Int. J. Hum. Comput. Stud..

[9]  Gregg C. Vanderheiden,et al.  Abstract representations as a basis for usable user interfaces , 2004, Interact. Comput..

[10]  Philippe A. Palanque,et al.  Design, specification, and verification of interactive systems , 2000, Proceedings of the 2000 International Conference on Software Engineering. ICSE 2000 the New Millennium.

[11]  Richard N. Van Eck Digital Game-Based Learning: It's Not Just the Digital Natives Who Are Restless. , 2006 .

[12]  Jean Vanderdonckt,et al.  USIXML: A User Interface Description Language Supporting Multiple Levels of Independence , 2004, ICWE Workshops.

[13]  Monique Snoeck,et al.  Assessing the effectiveness of feedback enabled simulation in teaching conceptual modeling , 2014, Comput. Educ..

[14]  Daniel Moldt,et al.  Graphical Simulation Feedback in Petri Net-based Domain-Specific Languages within a Meta-Modeling Environment , 2018, PNSE@Petri Nets/ACSD.

[15]  Monique Snoeck,et al.  Technology Enhanced Support for Learning Interactive Software Systems , 2018, MODELSWARD.

[16]  Monique Snoeck,et al.  A Fully Implemented Didactic Tool for the Teaching of Interactive Software Systems , 2018, MODELSWARD.

[17]  Fabiane Barreto Vavassori Benitti,et al.  Evaluation of a game used to teach usability to undergraduate students in computer science , 2015 .

[18]  Estefanía Serral,et al.  Unifying Functional User Interface Design Principles , 2021, Int. J. Hum. Comput. Interact..

[19]  John Bigelow,et al.  Improving critical thinking using web based argument mapping exercises with automated feedback , 2009 .

[20]  Monique Snoeck,et al.  Enterprise Information Systems Engineering : The MERODE Approach , 2014 .

[21]  Monique Snoeck,et al.  A PIM-to-Code Requirements Engineering Framework , 2013, MODELSWARD.

[22]  Oscar Pastor,et al.  Transformation templates: adding flexibility to model-driven engineering of user interfaces , 2010, SAC '10.

[23]  V. Shute Focus on Formative Feedback , 2007 .

[24]  Denis Lalanne,et al.  A Usability Refactoring Process for Large-Scale Open Source Projects: The ILIAS Case Study , 2017, CHI Extended Abstracts.

[25]  Monique Snoeck,et al.  UI-GEAR: User Interface Generation prEview capable to Adapt in Real-time , 2017, MODELSWARD.

[26]  Monique Snoeck,et al.  Process mining analysis of conceptual modeling behavior of novices - empirical study using JMermaid modeling and experimental logging environment , 2014, Comput. Hum. Behav..

[27]  Glenn D. Blank,et al.  Individualizing Tutoring with Learning Style Based Feedback , 2008, Intelligent Tutoring Systems.

[28]  Nelly Condori-Fernández,et al.  A Proposal to Elicit Usability Requirements within a Model-Driven Development Environment , 2014, Int. J. Inf. Syst. Model. Des..

[29]  Monique Snoeck,et al.  Feedback-Enabled MDA-Prototyping Effects on Modeling Knowledge , 2013, BMMDS/EMMSAD.

[30]  Monique Snoeck,et al.  Generating User Interface from Conceptual, Presentation and User models with JMermaid in a learning approach , 2015, Interacción.

[31]  M. David Merrill,et al.  First principles of instruction , 2012 .