Beauty is in the eye of the beholder - An Experience Report on Evaluating Aesthetics of a Design System for HUDs in EUD Serious Games


Serious games have specific goals beyond entertainment. End-User Development (EUD) tools can enable diverse professionals to develop these games for a target audience. However, they overlook important game requirements like mechanics, interface, and aesthetics. This can result in confusing and disconnected interfaces. This experience report describes the process of design and evaluation of thematic families of reusable and standardized visual component elements for end-user-generated mobile games. The evaluation of user experiences with the perception of aesthetic aspects of the Design System used a semantic differential scale to assess their perceptions and interpretations. The results demonstrated good acceptability of the families while also suggesting improvements in typography, shapes, and color palette to improve mood communication. These results are discussed under the perspective of how aesthetic elements influence people’s perception of game interfaces produced for a serious purpose, possibly impacting the player experience.
Palavras-chave: Design System, Interface, HUD, Serious Game, End-User Development


Sonam Adinolf and Selen Turkay. 2011. Controlling your game controls: interface and customization. 13–22.

Tugce Aldemir, Berkan Çelik, and Goknur Kaplan. 2018. A qualitative investigation of student perceptions of game elements in a gamified course. Comput. Hum. Behav. 78 (2018), 235–254.

Elisabeth Bayle, Rachel Bellamy, George Casaday, Thomas Erickson, Sally Fincher, Beki Grinter, Ben Gross, Diane Lehder, Hans Marmolin, Brian Moore, Colin Potts, Grant Skousen, and John Thomas. 1998. Putting It All Together: Towards a Pattern Language for Interaction Design: A CHI 97 Workshop. SIGCHI Bull. 30, 1 (jan 1998), 17–23. DOI: 10.1145/280571.280580

Nayana Carneiro, Bianca Melo, Letícia Cavalcante, Rute Castro, Rossana M. C. Andrade, and Ticianne Darin. 2020. Mobili: Development and Use of a Usability Checklist for Mobile Games and Applications. In 19th Brazilian Symposium on Software Quality (São Luís, Brazil) (SBQS’20). Association for Computing Machinery, New York, NY, USA, Article 33, 9 pages. DOI: 10.1145/3439961.3439994

Creswell J. David Creswell, John W.2018. Research design: Qualitative, quantitative, and mixed methods approaches. SAGE Publications, Inc.

Ticianne Darin, Rossana Andrade, and Jaime Sánchez. 2022. Usability Evaluation of Multimodal Interactive Virtual Environments for Learners Who Are Blind: An Empirical Investigation. Int. J. Hum.-Comput. Stud. 158, C (feb 2022), 16 pages. DOI: 10.1016/j.ijhcs.2021.102732

Min Fan, Jianyu Fan, Sheng Jin, Alissa Nicole Antle, and Philippe Pasquier. 2018. EmoStory: A Game-based System Supporting Children’s Emotional Development. Extended Abstracts of the 2018 CHI Conference on Human Factors in Computing Systems (2018).

Stian Jessen, Jelena Mirkovic, and Lise Solberg Nes. 2020. MyStrengths, a Strengths-Focused Mobile Health Tool: Participatory Design and Development. JMIR Formative Research 4 (2020).

Henrietta Jylhä and Juho Hamari. 2020. Development of Measurement Instrument for Visual Qualities of Graphical User Interface Elements (VISQUAL): A Test in the Context of Mobile Game Icons. User Modeling and User-Adapted Interaction 30, 5 (nov 2020), 949–982. DOI: 10.1007/s11257-020-09263-7

Christian Kruschitz and Martin Hitz. 2009. The anatomy of HCI design patterns. Future Computing, Service Computation, Cognitive, Adaptive, Content, Patterns, Computation World 0 (11 2009), 202–207. DOI: 10.1109/ComputationWorld.2009.45

Henry Lieberman, Fabio Paternò, Markus Klann, and Volker Wulf. 2006. End-user development: An emerging paradigm. In End user development. Springer, 1–8.

Zeno Menestrina and Antonella De Angeli. 2017. End-user development for serious games. In New Perspectives in End-User Development. Springer, 359–383.

David R Michael and Sandra L Chen. 2005. Serious games: Games that educate, train, and inform. Muska & Lipman/Premier-Trade.

Aaron S Miller, Joseph Antony Cafazzo, and Emily Seto. 2016. A game plan: Gamification design principles in mHealth applications for chronic disease management. Health Informatics Journal 22 (2016), 184 – 193.

Sakchai Muangsrinoon and Poonpong Boonbrahm. 2019. Game elements from literature review of gamification in healthcare context. Journal of Technology and Science Education 9, 1 (2019), 20–31. DOI: 10.3926/jotse.556

Mariana Muri, Rachel Carvalho, Tiago Silva, Kamila Rodrigues, and Ticianne Darin. 2022. Boas Práticas para o Design de Jogos Sérios em Ferramentas de Autoria EUD. In Anais Estendidos do XXI Simpósio Brasileiro de Fatores Humanos em Sistemas Computacionais (Diamantina). SBC, Porto Alegre, RS, Brasil, 92–95. DOI: 10.5753/ihc_estendido.2022.224866

Jakob Nielsen and Raluca Budiu. 2013. Mobily Usability. New Riders Publishing.

Jesse Schell. 2019. TTenth Anniversary: The Art of Game Design: A Book of Lenses. (3rd ed.). A K Peters/CRC Press.

Tarja Susi, Mikael Johannesson, and Per Backlund. 2007. Serious games: An overview. (2007).

Sarah Verschueren, June van Aalst, Anne-Marie Bangels, Jaan Toelen, Karel Allegaert, Connor Buffel, and Geert Vander Stichele. 2019. Development of CliniPup, a Serious Game Aimed at Reducing Perioperative Anxiety and Pain in Children: Mixed Methods Study. JMIR Serious Games 7 (2019).
MURI, Mariana; RODRIGUES, Kamila; DARIN, Ticianne. Beauty is in the eye of the beholder - An Experience Report on Evaluating Aesthetics of a Design System for HUDs in EUD Serious Games. In: SIMPÓSIO BRASILEIRO SOBRE FATORES HUMANOS EM SISTEMAS COMPUTACIONAIS (IHC), 22. , 2023, Maceió/AL. Anais [...]. Porto Alegre: Sociedade Brasileira de Computação, 2023 .