CRIAÇÃO DE INTERFACES DE UM APLICATIVO DE NAVEGAÇÃO NA UFSC PARA PESSOAS COM BAIXA VISÃO
APRESENTAÇÃO PCC2 Géssica Gabriella Tavares Garvizú
ORIENTADORA Mary Vonni Meürer BANCA Berenice Santos Gonçalves Edmilson Rampazzo Klen
objetivos oBJETIVOS GERAIS Desenvolver a interface de um aplicativo de navegação na UFSC adequado para pessoas de baixa visão no contexto de smartphone.
oBJETIVOS ESPECÍFICOS • Identificar necessidades da comunidade acadêmica de baixa visão relacionadas ao acesso ao locais e navegação dentro da UFSC. • Oferecer uma solução que proporcione boa legibilidade, usabilidade aos usuários. • Adotar um método centrado no usuário. • Avaliar a interface com a amostra de usuários.
metodologia A metodologia usada de James Garret (2011)
Plano de estratégia
superfície
Levantamento de dados Entrevistas Personas Jornada do Usuário
esqueleto
Plano de escopo
estrutura
Análise de Similares Requisitos do projeto
Plano de Estrutura
Arquitetura da informação Wireframes
Plano de Superfície
Desenvolvimento visual das telas do aplicativo
escopo estratégia
plano de estratĂŠgia LEVANTAMENTO DE DADOS ferramentas de acessibilidade W3C Voice Over
Acessibilidade na ufsc
Coordenadoria de Acessibilidade Educacional Acessibilidade Informacional – Biblioteca Central
entrevistas
plano de estratégia PERSONAS
“EU TENHO UM DIA MUITO CORRIDO POR CAUSA DAS AULAS QUE TENHO O DIA INTEIRO”
“Estou ansioso para começar as aulas e participar o máximo que posso da Universidade”
plano de eSCOPO ANÁLISE DE SIMILARES
plano de eSCOPO requisitos do projeto
Usuários do Aplicativo Usuários com baixa visão que são estudantes, servidores da UFSC ou usuários que querem utilizar os locais da UFSC sem ter conhecimento prévio do local. Experiência do usuário: certa familiaridade com navegação em dispositivos móveis utilizando o VoiceOver, experiência no uso de aplicativo para smartphones voltado à acessibilidade. Atender as expectativas do usuário e fazê-lo facilmente familiar com a ferramenta.
Requerimentos de Conteúdo Estilo visual gráfico simples e acessível para facilitar os usuários de baixa visão, com uso de cores, tipografia e imagens e formas que facilitam ter acesso ás informações do aplicativo. Simplificar as ações de interação entre o usuário-app de forma simples e rápida. Ícones sobre botões podem ser usados para melhor visibilidade das informações textuais para usuários de baixa visão. Propiciar usabilidade e comunicação eficaz que não dificulte o uso de usuários para baixa visão.
Funcionalidades do Aplicativo Possibilitar customização de cores para auxiliar na acessibilidade, locais favoritos e da grade horária. Disponibilizar campo de entrada de dados (para busca, log in, grade de horário), Interação com a ferramenta de acessibilidade do sistema iOS VoiceOver
Requerimentos de Conteúdo Botões e menus de navegação pelas telas do aplicativo.
Possibilidade de favoritar locais e trajetos no aplicativo. Salvar as informações favoritas
Página/tela com ícones de favoritos
Incorporar banco de dados detalhados dos locais da Navegação áudio descritiva do trajeto para os locais Navegação rápida e acessível do o conteúdo e funcionalidades do aplicativo Incorporar mapas do Google Maps na Interface.
Apresentar resultado da busca fornecendo os locais da UFSC Implementar áudio com explicações detalhadas dos trajetos. Implementar páginas/telas em conformidade com os padrões web para mobile W3C. Ligação com GPS, possibilitando mostrar localização acurada do usuário, trajeto e distância de locais desejados Disponibilizar página com atualização de notícias, eventos da UFSC, página com acesso de comunicação entre os usuários e ícones que possibilita salvar e campos de texto para comentários. Disponibilizar página com campos de textos para comentários de feedback e campos de textos para comentários de locais na UFSC.
Interação entre usuários e departamento de acessibilidade
Possibilitar o feedback do usuário sobre o app e locais da UFSC.
Disponibilizar informação através de comunicação visual, de forma clara, simples, com legibilidade e fácil decodificação do significado da mensagem visando a maneira mais acessível para o usuário.
plano de estrutura arquitetura da informação Abertura
Log in
Rotas
Localizar rota
Mapa
Favoritos
Localizar rota
Lista Favoritos
Criar favoritos
Criar favoritos
Procurar destino
Selecionar local no mapa
Rota para o local
Selecionar cores
Favoritar rota
Salvar favorito
Configurações
Inverter Cores VoiceOver
plano de estrutura wireframes
teste de usabilidade
plano de superfĂcie aplicativo
aqui no Campus
cores
#ffd916 R:246 G:205 B:15
#000000 R:0 G:0 B:0
#ffffff R:255 G:255 b:255
tipografia bebas neue
roboto ABCDEFGHIJKLM NOPQRSTUVXUZ abcdefghijklmnop qrstuvxyz 0123456789 !@#$%^&*()
Ăcones
telas
aqui no Campus LOG IN CONVIDADO
aqui no Campus
PROTÓTIPO