Loading...
Publication
Design System: Padronização e otimização da usabilidade de aplicativos no Instituto Federal de Educação Ciência e Tecnologia do Maranhão
| Name: | Description: | Size: | Format: | |
|---|---|---|---|---|
| 10.82 MB | Adobe PDF |
Authors
Abstract(s)
Os sistemas de informação estão em constante evolução, e consequentemente, as empresas e instituições devem continuar garantindo a entrega de aplicações de qualidade aos usuários. Nesse mesmo contexto, o Instituto Federal de Educação, Ciência e Tecnologia (IFMA), que possui uma variedade de aplicações digitais, precisa garantir a consistência da identidade visual institucional dos seus sistemas e utilizar técnicas de usabilidade para proporcionar uma experiência agradável aos usuários. Um exemplo disso é o aplicativo móvel TicketIF, utilizado pelos alunos do IFMA - Campus Caxias para validar o acesso às refeições no restaurante universitário. Em 2022, foi realizada uma pesquisa de usabilidade no aplicativo, na qual a aplicação obteve 80.4 pontos de acordo com o System Usability Scale (SUS),
sendo considerada aceitável. No entanto, além do TicketIF, outros sistemas desenvolvidos por alunos frequentemente carecem de características que garantam a consistência visual da instituição. Esses sistemas, muitas vezes, apresentam abordagens distintas de usabilidade, uma vez que os desenvolvedores não dispõem de uma documentação única orientada para padronizar essas questões. Isso pode resultar em experiências inconsistentes e menos otimizadas para os usuários. Deste modo, este trabalho tem como proposta desenvolver um Design System para o IFMA - Campus Caxias, promovendo a identidade visual do IFMA com objetivo de melhorar a usabilidade dos sistemas digitais desenvolvidos na instituição. Portanto, foram criadas diretrizes e componentes do Design System como botões, tipografia, cores, formulários, e entre outros, que atendam às necessidades específicas do campus. Em seguida, foi realizada uma análise de usabilidade utilizando o SUS após a implementação do Design System no aplicativo móvel TicketIF, buscando validar sua eficácia na prática. Desta forma, pudemos identificar o impacto que essa proposta oferece comparando os resultados com avaliações anteriores a implementação. Os resultados dos testes de usabilidade revelaram que a aplicação apresentava diversos problemas de funcionamento, principalmente devido a uma reforma nos servidores e rotas de rede, o que impactou os resultados da pesquisa. Ao considerarmos apenas os usuários
para os quais a aplicação não apresentou falhas, obtivemos a nota A+ com 85 pontos de acordo com o SUS, o que é considerado um excelente resultado. No entanto, ao incluir todos os usuários, a pontuação caiu para A-, com um total de 80 pontos, o que ainda pode ser considerado uma pontuação ótima. Portanto, em comparação com a versão anterior da aplicação, obtivemos avaliações positivas sobre a nova versão, além de termos garantido um visual alinhado aos princípios de design do IFMA. Após a análise e validação, foi feito a documentação do Design System com código fonte, métricas de acessibilidade e componentes de interface, com o objetivo de fornecer um recurso completo e acessível para os desenvolvedores do IFMA. Esse processo visa garantir a continuidade e aperfeiçoamento do Design System ao longo do tempo, promovendo melhorias na produção de software na instituição.
Information systems are constantly evolving, and as a result, companies and institutions must continue to ensure the delivery of quality applications to users. In this same context, the Federal Institute of Education, Science, and Technology (IFMA), which manages a variety of digital applications, needs to guarantee the consistency of its institutional visual identity across its systems and apply usability techniques to provide a pleasant user experience. An example of this is the TicketIF mobile application, used by IFMA - Campus Caxias students to validate the acces to the university restaurant. In 2022, a usability study was conducted on the application, and it achieving 80.4 points according to the System Usability Scale (SUS), being considered acceptable. However, in addition to TicketIF, other systems developed by students often lack characteristics that ensure the institution’s visual consistency. These systems frequently exhibit diverse usability approaches, as developers do not have a unified documentation resource aimed at standardizing these aspects. This can result in inconsistent and less optimized experiences for users. Therefore, this project proposes developing a Design System for IFMA - Campus Caxias, promoting IFMA’s visual identity with the goal of improving the usability of digital systems developed at the institution. Thus, guidelines and components for the Design System were created, including buttons, typography, colors, forms, and more. Subsequently, a usability evaluation was conducted using SUS after implementing the Design System in the TicketIF mobile application to validate its effectiveness in practice. In this way, we were able to identify the impact this proposal offers by comparing the results with evaluations prior to implementation. The usability test revealed that the application had several operational issues, mainly due to a network server and route overhaul, which affected the results. When considering only the users for whom the application functioned without errors, we achieved an A+ rating with 85 points according to SUS, which is considered an excellent result. However, when including all users, the score dropped to A-, totaling 80 points, which can still be considered a great score. In comparison to the previous version of the application, we obtained positive evaluations for the new version and ensured a design aligned with IFMA’s design principles. After analysis and validation, the Design System was documented, including source code, accessibility metrics, and interface components, with the aim of providing a comprehensive and accessible resource for IFMA developers. This process intends to ensure the continuity and improvement of the Design System over time, promoting advancements in software development within the institution.
Information systems are constantly evolving, and as a result, companies and institutions must continue to ensure the delivery of quality applications to users. In this same context, the Federal Institute of Education, Science, and Technology (IFMA), which manages a variety of digital applications, needs to guarantee the consistency of its institutional visual identity across its systems and apply usability techniques to provide a pleasant user experience. An example of this is the TicketIF mobile application, used by IFMA - Campus Caxias students to validate the acces to the university restaurant. In 2022, a usability study was conducted on the application, and it achieving 80.4 points according to the System Usability Scale (SUS), being considered acceptable. However, in addition to TicketIF, other systems developed by students often lack characteristics that ensure the institution’s visual consistency. These systems frequently exhibit diverse usability approaches, as developers do not have a unified documentation resource aimed at standardizing these aspects. This can result in inconsistent and less optimized experiences for users. Therefore, this project proposes developing a Design System for IFMA - Campus Caxias, promoting IFMA’s visual identity with the goal of improving the usability of digital systems developed at the institution. Thus, guidelines and components for the Design System were created, including buttons, typography, colors, forms, and more. Subsequently, a usability evaluation was conducted using SUS after implementing the Design System in the TicketIF mobile application to validate its effectiveness in practice. In this way, we were able to identify the impact this proposal offers by comparing the results with evaluations prior to implementation. The usability test revealed that the application had several operational issues, mainly due to a network server and route overhaul, which affected the results. When considering only the users for whom the application functioned without errors, we achieved an A+ rating with 85 points according to SUS, which is considered an excellent result. However, when including all users, the score dropped to A-, totaling 80 points, which can still be considered a great score. In comparison to the previous version of the application, we obtained positive evaluations for the new version and ensured a design aligned with IFMA’s design principles. After analysis and validation, the Design System was documented, including source code, accessibility metrics, and interface components, with the aim of providing a comprehensive and accessible resource for IFMA developers. This process intends to ensure the continuity and improvement of the Design System over time, promoting advancements in software development within the institution.
Description
Keywords
Design System IFMA User Experience Usability Testing Visual Identity Experiência do usuário Teste de usabilidade Identidade visual