my expenses
O redesign completo de um app de finanças pessoais na Google Play, guiado pelo que mil avaliações de usuários vinham pedindo baixinho.
- função
- Designer de produto
- ano
- 2022
- duração
- 2 meses
- ferramentas
- Figma
- categoria
- Design de produto · design system
- design
- Sam Marxz, para QuickTools
- Downloads
- 100k+Downloads
- Avaliações
- 11k+Avaliações
- Nota média
- 4.8Nota média
visão geral
Controlar os gastos do mês é uma daquelas tarefas que todo mundo sabe que deveria fazer e vai empurrando com a barriga. O app existe para deixar esse hábito leve, principalmente para quem nunca se sentiu à vontade com finanças pessoais.
Desenhei a primeira versão em 2020. Dois anos depois voltei para reconstruir tudo, dessa vez com uma coisa que a original nunca teve: milhares de usuários reais dizendo exatamente onde doía.
escopo
O projeto cobriu o produto de ponta a ponta, da auditoria que deu início a tudo até os arquivos que os desenvolvedores usariam para construir.
Redesign da experiência completa do app
Design de interface de todas as telas
Biblioteca de componentes
Protótipo interativo
Guia de estilo
pesquisa
A essa altura o app já tinha passado de mil avaliações na loja, que é um painel de pesquisa que a maioria dos projetos nunca ganha de graça. Li mais de cem delas, positivas e negativas, e agrupei as reclamações que se repetiam em temas.
O padrão ficou claro. As pessoas não estavam pedindo funcionalidades novas, estavam pedindo que o app parasse de dar trabalho. Toda reclamação do topo da lista era um atrito que a própria interface tinha criado.
solução
Quatro problemas apareceram vezes suficientes para moldar o redesign, e cada um deles ganhou uma resposta direta na versão nova.
Contas passavam do vencimento sem ninguém notar, então o app agora avisa quando a data está chegando.
Tirar os anúncios era confuso, então uma assinatura com planos mensais claros substituiu a adivinhação.
Lançamentos recorrentes precisavam ser editados um a um, então editar um agora atualiza a série inteira.
A tela inicial quebrava com valores altos, então ela foi refeita para continuar limpa e legível em qualquer valor.
interface
A interface nova mantém tudo o que a antiga fazia e acrescenta o que as pessoas vinham pedindo, e ainda assim é mais simples de percorrer. A densidade deu lugar à hierarquia, e as ações do dia a dia foram parar onde o polegar já mora.
design system
Dois anos sem manutenção tinham deixado a interface cheia de pequenas inconsistências, daquelas que se acumulam em silêncio até nada mais combinar. Em vez de remendar tela por tela, documentei primeiro os fundamentos, da tipografia à paleta de cores.
Depois veio a biblioteca de componentes, para que as mesmas decisões fossem reaproveitadas em vez de redesenhadas. Isso economizou tempo no design e deu aos desenvolvedores uma única fonte de verdade para construir.
resultado
O app passou de cem mil downloads e onze mil avaliações, mantendo média 4.8 na Google Play. O redesign transformou uma ferramenta popular mas frustrante em uma que as pessoas passaram a recomendar.
aprendizados
As avaliações da loja se mostraram o material de pesquisa mais útil do projeto inteiro. Não custam nada para reunir e apontam direto para o atrito que as pessoas sentem de verdade, que raramente é o atrito que o time imagina.
A lição mais dura veio depois do handoff. A versão publicada se afastou do design em alguns pontos, principalmente porque a conversa com os desenvolvedores foi rareando perto do fim. Documentação sozinha não leva um design até a linha de chegada, e acompanhar de perto a implementação faz parte do trabalho do designer.
