Estudo de Caso de UX: Melhorando a mobilidade urbana com o uso de bicicletas

Você comprou aquela bicicleta nova. Feliz da vida, acaba prometendo a si mesmo que a utilizaria tanto para passeio, quanto para ir ao trabalho. Chega o grande dia de estreia, porém, por qual caminho você vai? O da extensa avenida que, além de estar engarrafada, é uma grande subida? O caminho que o seu vizinho recomendou? Enfim, são tantas opções que você acaba desistindo e pega o carro para ir ao trabalho.

O Desafio

Muitas vezes as pessoas desejam utilizar suas bicicletas como principal meio de locomoção, porém não sabem como escolher o melhor trajeto para percorrer utilizando este veículo. As dúvidas estão tanto no conhecimento de rotas, quanto nas características do trajeto (íngrime, com muitos obstáculos ou paradas?) ou existência e condições adequadas de ciclofaixas. Como posso minimizar esse problema? Que novas opções posso apresentar para essas pessoas? Responderei a essas questões neste artigo.

Pesquisa e Fundamentação

Inicialmente, criei suposições baseadas em opiniões pessoais, já que também me encaixo nesse público: usuários de bicicletas buscando melhor mobilidade na cidade. Em seguida, realizei um questionário on-line com o público com a finalidade de comprovar e/ou refutar hipóteses para, assim, realizar os ajustes necessários e elaborar uma proposta que atenda às necessidades desse público.

Resultados da pesquisa

Criei um formulário no Google Forms e compartilhei em redes sociais juntamente com pessoas que se encaixam no público-alvo. Dessa maneira, consegui direcionar minha atenção ao problema a ser resolvido, confirmando algumas suposições e invalidando outras. A partir dessas referências e informações comecei a desenvolver possíveis soluções.

Suposições confirmadas:

• Pessoas possuem vontade de utilizar suas bicicletas como meio de transporte
• Elas tendem a procurar por aplicativos no smartphone para descobrir novos lugares para pedalar
• Fazem uso extensivo de ciclofaixas/ciclovias
• Utilizam bicicleta como meio de transporte quando estão com pressa

Suposições invalidadas:

• Uso de bicicleta ser comum para ir ao trabalho

Refinamento do Problema

Com o resultado da pesquisa realizada, compreendi que muitas pessoas que possuem bicicletas, utilizam-na para passeio e para transporte, porém utilizam pouco para ir trabalhar. A partir dessa observação, direcionei o planejamento de minha proposta para o objetivo de auxiliar quem gostaria de utilizar a bicicleta como meio de transporte para chegar ao trabalho.

Persona

São pessoas fictícias, elaboradas para representar de forma clara as principais características de um determinado tipo de usuário.

A persona, no caso o Rodrigo, foi criada para melhor representar o público-alvo a ser atingido e que guiará algumas escolhas elaborei.

Pixar Storytelling

Utilizei esta ferramenta com o intuito de detalhar alguns aspectos da rotina do Rodrigo e como poderia solucionar o seu problema.

Era uma vez Rodrigo, que morava em um apartamento alugado próximo ao seu trabalho em São Paulo. O rapaz, por se preocupar em ter um estilo de vida mais saudável, decidiu comprar uma bicicleta para se exercitar e ir para o trabalho pedalando. Todos os dias, na pressa de chegar cedo ao trabalho, ele acabava utilizando transporte público ou um táxi, sempre deixando a bicicleta de lado por não conhecer um caminho rápido ou que não cansasse muito para chegar ao seu destino. Um certo dia, ele decidiu pesquisar rotas bike-friendly para se exercitar e usar de fato a bicicleta que comprou. Por causa disso, Rodrigo começou a utilizar sua bicicleta todos os dias para ir trabalhar e nos finais de semana para lazer e ainda acabou economizando o dinheiro do transporte para o trabalho. Por causa disso, Rodrigo ainda notou que chegava mais cedo ao trabalho, tinha mais energia durante o dia e conheceu estabelecimentos perto da sua casa que ele nem imaginava que existiam. Até que finalmente ele atingiu seu objetivo: utilizar a bicicleta que estava parada, chegar ao trabalho no horário e ainda economizar um dinheiro no final do mês.

A Jornada

O mapa de Jornada do Usuário tem como objetivo acompanhar todos o passos que o usuário realiza utilizando ou não o app. Com isso, podemos fazer uma suposição sobre como ele se sente e pensa ao tomar cada decisão.

Proposta de Solução

A solução proposta é de um aplicativo para smartphones que tem como objetivo facilitar o acesso à informações de um trajeto escolhido para ser percorrido de bicicleta.

Sketches

A primeira versão que coloquei no papel (literalmente) para me ajudar a imaginar de como o app poderia ser.

Wireframes

Também conhecido como esqueleto do aplicativo, esse processo me permitiu focar em desenvolver as funcionalidades do app e como as informações são mostradas, permitindo-me realizar testes de forma rápida sem me preocupar com alterações no aspecto visual do aplicativo.

Visão Geral

Login

Na tela de login, pensei em algo simples e direto para o usuário, com primeira opção de login sendo feito por meio de redes sociais — este é um modo bastante comum e rápido, facilitando o acesso do usuário.

Caso o usuário não queira fazer login por meio de uma rede social de sua escolha, ele pode criar uma conta no próprio app: basta utilizar e-mail, criar uma senha e, após concordar com os termos de uso do app, clicar no botão cadastrar.

Se o usuário já possui uma conta, é só clicar no pequeno texto na parte de baixo da tela.

Tela Inicial

Como o app foi pensado em uso contínuo, separei a tela inicial em três áreas.

• A superior para procurar de forma rápida uma rota para um lugar que deseje ir;
• Um mapa local, caso o usuário planeje não ir muito longe e já escolhe onde ele deseja ir;
• Um overlay com rotas recentes (caso utilize uma rota diariamente, o usuário poderá selecioná-la com apenas um toque) e recomendadas (caso queira encontrar novos trajetos e lugares).

Mais Trajetos

Nesta tela, caso o usuário seja mais do tipo explorador, ele consegue acessar trajetos diferentes, como a já descrita Rota Recomendada, mas também trajetos que ele favoritou e caminhos que seus amigos utilizam com uma certa frequência, esta mais dedicada a passeios.

Rota Selecionada

Quando o usuário seleciona uma rota desejada, esta é apresentada com uma visão geral e informações importantes como: distância total, tempo estimado, qualidade do trajeto e etc… Há também o botão de iniciar o trajeto.

Paleta de Cores

Escolhi a cor primária com o intuito de simbolizar algo novo, positivo, crescimento e limpo (por estar usando uma bicicleta que não agride o meio ambiente, ao contrário de um carro).

A cor secundária tem um tom mais energético e vibrante, tem um bom contraste em relação a primária e também é inspirada na cor da tinta usada para demarcar ciclofaixas/ciclovias em várias cidades do mundo.

Nomeação e Logo

Escolhi o nome de BikeGo por ser um nome simples e direto. Usei o termo bike por ser menos formal do que bicicleta ou bicycle, além de funcionar para várias línguas. A parte Go tende a transmitir algo rápido e direto (como um VAI!), para incentivar o usuário a não ter mais desculpa e sair de casa pedalando.

Para o logo, pensei em algo tão simples e direto como o nome do app. Busquei elementos que transmitem a intenção do produto com poucas características: uma bicicleta, para deixar claro para o que é direcionado o produto, e o conhecido ícone de localização usado em vários sistemas de mapas para indicar um senso de navegação.

Protótipo

Log in

Com a tela de login, pensei em algo que fosse rápido para o usuário, com apenas 3 botões para interagir, um para se cadastrar, um para utilizar o Facebook para entrar e outro, caso o usuário já tenha uma conta cadastrada.

Tela Inicial

Logo que o usuário inicia o aplicativo (e já tenha feito login pelo menos 1 vez) ele é recebido com uma visão do mapa com sua localização e uma lista retraída com opções de rotas.

Lista de Rotas

Ao realizar um movimento de swipe para cima na área de lista de rotas, o usuário pode ver em tela cheia todas as opções de rotas:

• Realizadas recentemente;
• Seleção de trajetos utilizados perto da sua localização;
• Rotas realizadas por amigos (Requer login com o Facebook)

Informações de trajetos

Nesta tela, o usuário tem acesso a todas informações da rota escolhida:

• Distância
• Elevação / Descida
• Tempo Estimado
• Qualidade média da Ciclofaixa / Ciclovia
• Tráfego atual
• Quantidade de pessoas que favoritaram alguma parte da rota

Versão Navegável

Após o término do desenvolvimento da maioria das telas do app, produzi um protótipo navegável com a intenção de transmitir melhor o flow do usuário pelo app e ser uma amostra mais próxima da realidade.

Clique aqui!

Métricas de Sucesso

Todo o desenvolvimento deste projeto teve como o centro a experiência que o usuário teria ao utilizar o app e como o mesmo poderia mudar para uma rotina que inclua mais exercícios, não apenas como um aplicativo rentável. Partindo desse ponto, pensei em alguns fatores que podem comprovar seu sucesso e se o app cumpre o que promete. São eles:

Relevância

• Analisar o número de usuários ativos que baixaram o app e que de fato o utilizam para ter um estilo de vida com mais exercícios.
• Realizar um levantamento para saber se pessoas mudaram os trajetos que estavam acomodadas em realizar por um que o app sugeriu e acabaram gostando mais.
• Redução do número de acidentes com a bicicleta, sendo a causa a qualidade da rua que passam ou por colisões com automóveis.

Frequência

• Analisar o número de usuários que utilizam o app com frequência e não apenas uma vez ou outra.

Qualidade

• Compreender as avaliações tanto positivas, quanto negativas, do app em sua loja de distribuição, com a finalidade de encontrar possíveis problemas que atrapalhem na sua experiência e uso do app e buscar por novas funcionalidades.

Conclusão

Aprendizado

O desenvolvimento desse aplicativo foi uma experiência muito gratificante, pois sinto que consigo propor mudanças no estilo de vida de uma pessoa, sendo esse o principal desafio deste case. Desenvolvi algo que estimule uma pessoa a mudar, mas com um sorriso no rosto e não como uma obrigação.

Próximos passos

• Realizar testes variados com usuários sobre novas funcionalidades do app
• Realizar testes de usabilidade e melhoria do mesmo

Considerações Finais

Sem dúvida esse foi um dos aplicativos mais difíceis que desenvolvi, não por conta do desafio e necessidades dos usuários, mas sim pois aprendi tanto desde a última vez que desenvolvi um app do zero, que o tempo e quebração de cabeça para cada elemento produzido praticamente duplicou, assim como a sua qualidade (creio eu).

Cada detalhe, tamanhos, informações, cores, consistência, tipografia e logo foram pensados com o objetivo de agregar positivamente à experiência do usuário.

Vejam também o meu portfólio e LinkedIn!

Também devo agradecer imensamente o Leandro Rezende que me orientou durante o desenvolvimento deste case e do curso na Udemy para qual este case foi criado.

Quem estiver interessado no curso da Udemy que realizei e quiser dar uma força pro Leandro, segue o link.