Recomendações para adoção de padrões de usabilidade e responsividade no desenvolvimento de aplicações web / Recommendations for adopting usability and responsiveness standards in

Authors

  • Enio de Jesus Pontes Monteiro Brazilian Journals Publicações de Periódicos, São José dos Pinhais, Paraná
  • Carlos dos Santos Portela
  • Fabricio de Souza Farias
  • Allan Barbosa Costa
  • Diovanni Moraes de Araújo

DOI:

https://doi.org/10.34117/bjdv6n5-075

Keywords:

Aplicações Web, Usabilidade, Responsividade.

Abstract

RESUMO

Atualmente, os dispositivos móveis constituem o principal meio para acessar conteúdo web, pois através de seus smartphones e tablets as pessoas estão conectadas quase que 24 horas. No entanto, nem todo site está preparado para a diversidade de dispositivos, tornando a experiência do usuário negativa. Mediante o contexto exposto, esse artigo apresenta um estudo de caso do uso de um guia prático que permite implementar, através do framework Bootstrap, as principais características de usabilidade e responsividade. As recomendações deste guia foram aplicadas no desenvolvimento do site de uma Incubadora de Empresas. Espera-se, a partir do seguimento dessas recomendações, que desenvolvedores possam criar aplicações compatíveis com os diversos dispositivos e navegadores disponíveis.

References

ALURA. O que são imagens vetoriais e por que utilizá-las? 2018. Disponível em: <http://blog.alura.com.br/o-que-sao-imagens-vetoriais-e-por-que-utiliza-las>. Acesso em 04 de Abril de 2020.

BERNERS-LEE, Tim; HENDLER, James; LASSILA, Ora. The semantic web. Scientific american, v. 284, n. 5, p. 34-43, 2001.

BOOTSTRAP. Bootstrap. Disponível em: <http://getbootstrap.com/>. Acesso em 04 de Abril de 2020.

EIS, Diego. Manipulando a Metatag Viewport. 2011. Disponível em: <https://tableless.com.br/manipulando-metatag-viewport>. Acesso em 04 de Abril de 2020.

FARROCO, Leonardo de Oliveira; STEFANO, Ercilia de; EBECKEN, Nelson Francisco Fávilla; PAULO, Fernanda Santana de; NOSOLINE, Sumaya Mário. O paradigma funcional no desenvolvimento Front-End: oportunidades e desafios. Brazilian Journal of Development, v. 6, n. 2,p.6464-6475, fev. 2020.

FROONT. 9 Basic Principles of Responsive Web Design. 2014. Disponível em: <http://blog.froont.com/9-basic-principles-of-responsive-web-design>. Acesso em 09 de Março de 2020.

INCUBADORA. Incubadora de Sistemas de Informação. 2020. Disponível em <http://lafoca.com.br/incubadora/>. Acesso em 11 de Abril de 2020.

ISO/IEC 9126: Engenharia de software - Qualidade de produto. 2003. Disponível em: <https://www.iso.org/standard/22891.html>. Acesso em 23 de Março de 2020.

SILVA, Arthur de Almeida Pereira da. Design Responsivo: Técnicas, Frameworks e Ferramentas. Universidade Federal do Estado do Rio de Janeiro, Rio de Janeiro, 2014.

SILVA, Maurício Samy. Web Design Responsivo. São Paulo: Novatec, 2014.

VALENTIM, Natasha; OLIVEIRA, Káthia; CONTE, Tayana. Definindo uma Abordagem para Inspeção de Usabilidade em Modelos de Projeto por meio de Experimentação. Anais do Simpósio Brasileiro de Fatores Humanos em Sistemas Computacionais (IHC), Cuiabá, pp. 165-174, 2012.

W3SCHOOLS. Responsive Web Design - The Viewport. Disponível em: <https://www.w3schools.com/Css/css_rwd_viewport.asp>. Acesso em 09 de Março de 2020.

Published

2020-05-06

How to Cite

Monteiro, E. de J. P., Portela, C. dos S., Farias, F. de S., Costa, A. B., & de Araújo, D. M. (2020). Recomendações para adoção de padrões de usabilidade e responsividade no desenvolvimento de aplicações web / Recommendations for adopting usability and responsiveness standards in. Brazilian Journal of Development, 6(5), 24790–24819. https://doi.org/10.34117/bjdv6n5-075

Issue

Section

Original Papers