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

Bibliographic Details
Main Author: Solecki, Igor da Silva
Publication Date: 2023
Other Authors: Justen, Karla Aparecida, Porto, João V. A., Gresse von Wangenheim, Christiane, Hauck, Jean C. R., Borgatto, Adriano F.
Format: Article
Language: por
Source: Revista Brasileira de Informática na Educação
Download full: https://journals-sol.sbc.org.br/index.php/rbie/article/view/3663
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.
id SBC-6_d42f4e2502c4b1fe74a59191a6e15ce0
oai_identifier_str oai:journals-sol.sbc.org.br:article/3663
network_acronym_str SBC-6
network_name_str Revista Brasileira de Informática na Educação
repository_id_str
spelling Estado da Prática do Design Visual de Aplicativos Móveis desenvolvidos com App InventorState of the Practice of the Visual Design of Mobile Applications developed with App InventorEstado da Prática do Design Visual de Aplicativos Móveis desenvolvidos com App InventorDesign VisualEstéticaDesign de Interface de UsuárioEducação BásicaApp InventorProgramação VisualDesign VisualEstéticaDesign de Interface de UsuárioEducação BásicaApp InventorProgramação VisualVisual DesignAestheticsUser Interface DesignK–12App InventorVisual ProgrammingApp 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.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.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.Sociedade Brasileira de Computação2023-09-06info:eu-repo/semantics/articleinfo:eu-repo/semantics/publishedVersionPeer-reviewed articleArtículo revisado por paresArtigo avaliado pelos paresapplication/pdfhttps://journals-sol.sbc.org.br/index.php/rbie/article/view/366310.5753/rbie.2020.28.0.30Revista Brasileña de Informática en la Educación; Vol. 28 (2020); 30-47Revista Brasileira de Informática na Educação; Vol. 28 (2020); 30-47Brazilian Journal of Computers in Education; Vol. 28 (2020); 30-472317-61211414-5685reponame:Revista Brasileira de Informática na Educaçãoinstname:Sociedade Brasileira de Computação (SBC)instacron:SBCporhttps://journals-sol.sbc.org.br/index.php/rbie/article/view/3663/2338Copyright (c) 2023 Igor da Silva Solecki, Karla Aparecida Justen, João Vitor Araujo Porto, Christiane Anneliese Gresse von Wangenheim, Jean Carlo Rossa Hauck, Adriano Ferreti Borgattohttps://creativecommons.org/licenses/by-nc-nd/4.0info:eu-repo/semantics/openAccessSolecki, Igor da SilvaJusten, Karla AparecidaPorto, João V. A.Gresse von Wangenheim, ChristianeHauck, Jean C. R.Borgatto, Adriano F.2023-12-28T21:06:21Zoai:journals-sol.sbc.org.br:article/3663Revistahttps://journals-sol.sbc.org.br/index.php/rbieONGhttps://journals-sol.sbc.org.br/index.php/rbie/oaipublicacoes@sbc.org.br2317-61211414-5685opendoar:2023-12-28T21:06:21Revista Brasileira de Informática na Educação - Sociedade Brasileira de Computação (SBC)false
dc.title.none.fl_str_mv Estado da Prática do Design Visual de Aplicativos Móveis desenvolvidos com App Inventor
State of the Practice of the Visual Design of Mobile Applications developed with App Inventor
Estado da Prática do Design Visual de Aplicativos Móveis desenvolvidos com App Inventor
title Estado da Prática do Design Visual de Aplicativos Móveis desenvolvidos com App Inventor
spellingShingle Estado da Prática do Design Visual de Aplicativos Móveis desenvolvidos com App Inventor
Solecki, Igor da Silva
Design Visual
Estética
Design de Interface de Usuário
Educação Básica
App Inventor
Programação Visual
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
title_short Estado da Prática do Design Visual de Aplicativos Móveis desenvolvidos com App Inventor
title_full Estado da Prática do Design Visual de Aplicativos Móveis desenvolvidos com App Inventor
title_fullStr Estado da Prática do Design Visual de Aplicativos Móveis desenvolvidos com App Inventor
title_full_unstemmed Estado da Prática do Design Visual de Aplicativos Móveis desenvolvidos com App Inventor
title_sort Estado da Prática do Design Visual de Aplicativos Móveis desenvolvidos com App Inventor
author Solecki, Igor da Silva
author_facet Solecki, Igor da Silva
Justen, Karla Aparecida
Porto, João V. A.
Gresse von Wangenheim, Christiane
Hauck, Jean C. R.
Borgatto, Adriano F.
author_role author
author2 Justen, Karla Aparecida
Porto, João V. A.
Gresse von Wangenheim, Christiane
Hauck, Jean C. R.
Borgatto, Adriano F.
author2_role author
author
author
author
author
dc.contributor.author.fl_str_mv Solecki, Igor da Silva
Justen, Karla Aparecida
Porto, João V. A.
Gresse von Wangenheim, Christiane
Hauck, Jean C. R.
Borgatto, Adriano F.
dc.subject.por.fl_str_mv Design Visual
Estética
Design de Interface de Usuário
Educação Básica
App Inventor
Programação Visual
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
topic Design Visual
Estética
Design de Interface de Usuário
Educação Básica
App Inventor
Programação Visual
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
description 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.
publishDate 2023
dc.date.none.fl_str_mv 2023-09-06
dc.type.driver.fl_str_mv info:eu-repo/semantics/article
info:eu-repo/semantics/publishedVersion
Peer-reviewed article
Artículo revisado por pares
Artigo avaliado pelos pares
format article
status_str publishedVersion
dc.identifier.uri.fl_str_mv https://journals-sol.sbc.org.br/index.php/rbie/article/view/3663
10.5753/rbie.2020.28.0.30
url https://journals-sol.sbc.org.br/index.php/rbie/article/view/3663
identifier_str_mv 10.5753/rbie.2020.28.0.30
dc.language.iso.fl_str_mv por
language por
dc.relation.none.fl_str_mv https://journals-sol.sbc.org.br/index.php/rbie/article/view/3663/2338
dc.rights.driver.fl_str_mv https://creativecommons.org/licenses/by-nc-nd/4.0
info:eu-repo/semantics/openAccess
rights_invalid_str_mv https://creativecommons.org/licenses/by-nc-nd/4.0
eu_rights_str_mv openAccess
dc.format.none.fl_str_mv application/pdf
dc.publisher.none.fl_str_mv Sociedade Brasileira de Computação
publisher.none.fl_str_mv Sociedade Brasileira de Computação
dc.source.none.fl_str_mv Revista Brasileña de Informática en la Educación; Vol. 28 (2020); 30-47
Revista Brasileira de Informática na Educação; Vol. 28 (2020); 30-47
Brazilian Journal of Computers in Education; Vol. 28 (2020); 30-47
2317-6121
1414-5685
reponame:Revista Brasileira de Informática na Educação
instname:Sociedade Brasileira de Computação (SBC)
instacron:SBC
instname_str Sociedade Brasileira de Computação (SBC)
instacron_str SBC
institution SBC
reponame_str Revista Brasileira de Informática na Educação
collection Revista Brasileira de Informática na Educação
repository.name.fl_str_mv Revista Brasileira de Informática na Educação - Sociedade Brasileira de Computação (SBC)
repository.mail.fl_str_mv publicacoes@sbc.org.br
_version_ 1832111043153756160

Similar Items