Mobi App
UX/UI | 2020
UX Challenge.co
Projeto fantasma 👻
Desafio
Pesquisa
Desafio do site UXchallenge:
"Já tentou tirar uma soneca no trem e acabou acordando no fim da linha?
Como podemos ajudar os passageiros a acordar pouco antes do trem chegar na estação que eles precisam descer?"
Primeiramente, ao trazer o desafio para o contexto da cidade de São Paulo, foi realizada uma pesquisa para entender os comportamentos e hábitos dos paulistanos quando utilizam o transporte público.
Dados gerais
2h40
é tempo médio gasto pelos paulistanos se deslocando de transporte público, por dia.
12.238.000
de viagens a trabalho e educação foram realizadas utilizando transporte público em 2017
42%
das viagens citadas foram realizadas por ônibus
(cerca de 5.218.000)
*Fontes: IBOPE e Pesquisa Origem e Destino 2017
Pesquisa com usuários
.png)
O que os usuários costumam fazer em seus trajetos
36 respostas | formulário online
26 usuários
comentaram que já perderam o ponto ou a estação em que deveriam descer, mesmo sendo um trajeto conhecido.
Motivos mais citados:
5/26
concentrados demais na leitura
4/26
concentrados demais na música/podcast
4/26
Estavam dormindo
3/26
3/26
Estavam concentrados vendo videos/séries
Condução muito lotada
Entrevistas com usuários
4 pessoas entrevistadas
Entrevista 1
O tempo utilizado para o transporte é visto como um tempo perdido, inútil se não preenchido de alguma maneira.
Entrevista 2
Aproveitar o tempo de deslocamento de alguma maneira é o maior desejo da entrevistada, já que tem pouco tempo em casa para lazer e estudos.
Entrevista 3
Passa tanto tempo dentro do transporte que sente a necessidade de adiantar todas as tarefas que forem possíveis dentro do ônibus.
(dá o exemplo de ligar para a filha ir adiantando as compras e o jantar)
Entrevista 4
Se entreter com séries e músicas ajuda o tempo passar e alivia o stress do trânsito caótico da cidade.
Após a pesquisa o contexto inicial dado pelo desafio não parecia englobar o todo das dores dos usários, então a premissa do projeto mudou para:
"Como podemos ajudar os passageiros que queiram utilizar o tempo gasto no transporte público de maneira mais eficiente?'
Construindo empatia
A partir dos dados coletados na fase de pesquisa, foram aplicadas diferentes ferramentas para organizar e entender as dores dos usuários de maneira mais profunda.
Mapa de Empatia
.jpg)
Proto Persona
.png)
Storytelling
Criar uma narrativa permite examinar o contexto do usuário e pensar em soluções que melhor se encaixam nas suas dores e desejos.
Utilizando o Pixar Storytelling:
Era uma vez Marcela, uma funcionária de uma grande empresa da área farmacêutica, que ingressou em uma pós-graduação com o objetivo de se aprimorar profissionalmente.
Todos os dias ela utiliza o transporte público para se locomover entre sua casa, trabalho e faculdade. Conduções estas que tomam grande parte do seu tempo livre durante o dia.
Um certo dia resolveu utilizar este tempo para ler e estudar os textos das aulas e percebeu que poderia adiantar uma boa parte da matéria dessa maneira.
Por causa disso, em alguns dias em que estava completamente concentrada, acabou perdendo seu ponto, se atrasando em seus compromissos.
Por causa disso ela procurou uma maneira de não perder mais a hora de embarcar e desembarcar, tentando não comprometer seus compromissos. Descobriu um App que poderia ajudá-la, indicando e alertando sobre o tempo de seus embarques e desembarques.
Até que finalmente passou a utilizar o seu tempo dentro do transporte de maneira mais eficiente e sem precisar se preocupar com o tempo de desembarque, estudando sempre que possível e aproveitando ainda mais os conteúdos das aulas.
Estruturando
Com as dores em mãos, chegou-se a ideia de um aplicativo de mobilidade urbana em transporte público que ofereça ao usuário:
-
Poder pesquisar por rotas utilizando o transporte público e poder acompanhar seu deslocamento em tempo real com detalhes da rota.
-
Poder salvar suas rotas diárias e os horários de deslocamento e o aplicativo inicia automaticamente o monitoramento da rota através da geolocalização.
. -
Alertas de embarque/desembarque por vibração, notificação e sonoro.
Rabiscoframes
Wireframes
Styleguide
O nome e logo foram criados tendo como base o conceito e funcionalidades base do aplicativo, mobilidade.
Logo
Design System
CORES
TIPOGRAFIA
ÍCONES
COMPONENTES
%202.png)
Escolha um destino e veja as opções de transporte disponíveis
Interface e Protótipo
Para onde?
Acompanhe seu deslocamento em tempo real
Onde estou?
Seus locais e rotas favoritos para acesso rápido de navegação
Salve
Programe seus deslocamentos diários ou mais frequentes de acordo com sua rotina
Programe
Para as rotas programadas o aplicativo dá a opção de início e monitoramento automático
Início automático
Seja notificado de quando se preparar para desembarcar, por texto, vibração ou som
Não perca mais o ponto
Métricas e Próximos Passos
Para conseguir medir o sucesso das soluções propostas e os próximos passos será necessário mapear:
-
O número de downloads e cadastros no aplicativo.
-
O número de usuários ativos e sua frequência (diária, semanal. mensal).
-
Se os usuários não estão mais perdendo seus momentos de embarque e desembarque.
Como próximos passos :
-
Realizar mais testes com os usuários utilizando um MVP dentro da sua rotina diária.
-
Estudar a viabilidade de uma versão para smartwatch.
Lições aprendidas
Desenhar um produto do zero é um grande desafio, porém muito recompensador a medida que as ideias e funcionalidades vão sendo validadas a partir de feedbacks e o produto vai tomando uma forma mais palpável.
Foi a primeira vez em que utilizei um design system a partir dos conceitos do atomic design. Organização e a catalogação correta foram os maiores desafios encontrados, mas que valem o esforço para otimizar o projeto como um todo.
Obrigado pela visita.
O que achou? Ficarei feliz em receber feedbacks e conversar sobre o projeto.
Fique à vontade para entrar em contato.