Mobi

Objetivo:

Criação de um aplicativo mobile que transmita dados para um dispositivo físico composto por um Arduino.

Duração:

2 meses

Projeto:

Módulo de Mobile & Physical Computing do Curso de Design de Interação da PUC-SP.

O Mobi nasceu da vontade de unir acessibilidade e tecnologia. Nosso projeto é composto por um aplicativo móvel e pela reorganização de ônibus inteligentes e acessíveis para Smart Cities.

O objetivo do Mobi é melhorar o bem-estar no transporte público e valorizar a coletividade na mobilidade urbana.

Principal: Motoristas de ônibus e Gestores de transporte (Aplicativo).

Secundário: Passageiros em geral de ônibus, considerando pessoas com deficiências e mobilidade reduzida (Ônibus).

PROBLEMATIZAÇÃO

PÚBLICO-ALVO

PESQUISA FUNDAMENTAL

Realizamos uma pesquisa fundamental, tanto quantitativa quanto qualitativa, com o nosso público-alvo, para entender as necessidades e desafios dos usuários e como iríamos aplicar isso no nosso produto.

Queríamos trabalhar com acessibilidade e preencher as lacunas de falta de acessibilidade dentro do ônibus. Por isso, foi necessário entrevistar esse público para compreender sua rotina, suas experiências e adversidades.

USER STORIES | JORNADA DO USUÁRIO

A criação de 'user stories' para as personas do nosso aplicativo foi muito importante para entendermos as tarefas principais dos nossos usuários e, assim, mapear a jornada do usuário, facilitando a navegação pelo aplicativo e evitando frustrações ao realizar uma tarefa.

IDENTIDADE VISUAL

Para a identidade visual, queríamos um design simples e objetivo. Durante o brainstorm, surgiram palavras como 'acessibilidade', 'mobilidade', 'urbanismo', entre outras. Com isso, decidimos seguir com 'Mobi', que faria referência à mobilidade urbana, o alicerce do nosso projeto.

Utilizamos o pingo do 'I' em outro tom para trazer contraste e movimento. A fonte utilizada no logo foi a 'Futura Bold', com o texto em caixa baixa, trazendo conforto visual e praticidade.

DASHBOARDS

Neste projeto, trabalhamos com dashboards para representar os dados que seriam recebidos do dispositivo físico para a tela.

Durante a problematização do projeto, percebemos que nosso aplicativo teria um grande valor para as empresas de transporte público utilizarem em seus serviços. Por isso, o Mobi possui uma área destinada a gestores de transporte para supervisionarem os dados captados, em tempo real, dos ônibus.

Optamos por colocar os dados principais na tela inicial, em destaque, para que o gestor não precisasse navegar por muitas telas. Ao clicar em um dos gráficos, ele seria ampliado e permitiria a comparação entre gráficos, junção de informações e filtragem de tempo.

DESIGN AUTOMOBILÍSTICO

Para a reorganização do ônibus, buscamos conhecimento na área de design automobilístico, procurando insights sobre a acessibilidade necessária dentro dos ônibus, o futuro do transporte público, design de transporte futurista e distribuição de espaço. No final, projetamos:

01 | INTERIOR DO ÔNIBUS

No interior do ônibus, haveria 60 assentos, sendo: 12 assentos preferenciais, 2 assentos para pessoas com cão-guia, espaço para o embarque de 2 carrinhos de bebê e espaço para 2 cadeiras de rodas. Todos os espaços preferenciais estão localizados perto das portas de embarque e desembarque.

02 | CATRACA AUTOMÁTICA

Optamos por adicionar uma catraca automática em nosso ônibus, com largura suficiente para que pessoas com cadeira de rodas, carrinhos de bebê e pessoas obesas possam ter acesso. Além disso, foi adicionado um validador de cartão em uma altura baixa, para que pessoas com nanismo e cadeirantes não tenham dificuldades.

03 | PAINEL DE LOCALIZAÇÃO

Adicionamos também um painel de localização com recursos visuais e sonoros, para atender pessoas com deficiências visuais e auditivas.

03 | EXTERIOR DO ÔNIBUS

Nosso ônibus é um modelo articulado, com 3 portas para embarque e desembarque. Em todas as portas, há rampas de acesso para pessoas com deficiência e mobilidade reduzida.

TESTE DE USABILIDADE

O teste de usabilidade foi realizado com usuários em potencial para compreender se estávamos no caminho certo em relação ao layout do aplicativo, disposição de elementos e funções. Essa etapa foi fundamental para entendermos como os motoristas utilizariam, na prática, o nosso aplicativo. Alguns insights que tivemos foram:

MOTORISTAS

Com os motoristas, queríamos entender a praticidade das funções, já que eles as realizariam em apenas 1 ou 2 cliques.

No geral, tivemos boas respostas, já que a maioria finalizou as tarefas em menos de 1 minuto, e apenas o cadastro seria um processo mais longo, mas realizado apenas uma vez.

GESTORES DE TRANSPOSTE

Com os gestores, queríamos entender a praticidade visual do aplicativo, já que a maioria das funções seria proposta de maneira visual e intuitiva.

No geral, também tivemos boas respostas; a maioria dos usuários realizou as tarefas em poucos cliques, sendo que apenas o ícone da catraca causou dificuldade para localizar, o que pode levar a uma provável mudança.

IMPLEMENTAÇÃO HTML/CSS/JS

Neste projeto, tivemos que aplicar a interface criada no Figma na prática, para que interagisse com o Arduino. Utilizamos HTML/CSS e JavaScript para a aplicação visual e o aplicativo 'Serial Bluetooth Terminal', juntamente com o código C+, para a interação Bluetooth entre o aplicativo e o dispositivo físico.

Repositório em:

GitHub - Mobi

CONSIDERAÇÕES FINAIS

Trabalhar no Mobi foi um grande desafio para o meu grupo, pois, neste projeto, saímos totalmente da nossa zona de conforto para trabalhar com acessibilidade. No final, percebemos como a acessibilidade muitas vezes é deixada em segundo plano e o quão importante ela é para criarmos projetos equitativos, que atendam às necessidades de todos os públicos usuários.

Behance - Mobi

Apresentação do projeto final em: