Projeto de conclusão de curso

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