Adicionando uma feature no Google Maps!

Renato Saraiva
4 min readNov 7, 2019

--

Logo Google Maps — GIF

Nesta postagem vou abordar como desenvolvi a aplicação de uma feature a um aplicativo existente no mercado.

A proposta do projeto era a criação e desenho de alguma funcionalidade extra em algum tipo de aplicativo que utilizávamos em nosso dia a dia e que fizesse sentido para mim e para mais usuários, não havia uma proposta guiada em qual metodologia deveria utilizar para desenvolver o projeto e defender a escolha.

No entanto, decidi iniciar a o processo de criação aplicando as técnicas de Design Think para idear e desenvolver a solução proposta.

A primeira decisão de escolha foi com relação a algum aplicativo que utilizaria diariamente e que realmente enxergasse sentido no desenvolvimento da funcionalidade.

Desta forma, acabei decidindo em escolher o Google maps, um aplicativo completo e muito fluido em sua utilização. Optei por esta escolha por ser um produto que utilizo quase que diariamente em meus trajetos para me locomover na cidade e verificar possíveis problemas que possam haver em meu caminho.

Uma questão que pesou em minha decisão do app é que ele é o segundo mais utilizado no Brasil para esta finalidade de visualizar trajetos perdendo apenas para o Waze e também por ser uma aplicação nativa do Android que é maioria no país.

Inicialização do produto

Definindo o Problema

Antes de mais nada pensei em definir bem o problema que minha melhoria iria resolver e declará-lo:

Ajudar motoristas que de alguma forma precisam ser alertados de que existe no interior do automóvel uma criança a bordo no momento em que desembarcam.

Mas por que esta necessidade?

A coisa é bem séria! Carros podem aquecer mais rápido do que a temperatura do ar externo, devido ao “efeito estufa”, em que a energia da luz solar passa pelas janelas e fica presa no veículo.

A temperatura pode subir 16°C em apenas 15 minutos e 26°C em uma hora.

Entre os anos de 2006 a 2018, ocorreram 59 casos de crianças abandonadas em veículos e 25 mortes por insolação.

Bom, mais do que motivado para ajudar estas pessoas, resolvi iniciar o processo de ideação com uma pesquisa qualitativa com pessoas que são pais e mães de bebês e a resposta foi unanime: todos eles utilizariam este tipo de função e seria extremamente útil no dia a dia.

Como auxílio visual e de proximidade com o usuário e a fim de aumentar a empatia desenvolvi uma persona para o desenvolvimento.

Anderson persona primária

Apresentando a Solução

Desenvolver um alerta durante o fluxo de navegação por gps ao concluir um trajeto para ajudar a informar o usuário da necessidade de lembrança que existe uma criança a dentro do automóvel no momento exato da finalização do trajeto.

Etapas de Desenvolvimento

Nesta etapa do projeto acabei descobrindo que o Google maps é um grande emaranhado de links e páginas do google com direcionamento para diversos outros produtos e serviços. Sendo assim decidi fazer um Sitemap do aplicativo para entender em que exato local do produto iria implementar minha fature e o resultado foi:

Sitemap do App Googlemaps

No sitemap acima estruturei a arquitetura da informação de forma a pintar de magenta o local no qual a nova função seria alocada.

Para entender melhor qual seria o flow do Anderson utilizando a feature desenhei um fluxo de utilização com a aplicação atualizada conforme proponho e como resultado temos:

Flow de navegação do Anderson

Por fim, chego no desenvolvimento das telas em baixa fidelidade para teste com os usuários.

Após alguns testes em formato de guerrilha, por ter o fator limitador de tempo, parti para a design em hi-fi e o resultado foi:

Como proposta de visão em negocio desenvolvi uma time line para exemplificar quais seriam as etapas do processo de desenvolvimento e implementação.

Além disso em formato de backlog posterir para o produto teríamos:

  • Implantação de som de alerta junto a imagem
  • Personalização do ícone com foto e nome da criança para gerar mais empatia com o usuário
  • Publicidade direcionada dentro do alerta.

Conclusão

Acredito que mais que um desenvolvimento normal neste projeto pude também entender a mecânica de atualização e melhoria em um produto real e como minha habilidades de Ux/Ui poderiam agregar muito valor ao produto e melhorar a vida do usuário.

--

--

Renato Saraiva

UX and UI Design looking for knowledge and information sharing about tools and processes of ideation prototyping and creation with design thinking.