Memória P&D Design

15º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design

UFAM — Manaus (AM)

Outubro/2024

Análise do Papel do Design de Botões na Criação de Interfaces Intuitivas para Dispositivos Móveis

Analysis of the Role of Button Design in Creating Intuitive Interfaces for Mobile Devices

Sofia Sousa Aguiar
Antonio Jose Melo Leite Junior
Natal Anacleto Chicca Junior

Como citar

Aguiar, Sofia Sousa; Leite Junior, Antonio Jose Melo; Chicca Junior, Natal Anacleto; "Análise do Papel do Design de Botões na Criação de Interfaces Intuitivas para Dispositivos Móveis", p. 1920-1941. PPG Design Caderno Científico, Manaus, 2024. Anais do XV Congresso Brasileiro de Pesquisa e Desenvolvimento em Design – P&D Design Manaus., DOI https://doi.org/10.29327/5457226.1-100

Resumo

Diante do cenário emergente de uso de dispositivos móveis nas diferentes esferas da sociedade, o desenvolvimento de componentes específicos para uso em interfaces é uma das boas práticas recomendadas para a construção de um bom sistema de design. O botão é um dos componentes essenciais do design de interação, sendo responsável pela efetivação de qualquer ação realizada pelo usuário, permitindo que este consiga cumprir as tarefas do sistema. O artigo descreve o processo de design e desenvolvimento dos componentes dos botões do Metagym, um aplicativo que tem como objetivo auxiliar indivíduos que praticam musculação e desejam monitorar suas rotinas de treinos e exercícios. A fim de validar a aceitação e o desempenho desses componentes, foram realizados testes de usabilidade que revelam a importância do bom design de botões para uma boa experiência do usuário, garantindo a eficácia e eficiência no uso de qualquer produto digital.
Palavras-chave:

aplicativo, botões, experiência do usuário, design de interação, dispositivos móveis

Abstract

Given the emerging scenario of use of mobile devices in different spheres of society, the development of specific components for use in interfaces is one of the best practices recommended for building a good design system. The button is one of the essential components of interaction design, being responsible for carrying out any action carried out by the user, allowing the user to complete the system's tasks. The article describes the design and development process of the button components of the Metagym, an application that aims to help individuals who practice bodybuilding and want to monitor their training and exercise routines. To validate the acceptance and performance of these components, usability tests were carried out that reveal the importance of good button design for a good user experience.
Keywords:

application, buttons, user experience, interaction design, mobile devices

Referências bibliográficas

  • APPLE DEVELOPER. Design - Apple Developer. Apple, 2023. Disponível em: .

  • BANGOR, A.; KORTUM, P.; MILLER, J. Determining what individual SUS scores mean: Adding an adjective rating scale. In: Journal of usability studies, v. 4, n. 3, p.114-123, 2009.

  • BARBOSA, S.; SILVA, B. Interação humano-computador. Elsevier Brasil, 2010.

  • BONSIEPE, G. Design, cultura e sociedade. Olhar sobre as falhas. São Paulo: Blucher, 2011.

  • BROOKE, J. SUS-A quick and dirty usability scale. In: Usability evaluation in industry: CRC Press, 1996. Disponível em: .

  • CAMPBELL, A.; CHOUDHURY, T. From Smart to Cognitive Phones. In: IEEE Pervasive Computing, v. 11, n. 3, p. 7–11, 1 mar. 2012.

  • CHITTARO, L. Designing visual user interfaces for mobile applications. In: Proceedings of the 3rd ACM SIGCHI symposium on Engineering interactive computing systems, 13 jun. 2011.

  • DESIGN COUNCIL. Framework for innovation. British Design Council, 2023. United Kingdom. Disponível em: .

  • DIRIN, A. From Usability to User Experience in Mobile Learning Applications. 2016. Dissertation (Doctoral Dissertation in Computer Science) – Department of Computer Science, Aalto University, Finland, 2016.

  • FAUDZI, M. A. et al. Evaluating Learning Management System based on PACMAD Usability Model: Brighten Mobile Application. In: International Journal of Advanced Computer Science and Applications, v. 13, n. 5, 2022.

  • GOOGLE. Material Design 2. Google, 2018. Disponível em: .

  • GOOGLE. Material Design 3. Google, 2022. Disponível em: .

  • GSMA INTELLIGENCE. The Mobile Economy. Londres: GSMA INTELLIGENCE, 2021. Disponível em: .

  • HARRISON, R.; FLOOD, D.; DUCE, D. Usability of mobile applications: literature review and rationale for a new usability model, In: Journal of Interaction Science, vol. 1, pp. 1-16, 2013.

  • HOOBER, S.; BERKMAN, E. Designing mobile interfaces: Patterns for interaction design. Canada: Ontario, O'Reilly Media, Inc., 2011.

  • INTERACTION DESIGN FOUNDATION. What is Usability Testing? Interaction Design Foundation, 2016. Disponível em: .

  • MACHADO NETO, O. J. Usabilidade da interface de dispositivos móveis: heurísticas e diretrizes para o design. 2013. Dissertação (Mestrado em Ciências de Computação e Matemática Computacional) - Instituto de Ciências Matemáticas e de Computação, Universidade de São Paulo, São Carlos, 2013.

  • MORAN, K. Usability Testing 101. Nielsen Norman Group, 2019. Disponível em: .

  • MORAN, K. Qualitative Usability Testing: Study Guide. Nielsen Norman Group, 2020. Disponível em: .

  • NIELSEN, J. Usability Engineering. San Francisco, CA: Morgan Kaufmann Publishers Inc, 1994.

  • NIELSEN, Jakob. Usability 101: Introduction to Usability. Nielsen Norman Group, 2012. Disponível em: .

  • PREECE, J.; ROGERS, Y.; SHARP, H. Design de Interação: Além da Interação homem computador. São Paulo: Bookman, 2005.

  • PUNCHOOJIT, L.; HONGWARITTORRN, N. Usability Studies on Mobile User Interface Design Patterns: A Systematic Literature Review. In: Advances in Human-Computer Interaction, v. 2017, 2017.

  • RIES, E. A Startup Enxuta: Como os empreendedores atuais utilizam inovação contínua para criar empresas extremamente bem-sucedidas. São Paulo: Leya Editora, 2012.

  • SCHWAB, K. A quarta revolução industrial. São Paulo: Edipro, 2016.