Desenvolvimento de um UI Design Kit no Penpot para Aplicativos Inteligentes Desenvolvidos com App Inventor

Abstract

Aplicativos móveis que utilizam Inteligência Artificial (IA) têm se tornado cada vez mais presentes em nosso dia-a-dia, incluindo também aplicativos com classificação de imagens. Estes aplicativos podem ser inclusive criados por usuários finais ou estudantes da Educação Básica usando o ambiente App Inventor. Levando-se em consideração as características específicas deste tipo de aplicativo inteligente, devem ser observadas diretrizes específicas relacionadas a User Artificial Intelligence Experience (AIX) em alinhamento aos guias de estilo como Material Design 3 para aplicativos Android. Porém, como estas diretrizes ainda não são amplamente conhecidas, o design de interface de aplicativos inteligentes pode ser difícil, especialmente para estudantes na Educação Básica. Assim, o objetivo geral deste trabalho é desenvolver um UI Design Kit para o design de interface de usuário de aplicativos App Inventor que utilizam classificação de imagens. O UI Design Kit fornecerá templates de telas em conformidade com guias de estilo, incluindo Material Design 3, além de estar em conformidade com diretrizes de AIX voltados a user experience de sistemas inteligentes. O UI Design Kit foi desenvolvido para a ferramenta de design gráfico Penpot, uma alternativa gratuita e de código aberto.

Mobile applications that use Artificial Intelligence (AI) have become increasingly prevalent in our daily lives, including applications with image classification. These applications can even be created by end-users or primary school students using the App Inventor environment. Considering the specific characteristics of this type of intelligent application, specific guidelines related to User Artificial Intelligence Experience (AIX) should be observed in alignment with style guides such as Material Design 3 for Android applications. However, since these guidelines are not yet widely known, the interface design of intelligent applications can be challenging, especially for primary school students. Therefore, the overall objective of this work is to develop a UI Design Kit for the user interface design of App Inventor applications that utilize image classification. The UI Design Kit provides screen templates in compliance with style guides, including Material Design 3, as well as adhering to AIX guidelines focused on the user experience of intelligent systems. The UI Design Kit is developed for the Penpot graphic design tool, a free and open-source alternative.