文章基本信息

标题：Estado da Prática do Design Visual de Aplicativos Móveis desenvolvidos com App Inventor
本地全文：下载
作者：Igor da Silva Solecki ; Karla Aparecida Justen ; João Vitor Araujo Porto 等
期刊名称：Revista Brasileira de Informática na Educação
印刷版ISSN：1414-5685
出版年度：2020
卷号：28
页码：30-47
DOI：10.5753/rbie.2020.28.0.30
出版社：Revista Brasileira de Informática na Educação
摘要：O App Inventor é um ambiente de programação baseado em blocos que permite a qualquer usuário final criar aplicativos móveis. O App Inventor é frequentemente usado para ensinar computação na educação básica por meio do desenvolvimento de aplicativos móveis. Embora a aprendizagem de computação com o App Inventor tenha sido investigada sob diferentes pontos de vista, uma questão que permanece é se o design visual da interface de usuário (IU) dos aplicativos desenvolvidos é adequado, sendo um dos principais fatores de sucesso de aplicativos móveis. Assim, este artigo analisa o design visual das interfaces de usuário de 88.861 aplicativos da galeria do App Inventor, quanto à conformidade com guias de estilo por meio da análise automatizada do código fonte, bem como sua estética com base em um survey com 95 participantes avaliando 110 IUs. Os resultados mostram que a maioria das IUs não está em conformidade com diretrizes de design e não possui estética visual. Assim, mostra-se importante abordar não apenas conceitos de programação, mas também o design de IU no ensino de computação por meio do desenvolvimento de aplicativos móveis. Os resultados dessa análise podem direcionar o desenvolvimento e a melhoria de unidades instrucionais e do ambiente do App Inventor, viabilizando assim o desenvolvimento de aplicativos com melhor design de IU e aumentando suas chances de ter sucesso.
其他摘要：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.
关键词：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;App Inventor;Visual Programming