Menus de navegação em aplicações Web para dispositivos móveis: questões de acesso e usabilidade

Detalhes bibliográficos
Autor(a) principal: Antonelli, Humberto Lidio
Data de Publicação: 2015
Tipo de documento: Dissertação
Idioma: por
Título da fonte: Biblioteca Digital de Teses e Dissertações da USP
Texto Completo: http://www.teses.usp.br/teses/disponiveis/55/55134/tde-05102016-155830/
Resumo: A diversificação nas formas de acesso à Web, alavancada pelo crescente uso de dispositivos ubíquos, principalmente smartphones e tablets, tem motivado o desenvolvimento de métodos para adaptação do conteúdo disponível na Web, dado que grande parte do conteúdo não foi projetado para ser acessado nesse novo contexto. O conteúdo Web é composto por diversos elementos que, em geral, fornecem interatividade aos usuários. Alguns destes elementos, tais como menus, são responsáveis por auxiliar a navegação no site, ajudando na localização e acesso das informações que por ventura o usuário esteja procurando. No entanto, muitos dos menus disponíveis na Web não foram desenvolvidos de uma forma acessível e nem suportam a interação em dispositivos, criando dificuldades que impedem os usuários interagirem satisfatoriamente com esses elementos. Além da diversificação de modos de acesso, existe também a diversificação do perfil de usuários que fazem uso dos recursos da Web. Alguns desses usuários encontram barreiras que tendem a dificultar ou limitar seu acesso às aplicações e conteúdos Web em geral. Nesse sentindo, este trabalho teve como objetivo principal abordar o problema de adaptação de conteúdo Web para dispositivos móveis, com foco nos menus, fornecendo uma solução personalizada de acordo com as preferências do usuário, a fim de que as barreiras de interação fossem reduzidas ou eliminadas. Inicialmente estudou-se os diferentes padrões de menus, bem como as diretrizes de acessibilidade e usabilidade para criação de menus acessíveis. A partir desses estudos, foi desenvolvido uma metamodelo que deu origem a linguagem AMenu, contendo todos os detalhes técnicos sobre a acessibilidade e usabilidade. Em seguida, foi desenvolvida a ferramenta AMeG, para validar a linguagem AMenu. Com base na avaliação da linguagem, foi desenvolvido o mecanismo de adaptação, que faz uso da linguagem AMenu para geração dos menus acessíveis e adaptados para dispositivos móveis. Finalmente, um estudo de caso com usuários idosos foi conduzido, a fim de comparar os menus gerados pelo mecanismo em relação aos menus originais. Os resultados obtidos apontam um melhor desempenho na interação com os menus gerados pelo mecanismo, uma vez que os participantes obtiveram uma redução de 54% no tempo de realização das tarefas e cometeram 82% menos erros. Por outro lado, os resultados apontam que todos os participantes responderam melhor à abordagem de adaptação desenvolvida neste estudo, uma vez que eles conseguiram concluir com sucesso todas as tarefas definidas para o estudo.
id USP_b76676a28ffb9bc755b4e5f501396a46
oai_identifier_str oai:teses.usp.br:tde-05102016-155830
network_acronym_str USP
network_name_str Biblioteca Digital de Teses e Dissertações da USP
repository_id_str 2721
spelling Menus de navegação em aplicações Web para dispositivos móveis: questões de acesso e usabilidadeNavigation menus in Web applications for mobile devices: issues of access and usabilityAcessibilidadeDispositivos móveisElementos de interaçãoInteraction elementsMenuMenuMobile devicesUsabilidadeUsabilityWeb accessibilityA diversificação nas formas de acesso à Web, alavancada pelo crescente uso de dispositivos ubíquos, principalmente smartphones e tablets, tem motivado o desenvolvimento de métodos para adaptação do conteúdo disponível na Web, dado que grande parte do conteúdo não foi projetado para ser acessado nesse novo contexto. O conteúdo Web é composto por diversos elementos que, em geral, fornecem interatividade aos usuários. Alguns destes elementos, tais como menus, são responsáveis por auxiliar a navegação no site, ajudando na localização e acesso das informações que por ventura o usuário esteja procurando. No entanto, muitos dos menus disponíveis na Web não foram desenvolvidos de uma forma acessível e nem suportam a interação em dispositivos, criando dificuldades que impedem os usuários interagirem satisfatoriamente com esses elementos. Além da diversificação de modos de acesso, existe também a diversificação do perfil de usuários que fazem uso dos recursos da Web. Alguns desses usuários encontram barreiras que tendem a dificultar ou limitar seu acesso às aplicações e conteúdos Web em geral. Nesse sentindo, este trabalho teve como objetivo principal abordar o problema de adaptação de conteúdo Web para dispositivos móveis, com foco nos menus, fornecendo uma solução personalizada de acordo com as preferências do usuário, a fim de que as barreiras de interação fossem reduzidas ou eliminadas. Inicialmente estudou-se os diferentes padrões de menus, bem como as diretrizes de acessibilidade e usabilidade para criação de menus acessíveis. A partir desses estudos, foi desenvolvido uma metamodelo que deu origem a linguagem AMenu, contendo todos os detalhes técnicos sobre a acessibilidade e usabilidade. Em seguida, foi desenvolvida a ferramenta AMeG, para validar a linguagem AMenu. Com base na avaliação da linguagem, foi desenvolvido o mecanismo de adaptação, que faz uso da linguagem AMenu para geração dos menus acessíveis e adaptados para dispositivos móveis. Finalmente, um estudo de caso com usuários idosos foi conduzido, a fim de comparar os menus gerados pelo mecanismo em relação aos menus originais. Os resultados obtidos apontam um melhor desempenho na interação com os menus gerados pelo mecanismo, uma vez que os participantes obtiveram uma redução de 54% no tempo de realização das tarefas e cometeram 82% menos erros. Por outro lado, os resultados apontam que todos os participantes responderam melhor à abordagem de adaptação desenvolvida neste estudo, uma vez que eles conseguiram concluir com sucesso todas as tarefas definidas para o estudo.The diversity of means to use the Internet, ensured by the growing upcoming of ubiquitous devices such as tablets and smartphones, has promoted research on adaptation of the content that used to be mostly targeted only to desktop platform into this new context now known as the mobile devices. Some of the elements such as the menus are designed to facilitate the usage of the website once they help at finding and using the information that the user looks for. However, most of the menus available on websites do not apply the mobile devices, nor provide users with interaction, which nearly disables the interaction with the mentioned devices. There yet must be added the profile diversity of the web content users. Some of these users, such as elderly people, find limitations that tend to hamper their access to web content on the mobile devices, once aging commonly represents both physical (visual, hearing and motor abilities) and cognitive (attention, memory and reasoning issues) impairment that directly interferes on the usage of the computing devices that do not portray adjustments to such audience profile. This paper aims at investigating the issues related to the adaptation of web contents into the mobile devices. We focused on the menus in order to reduce or eliminate the limitations elderly people could find while using the mobile devices. We initially analyzed different patterns and structure of menus, as well as the guidelines upon accessibility and usability involved in the menus designing process. Based on this analysis, we developed a metamodel that originated the AMenu language, in which all technical data upon accessibility and usability involved in the menus designing process was included. Then, we developed the AMeG tool in order to assess the language created under the development perspective. Based on this assessment, we developed of an adaption mechanism that uses the AMenu language to generate menus adapted to the mobile devices. We then run a study case with elderly people in order to assess the menus generated by the mechanism, based on the comparison with the original ones. The results demonstrated that the participants had a better performance in the interaction while using the menus generated by the mechanism rather than the original ones, since they spent 54% less time performing tasks and made 82% less mistakes compared to the original menus. We also verified a quitting average of 33% among the participants while performing the assigned tasks using the original menus. On the other hand, the results point out that all participants responded better to the approach developed in this study as they all managed to successfully finish all the assigned tasks.Biblioteca Digitais de Teses e Dissertações da USPFortes, Renata Pontin de MattosAntonelli, Humberto Lidio2015-12-21info:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/masterThesisapplication/pdfhttp://www.teses.usp.br/teses/disponiveis/55/55134/tde-05102016-155830/reponame:Biblioteca Digital de Teses e Dissertações da USPinstname:Universidade de São Paulo (USP)instacron:USPLiberar o conteúdo para acesso público.info:eu-repo/semantics/openAccesspor2017-09-04T21:05:30Zoai:teses.usp.br:tde-05102016-155830Biblioteca Digital de Teses e Dissertaçõeshttp://www.teses.usp.br/PUBhttp://www.teses.usp.br/cgi-bin/mtd2br.plvirginia@if.usp.br|| atendimento@aguia.usp.br||virginia@if.usp.bropendoar:27212017-09-04T21:05:30Biblioteca Digital de Teses e Dissertações da USP - Universidade de São Paulo (USP)false
dc.title.none.fl_str_mv Menus de navegação em aplicações Web para dispositivos móveis: questões de acesso e usabilidade
Navigation menus in Web applications for mobile devices: issues of access and usability
title Menus de navegação em aplicações Web para dispositivos móveis: questões de acesso e usabilidade
spellingShingle Menus de navegação em aplicações Web para dispositivos móveis: questões de acesso e usabilidade
Antonelli, Humberto Lidio
Acessibilidade
Dispositivos móveis
Elementos de interação
Interaction elements
Menu
Menu
Mobile devices
Usabilidade
Usability
Web accessibility
title_short Menus de navegação em aplicações Web para dispositivos móveis: questões de acesso e usabilidade
title_full Menus de navegação em aplicações Web para dispositivos móveis: questões de acesso e usabilidade
title_fullStr Menus de navegação em aplicações Web para dispositivos móveis: questões de acesso e usabilidade
title_full_unstemmed Menus de navegação em aplicações Web para dispositivos móveis: questões de acesso e usabilidade
title_sort Menus de navegação em aplicações Web para dispositivos móveis: questões de acesso e usabilidade
author Antonelli, Humberto Lidio
author_facet Antonelli, Humberto Lidio
author_role author
dc.contributor.none.fl_str_mv Fortes, Renata Pontin de Mattos
dc.contributor.author.fl_str_mv Antonelli, Humberto Lidio
dc.subject.por.fl_str_mv Acessibilidade
Dispositivos móveis
Elementos de interação
Interaction elements
Menu
Menu
Mobile devices
Usabilidade
Usability
Web accessibility
topic Acessibilidade
Dispositivos móveis
Elementos de interação
Interaction elements
Menu
Menu
Mobile devices
Usabilidade
Usability
Web accessibility
description A diversificação nas formas de acesso à Web, alavancada pelo crescente uso de dispositivos ubíquos, principalmente smartphones e tablets, tem motivado o desenvolvimento de métodos para adaptação do conteúdo disponível na Web, dado que grande parte do conteúdo não foi projetado para ser acessado nesse novo contexto. O conteúdo Web é composto por diversos elementos que, em geral, fornecem interatividade aos usuários. Alguns destes elementos, tais como menus, são responsáveis por auxiliar a navegação no site, ajudando na localização e acesso das informações que por ventura o usuário esteja procurando. No entanto, muitos dos menus disponíveis na Web não foram desenvolvidos de uma forma acessível e nem suportam a interação em dispositivos, criando dificuldades que impedem os usuários interagirem satisfatoriamente com esses elementos. Além da diversificação de modos de acesso, existe também a diversificação do perfil de usuários que fazem uso dos recursos da Web. Alguns desses usuários encontram barreiras que tendem a dificultar ou limitar seu acesso às aplicações e conteúdos Web em geral. Nesse sentindo, este trabalho teve como objetivo principal abordar o problema de adaptação de conteúdo Web para dispositivos móveis, com foco nos menus, fornecendo uma solução personalizada de acordo com as preferências do usuário, a fim de que as barreiras de interação fossem reduzidas ou eliminadas. Inicialmente estudou-se os diferentes padrões de menus, bem como as diretrizes de acessibilidade e usabilidade para criação de menus acessíveis. A partir desses estudos, foi desenvolvido uma metamodelo que deu origem a linguagem AMenu, contendo todos os detalhes técnicos sobre a acessibilidade e usabilidade. Em seguida, foi desenvolvida a ferramenta AMeG, para validar a linguagem AMenu. Com base na avaliação da linguagem, foi desenvolvido o mecanismo de adaptação, que faz uso da linguagem AMenu para geração dos menus acessíveis e adaptados para dispositivos móveis. Finalmente, um estudo de caso com usuários idosos foi conduzido, a fim de comparar os menus gerados pelo mecanismo em relação aos menus originais. Os resultados obtidos apontam um melhor desempenho na interação com os menus gerados pelo mecanismo, uma vez que os participantes obtiveram uma redução de 54% no tempo de realização das tarefas e cometeram 82% menos erros. Por outro lado, os resultados apontam que todos os participantes responderam melhor à abordagem de adaptação desenvolvida neste estudo, uma vez que eles conseguiram concluir com sucesso todas as tarefas definidas para o estudo.
publishDate 2015
dc.date.none.fl_str_mv 2015-12-21
dc.type.status.fl_str_mv info:eu-repo/semantics/publishedVersion
dc.type.driver.fl_str_mv info:eu-repo/semantics/masterThesis
format masterThesis
status_str publishedVersion
dc.identifier.uri.fl_str_mv http://www.teses.usp.br/teses/disponiveis/55/55134/tde-05102016-155830/
url http://www.teses.usp.br/teses/disponiveis/55/55134/tde-05102016-155830/
dc.language.iso.fl_str_mv por
language por
dc.relation.none.fl_str_mv
dc.rights.driver.fl_str_mv Liberar o conteúdo para acesso público.
info:eu-repo/semantics/openAccess
rights_invalid_str_mv Liberar o conteúdo para acesso público.
eu_rights_str_mv openAccess
dc.format.none.fl_str_mv application/pdf
dc.coverage.none.fl_str_mv
dc.publisher.none.fl_str_mv Biblioteca Digitais de Teses e Dissertações da USP
publisher.none.fl_str_mv Biblioteca Digitais de Teses e Dissertações da USP
dc.source.none.fl_str_mv
reponame:Biblioteca Digital de Teses e Dissertações da USP
instname:Universidade de São Paulo (USP)
instacron:USP
instname_str Universidade de São Paulo (USP)
instacron_str USP
institution USP
reponame_str Biblioteca Digital de Teses e Dissertações da USP
collection Biblioteca Digital de Teses e Dissertações da USP
repository.name.fl_str_mv Biblioteca Digital de Teses e Dissertações da USP - Universidade de São Paulo (USP)
repository.mail.fl_str_mv virginia@if.usp.br|| atendimento@aguia.usp.br||virginia@if.usp.br
_version_ 1809090421496741888