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...
| Authors: | , , , , , |
|---|---|
| Format: | article |
| Status: | Published version |
| Publication Date: | 2023 |
| Country: | Brasil |
| Institution: | Sociedade Brasileira de Computação (SBC) |
| Repository: | Revista Brasileira de Informática na Educação |
| Language: | Portuguese |
| OAI Identifier: | oai:journals-sol.sbc.org.br:article/3663 |
| Online Access: | https://journals-sol.sbc.org.br/index.php/rbie/article/view/3663 |
| Access Level: | Open access |
| Keyword: | 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 |
| Summary: | 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. |
|---|