Estado da Prática do Design Visual de Aplicativos Móveis desenvolvidos com App Inventor

App Inventor is a blocks-based programming environment that allows any end-user to create mobile applications. It is frequently used in order to teach computing in K-12 through the development of mobile apps. Although learning computing with App Inventor has been investigated from different points o...

ver descrição completa

Detalhes bibliográficos
Autores: Solecki, Igor da Silva, Justen, Karla Aparecida, Porto, João V. A., Gresse von Wangenheim, Christiane, Hauck, Jean C. R., Borgatto, Adriano F.
Formato: artículo
Estado:Versión publicada
Fecha de publicación:2023
País:Brasil
Recursos:Sociedade Brasileira de Computação (SBC)
Repositorio:Revista Brasileira de Informática na Educação
Idioma:portugués
OAI Identifier:oai:journals-sol.sbc.org.br:article/3663
Acesso em linha:https://journals-sol.sbc.org.br/index.php/rbie/article/view/3663
Access Level:acceso abierto
Palavra-chave:Design Visual
Estética
Design de Interface de Usuário
Educação Básica
App Inventor
Programação Visual
Visual Design
Aesthetics
User Interface Design
K–12
Visual Programming
Descrição
Resumo:App Inventor is a blocks-based programming environment that allows any end-user to create mobile applications. It is frequently used in order to teach computing in K-12 through the development of mobile apps. Although learning computing with App Inventor has been investigated from different points of view, a question that remains is whether the visual design of the user interfaces (UI) of the applications developed with App Inventor is adequate, being one of the major success factors of a mobile application. Therefore, this article analyzes the visual design of the user interfaces of 88,861 apps from the App Inventor gallery in relation to its compliance with style guides through an automated source code analysis, as well as its aesthetics based on a survey with 95 participants assessing 110 UIs. The results show that most UIs do not comply to design guidelines and do not have visual aesthetics. Therefore, it seems important to cover not only programming concepts, but also UI design in computing education when developing mobile applications. The results of this analysis can drive the development and improvement of instructional units and the App Inventor environment, thus contributing to the development of applications with better UI design and increasing their chances of having success.