Interação nas aplicações Web em dispositivos móveis: Questões de acesso e usabilidade

Tamanho: px

Começar a partir da página:

Download "Interação nas aplicações Web em dispositivos móveis: Questões de acesso e usabilidade"

Alice Delgado Palmeira
7 Há anos
Visualizações:

1 Interação nas aplicações Web em dispositivos móveis: Questões de acesso e usabilidade Humberto Lidio Antonelli * Orientadora: Profa. Dra. Renata Pontin de Mattos Fortes Instituto de Ciências Matemáticas e de Computação ICMC Universidade de São Paulo USP / São Carlos *Projeto financiado pela FAPESP processo nº 2013/

2 Agenda Introdução Acessibilidade e Usabilidade na Web Interação na Web Trabalhos relacionados Proposta de pesquisa 02/09/2014 2

3 Agenda Introdução Motivação Objetivos Acessibilidade e Usabilidade na Web Interação na Web Trabalhos relacionados Proposta de pesquisa 02/09/2014 3

4 Introdução Popularização dos dispositivos móveis Evolução dos dispositivos ao longo dos anos Interfaces Web em dispositivos móveis 02/09/2014 4

5 Motivação A Web está cada vez mais ubíqua A maioria das aplicações Web ainda visam a plataforma desktop Falta de acessibilidade e usabilidade Complexidade de redesign Grande esforço para manutenção e consistência de várias interfaces 02/09/2014 5

6 Objetivos Propor uma solução para apresentação de menus Web em dispositivos móveis Visando a acessibilidade e a usabilidade Possibilitar a customização da adaptação Investigar os princípios de usabilidade e acessibilidade na Web para dispositivos móveis com pessoas idosas 02/09/2014 6

7 Agenda Introdução Acessibilidade e Usabilidade na Web Acessibilidade na Web Usabilidade na Web A Web em dispositivos móveis Acessibilidade e usabilidade Web para dispositivos móveis Interação na Web Trabalhos relacionados Proposta de pesquisa 02/09/2014 7

8 Acessibilidade na Web Objetivo: permitir que todas as pessoas possam perceber, entender, navegar e interagir com a Web Regulamentação no âmbito público: Section 508 eeurope 2002 e-mag 02/09/2014 8

9 Fonte: W3C (2005). Acessibilidade na Web: Recomendações do W3C 02/09/2014 9

10 Usabilidade na Web Definição de Usabilidade: Facilidade com que as pessoas utilizam uma ferramenta ou objeto para realizar uma determinada tarefa, alcançando objetivos específicos com eficácia (complete a ação desejada), eficiência (complete a ação com o mínimo de recursos possível) e satisfação (aceitação e conforto ao utilizar o sistema) (ISO , 1998) 02/09/

11 Usabilidade na Web Princípios gerais de Nielsen (2000): A facilidade de aprendizagem A eficiência A facilidade de memorização A apresentação de poucos erros A satisfação dos usuários Em aplicações Web, a usabilidade possui um caráter mais crítico do que em aplicações convencionais! 02/09/

12 A Web em dispositivos móveis 30% da população no país utiliza a Internet pelo celular Limitações ao acessar a Web: Tamanho reduzido da tela Downloads demorados Consumo de bateria Conteúdo em Flash inacessível Modo de interação diferente do tradicional 02/09/

13 Acessibilidade e usabilidade Web para dispositivos móveis Mobile Web Best Practices (MWBP) A MWBP e a WCAG são documentos que se complementam Ainda existe uma lacuna de pesquisa para usabilidade Web em dispositivos móveis Nielsen Norman Group Lobo et al. (2011) 02/09/

14 Agenda Introdução Acessibilidade e Usabilidade na Web Interação na Web Web Elementos de interação Web Navegação Web Menus Trabalhos relacionados Proposta de pesquisa 02/09/

15 Web Idealizada por Tim Berners-Lee com a colaboração de Robert Cailliau em 1989 Principais características: Facilidade de uso Acesso em qualquer lugar Disponibilização de protocolos abertos Evolução Web 1.0 Web 2.0 Web 3.0 Web /09/

16 Elementos de interação Web Interface Web: Parte visível em que o usuário: Entra em contato Dispara ações Recebe resultados Interpreta-os Define as próximas ações Interação: Processo de manipulação, comunicação, conversa, troca, influência entre o usuário e o sistema 02/09/

17 Elementos de interação Web Definição: Coleções de objetos da interface atrelados com alguma funcionalidade, que permite os usuários interagirem com a aplicação Classificação: Nativos Utilização de scripts 02/09/

18 Navegação Web Conteúdo das páginas devem ter uma estrutura consistente Permite a busca e localização rápida da informação Esse processo compreende a navegação Objetivos: Levar as pessoas aonde elas precisam estar da maneira mais rápida Fazer com que se sintam confortáveis em explorar o site 02/09/

19 Menus Os menus e links são os elementos mais importantes na navegação Web (NIELSEN; PERNICE, 2010) O que são menus? Um conjunto de opões apresentadas na tela, em que a seleção e execução de uma (ou mais) das opções resulta em uma mudança de estado da interface 02/09/

20 Menus de sites para desktop 02/09/

21 Menus em dispositivos móveis Devem ser perceptíveis e intuitivos a fim de que os usuários percebam rapidamente sua localização e como utilizá-los Padrões de Menu para dispositivos móveis (RIBEIRO, 2011): Linearized Menu Jump Menu Toggle Menu Side Menu Select Menu 02/09/

22 Menus em dispositivos móveis Linearized Menu Jump Menu 02/09/

23 Menus em dispositivos móveis Toggle Menu Side Menu Select Menu 02/09/

24 Agenda Introdução Acessibilidade e Usabilidade na Web Interação na Web Trabalhos relacionados Adaptação de aplicações Web já existentes Adaptação de novas aplicações Web Proposta de pesquisa 02/09/

25 Trabalhos relacionados: Adaptação de aplicações Web já existentes Segmentação da página Gupta et al. (2007) Anam, Ho e Lim (2011) Ahmadi e Kong (2012) Engenharia reversa Bellucci et al. (2012) Customização dos elementos da interface Roto et al. (2006) Adaptação por meio de regras Nebeling, Speicher e Norrie (2013) 02/09/

26 Trabalhos relacionados: Adaptação de novas aplicações Web Responsive Web Design Marcotte (2011) Sampaio (2013) Mobile First Wroblewski (2011) 02/09/

27 Trabalhos relacionados Os trabalhos existentes levam em consideração o conteúdo principal da página para adaptação Não consideram a acessibilidade A usabilidade é considerada sem profundidade Não relatam a adaptação de elementos de interação Trabalhos fortemente relacionados Sampaio (2013) Bellucci et al. (2012) 02/09/

28 Agenda Introdução Acessibilidade e usabilidade na Web Interação na Web Trabalhos relacionados Proposta de pesquisa Abordagem proposta Metodologia Resultados esperados Cronograma de atividades 02/09/

29 Proposta de pesquisa Elaboração de um mecanismo que possibilite a adaptação dos menus de navegação Web de modo que sejam apresentados em dispositivos móveis de modo acessível e usável Público-alvo: idosos 02/09/

30 Abordagem proposta 02/09/

31 Metodologia Revisão sistemática Quais são os princípios de usabilidade e acessibilidade para aplicações Web em dispositivos móveis visando a interação por usuários idosos? Pesquisa-ação Desenvolvimento do mecanismo de adaptação Ciclo com 4 etapas 02/09/

32 Metodologia Estudo de caso Testar o mecanismo com usuários idosos Investigar o esforço despendido e tempo gasto Identificar problemas de acessibilidade e usabilidade Análise comparativa Uso do menu com e sem o mecanismo de adaptação 02/09/

33 Resultados esperados Criação de um mecanismo para adaptação de menus de navegação Web Transformação acessível e usável Possibilidade de personalização Mecanismo genérico Disponibilização da revisão sistemática 02/09/

34 Cronograma de atividades 02/09/

35 Obrigado! Humberto Lidio Antonelli 02/09/

Documentos relacionados

GUTS-RS & GUIX. Teste de Usabilidade e Acessibilidade para melhorar a experiência do usuário Juliana Damasio

GUTS-RS & GUIX. Teste de Usabilidade e Acessibilidade para melhorar a experiência do usuário Juliana Damasio GUTS-RS & GUIX Teste de Usabilidade e Acessibilidade para melhorar a experiência do usuário Juliana Damasio Quem sou eu? Formada em Sistemas de Informação. Mestranda no programa de pós-graduação em Ciência