UX Design — Ajudando pessoas a atingirem seus objetivos financeiros

Como utilizei UX Design propor uma solução digital que ajuda os usuários a atingir seus objetivos financeiros de forma simplificada e objetiva

Alex Hobi Gomes
10 min readDec 22, 2020

O desafio

Neste case eu documentei todo o processo de UX Design que utilizei para poder estudar, validar, desenhar e propor uma aplicação digital para o precário cenário de educação financeira brasileira. Busquei informações em institutos de pesquisas, realizei pesquisas quantitivas e qualitativas para entender comportamentos e motivações de pessoas reais, realizei pesquisas de mercado para entender funcionalidades de aplicações já existentes, por fim, documentei todas as informações obtidas nestes processos e as transformei em conhecimento, além de personas e jornadas de usuários. Após levantar todos esses dados pude avaliar soluções considerando seus esforços, suas viabilidades técnicas e também financeiras. Mais adiante desenhei uma solução digital e realizei uma série de testes para validar a ideia. Após realizar testes de usabilidade e receber diversos feedbacks recebidos pude evoluir o wireframe para um prototipo e chegar na versão final do produto, além de propor também algumas métricas para que o produto pudesse ser continuamente avaliado e melhorado.

Desk Research — O cenário

No Brasil, milhares de pessoas estão desempregadas e outras milhares não ganham o suficiente para ter uma vida digna. A taxa de desocupação do país no 2º trimestre de 2020, segundo o IBGE, foi de 13,3%. Diante disso, é nítido que milhões de pessoas estão neste momento sem renda ou com rendas baixas não registradas e sem direitos. Esse cenário desafiador para muitos brasileiros torna a educação financeira cada vez mais imprescindível.

Segundo a pesquisa de Orçamento Familiar do IBGE de 2017/2018, a classe baixa formada por famílias com renda mensal inferior a R$ 5,7 mil abriga 50,4 milhões de famílias, ou seja, 73% da população brasileira. A classe média, com renda mensal entre R$ 5,7 mil e R$ 23,8 mil, é formada por 16,7 milhões de famílias, com 24% da população. Já a classe alta, ou os “ricos”, que ganham acima de R$ 23,8 mil ao mês, totalizam 1,84 milhão de famílias. Vale lembrar que o Brasil é um país que possui cerca de 210 milhões de habitantes.

Persona

Para identificar o perfil dos clientes da aplicação criei uma persona para exemplificar o perfil médio de pessoas brasileiras.

1ª persona: Rosi, 32 anos, analista de telemarketing, solteira.

Jornada de usuário

Para clear o que o usuário pensa, o que sente e quais as oportunidades existem para os cenários, desenhei a jornada da usuária conforme abaixo:

Pixar StoryTelling

Para entender mais a fundo o contexto da persona, utilizei a técnica Pixar StoryTelling que ajuda entender de forma mais rápida e simples como transformar a vida da Persona.

Era uma vez o Rosi, 32 anos e analista de telemarketing.

Todos os dias Rosi gasta seu dinheiro em algum produto, serviço ou bens, ou até mesmo pagando contas.

Um certo dia Rosi percebeu que sua maneira de gerenciar suas finanças não permitia que ela guardasse dinheiro para realizar sonhos e objetivos de vida

Por causa disso, Rosi buscou uma solução que a ajudasse a ter uma gestão financeira mais eficaz de forma rápida, simples e direta.

Até que finalmente, ao usar mensalmente a solução proposta neste case de UX Design, Rosi conseguiu obter um nível muito maior de controle financeiro que a permitiu sonhar e planejar sua vida de acordo com seus objetivos e planos.

Suposições para validar

Para ter mais certeza sobre alguns dados obtidos até o momento, criei algumas suposições para validar após analisar os dados. Importante salientar que o número de pessoas que participaram da pesquisa não é o ideal visto que é um público pequeno, porém, foram as pessoas que consegui atingir e que se disponibilizaram a ajudar neste projeto.

As principais suposições criadas foram:

  1. As pessoas não sabem quantos por cento (%) de sua renda mensal elas conseguem guardar por mês;
  2. Apesar de muitas pessoas terem objetivos financeiros de curto, médio ou longo prazo, elas não param pra pensar ou planejar como esses objetivos serão atingidos;
  3. Pouquíssimas pessoas planejam contas e pagamentos do mês;

Com base nessas e em outra suposições, criei uma matriz CSD (Certezas, Suposições e Dúvidas) que ajudou a clarear o cenário como um todo.

Pesquisas Quantitativas e Qualitativas

Na pesquisa quantitativa foi possível entender padrões dentro de todos os usuários que responderam além dos costumes. Já na pesquisa qualitativa, que é mais aprofundada e com poucos usuários selecionados, foi possível entender as dores em seus detalhes.

Analisando os dados obtidos na pesquisa quantitativa, identifiquei que a maior parte dos entrevistados possuem objetivos financeiros de curto, médio ou longo prazo conforme os dados abaixo:

Também observei que muitas pessoas não conseguem atingir seus objetivos financeiros por não saber exatamente como o dinheiro é gerido já que gastam sem planejamento. A maior parte de usuários assumiram não ter educação financeira para saber onde guardar ou aplicar dinheiro de forma rentável para atingir objetivos financeiros de vida, como comprar um carro, um apartamento, ou até mesmo uma conseguir uma reserva financeira.

Na pesquisa qualitativa, fiz contato com algumas pessoas que se disponibilizaram para serem contatadas e constatei que entre elas há um habito comum de gastar e “depois ver” o que fazer com o dinheiro. Também identifiquei uma frustração mútua devido elas não possuírem conhecimento de como melhorar a gestão financeira. Vale destacar a importância dessa pesquisa e desse contato pois as mesmas pessoas, além de responderem perguntas sobre si, também deram sugestões do que talvez funcionariam para elas.

Diante dos fatos acima, meu objetivo é tentar garantir que na minha solução os usuários consigam ter clareza sobre suas finanças além de conseguirem simulações e obter orientações sobre investimentos a pequeno, médio e longo prazo.

Priorização de soluções

Para poder definir e priorizar as as funcionalidades digitais possíveis que apareceram até o momento, utilizei uma matriz de impacto x esforço que clareia este cenário considerando os esforços financeiros, técnicos e também os impactos de cada funcionalidade:

Após a criação da matriz, consegui perceber que as ideias mais viáveis são “Artigos Financeiros”, “Planilhas Prontas” e “Sistema de Simulações” que mesmo tendo uma certa complexidade, trazem um retorno muito significativo junto com as outras alternativas. A outra alternativa de “Sistema Integrador” foi descartada devido o seu altíssimo nível de complexidade de desenvolvimento técnico.

Rabiscoframe

Criei a primeira versão do app desenhada em papel conhecida como “Rabiscoframe” e então parti para primeira etapa de validação. Utilizei a plataforma “Marvel App” de prototipação que permite que qualquer pessoa reproduza e avalie a experiência inicial de um aplicativo. Para esta etapa, contei com ajuda de amigos e conhecidos para que pudessem avaliar a experiência de uso e reprodução do aplicativo, o que rendeu pontos importantes de revisão da solução.

Clique aqui para acessar o protótipo de baixa fidelidade no Marvel App.

Os principais feedbacks colhidos da solução foram:

  1. A falta de um botão que direcione para o “Menu Principal”;
  2. A falta de um botão voltar em qualquer hipótese ou tela;
  3. A nomenclatura utilizada para os menus “Planejar” e “Simular” onde alguns usuários indicaram ser melhor utilizar “Simulações” ao invés de “Simular” e “Planejamentos” ao invés de “Planejar”.
  4. Os botões do Menu Lateral, que apesar de serem bons pois estão sempre a vista, acabam comendo muito espaço da tela, o que atrapalha na usabilidade.

Teste de usabilidade — Workflow

Para testar o workflow do aplicativo e como as pessoas iriam reagir ao mesmo, pedi a algumas pessoas que realizassem algumas tarefas dentro do aplicativo, sendo elas:

  1. Logar no app
  2. Visualizar suas “Simulações”
  3. Iniciar uma nova simulação
  4. Selecionar a simulação de curto prazo
  5. Finalizar simulação de curto prazo
  6. Visualizar simulação de “Curto Prazo”
  7. Voltar para Menu de Simulações
  8. Visualizar “Simulação Antiga”
  9. Acessar menu de “Planejamentos”
  10. Entrar no menu dos seus planejamentos já realizados do passado
  11. Selecionar Planejamento 1 para visualizar o planejamento
  12. Voltar para o menu de Planejamentos
  13. Iniciar novo planejamento selecionando a “Planilha 1” (indicada para controle de gastos mensais)
  14. Visualizar a tela de planejamento (novamente)
Imagem das telas

Wireframe

Após testar o workflow acima, recebi diversos feedbacks e criei o Wireframe já contemplando alterações importantes provenientes do primeiro teste de usabilidade. Realizei uma pesquisa de mercado para entender as estruturas de menu, logins e botões mais utilizadas e bem avaliadas. Neste aspecto, decidi mudar a localização do menu principal do app, saindo do lado esquerdo e sendo colocado na parte inferior. Este menu é amplamente usado e aceito em várias plataformas como por exemplo o Instagram, aplicativo de fotos mais famoso do planeta.

Bechmarking — Pesquisa de Mercado

Após entender como seria a esqueleto do aplicativo, decidi realizar uma pesquisa de mercado focada em funcionalidades. O objetivo desta pesquisa é entender as soluções que os concorrentes já entregam e possíveis oportunidades para o aplicativo. Criei uma matriz de funcionalidades e selecionei os aplicativos com mais relevância nas lojas de download de aplicativos (para celulares Android):

Esta pesquisa foi de extrema importância para notarmos oportunidades muito interessantes a serem implementadas futuramente na solução. São elas:

1- Senha para acessar o aplicativo;

2- Categorizador de Gastos;

3- Gráficos sobre a situação financeira;

Por outro lado, confirmei que a funcionalidade de planilha dentro do aplicativo para gerir as finanças ainda não é oferecida por nenhum concorrente, assim como o simulador de investimentos que também está sendo proposto na minha solução.

O aplicativo final

Nesta seção apresento o protótipo de alta fidelidade desenvolvido na ferramenta Figma que também permite ser acessado e executado aqui neste link.

Guia de Estilos

A fonte escolhida para a aplicação foi a “Josefin Sans” por proporcionar uma sensação de modernidade e simplicidade ao mesmo tempo. O aplicativo conta com apenas quatro cores que foram escolhidas com base no tema (gestão financeira / dinheiro).

UX Writing — A comunicação

Além de servir como base comparativa de funcionalidades como foi feito acima, a pesquisa de mercado também possibilita analisar a comunicação (neste caso, escrita) das palavras e textos da interface com os usuários. Esse tema é tratado dentro de UX Writing onde o foco é avaliar quais são as palavras mais utilizadas, o tom das palavras, a forma como textos são escritos e a forma como a comunicação é feita em geral.

Para tal tema, criei um artigo separado mostrando como eu estudei o tema com base nas soluções concorrentes já existentes do mercado.

Para acessar o artigo separado de UX Writing, clique aqui.

Segundo teste de usabilidade

Criei um artigo separado onde realizei mais um teste de usabilidade do aplicativo desta vez utilizando Inteligência Artificial. Usei a plataforma de testes chamada Visual Design que conforme mencionado utiliza Inteligência Artificial para simular e documentar como usuários reais reagiriam ao estar em contato com a interface do aplicativo.

A plataforma consegue ter um percentual de acerto de mais de 80%, portanto os indicadores que ela gera podem sempre ser de grande valia em análises de telas e funcionalidades de sistemas e aplicativos.

Para acessar o artigo separado, clique neste link.

Métricas de Sucesso

Para medir o sucesso da solução e praticar a melhoria contínua do produto, decidi acompanhar e medir as métricas baseadas no framework HEART:

  • Happiness: O usuário ficou feliz em utilizar nosso produto?
  • Engagement: O usuário se interessou e quis saber sobre mais funcionalidades do produto?
  • Adoption: As funcionalidades foram bem aceitas pelo usuário após os primeiros contatos?
  • Retention: O produto está resolvendo um problema pontual ou será incorporado na vida do usuário de forma contínua?
  • Task Success: O usuário conseguiu uma organização financeira melhor? O aplicativo de fato gerou valor?

Além dos pontos mencionados acima, também acredito que as métricas abaixo sejam essenciais e devem ser acompanhadas:

  • Comentários e avaliações (Play Store/App Store);
  • Quantidade de downloads;
  • ROI (Return over Investment), já que o produto pode ter publicidade;
  • Taxa de cancelamento (Churn Rate);

Aprendizados e conclusões

O grande aprendizado deste case foi confirmar que UX Design pode guiar uma abordagem eficiente de pesquisar, documentar e propor soluções baseadas em usuários realmente fazem muita diferença para que um produto tenha sucesso.

Sobre mim

Alex Hobi Gomes, 30 anos, paulista.
Linkedin: https://www.linkedin.com/in/alex-hobi-gomes-28a24492/
Behance: https://www.behance.net/alexhobigomes

--

--

Alex Hobi Gomes

Um entusiasta de tecnologia, dados e design. Bacharel em Sistemas de Informação pela Universidade Metodista de São Paulo e atual Product Designer na Iteris