Melhorias e Refino da UX/UI

1. Edição inline de nome de transação

Problema: O fluxo atual para renomear uma transação exige 4 passos (clicar na transação → clicar em editar → escrever a descrição → salvar). Para uma ação de alta frequência — realizada várias vezes ao dia — esse fluxo é excessivamente burocrático.

Sugestão: Permitir edição inline ao clicar diretamente no nome da transação na tabela. O campo se torna editável no lugar, sem abrir modal. Confirmação com Enter, cancelamento com Esc.

Impacto esperado: Alto. Reduz fricção na tarefa mais recorrente do app.


2. Filtros inline nas colunas da aba de transações

Problema: A aba de transações não possui mecanismo de filtragem acessível. Navegar por um volume grande de lançamentos sem filtros é ineficiente.

Sugestão: Ao clicar no cabeçalho das colunas Categoria, Data e Valor, abrir um painel de filtro contextual:

  • Categoria: seleção ou exclusão por uma ou várias categorias simultaneamente.

  • Data: filtro por data específica ou range de período. Oportunidade de freemium — range livre para planos pagos, limitado para o plano free.

  • Valor: filtros de igual a, maior que, menor que e entre X e Y.

Adição recomendada: Filtro de busca textual na coluna Descrição. Usuários que renomeiam transações com frequência se beneficiariam diretamente de poder buscar por texto livre.

Impacto esperado: Alto. Padrão esperado em qualquer tabela de dados madura.

3. Refinamento visual dos ícones de categoria e Agrupamento hierárquico de categorias

Problema: A interface do app tem acabamento refinado — tipografia, espaçamento e componentes bem construídos. Os badges de categoria, no entanto, quebram esse padrão: emojis combinados com fundos de cores muito saturadas criam um contraste de linguagem visual com o restante da UI.

Sugestão: Substituir emojis por ícones monocromáticos de uma biblioteca consistente (ex: Lucide ou Phosphor Icons, no estilo outline ou filled) e reduzir a saturação das cores dos badges para tons pastéis ou neutros. Não é uma questão estética subjetiva — é o padrão adotado por apps financeiros maduros (Nubank, Mobills) por transmitir confiança e consistência visual.

Impacto esperado: Médio. Melhora a percepção de qualidade do produto sem alteração funcional.

Problema: A lista de categorias é longa e sem hierarquia. A barra de rolagem ocupa toda a tela, e encontrar a categoria correta vira um processo de tentativa e erro — especialmente em um fluxo repetido múltiplas vezes ao dia.

Sugestão: Agrupar as categorias em grandes grupos colapsáveis (toggle), por exemplo:

  • Casa: Aluguel, Luz, Água, Internet...

  • Pessoal: Estética, Roupas, Saúde...

  • Transporte: Gasolina, Uber, Estacionamento...

O modelo ideal combina grupos padrão pré-definidos (resolve 80% dos casos imediatamente) com flexibilidade para o usuário mover itens entre grupos ou criar os seus próprios. Serve tanto para o usuário casual quanto para o power user.

No fluxo de criação de nova categoria, o usuário já deveria escolher em qual grupo ela se encaixa, mantendo a organização desde o início.

Impacto esperado: Alto. Reduz diretamente o tempo de categorização.

Share update with 0 linked conversations as well

Upvoters
Status

In Review

Board
💡

Feature Request

Tags

Low Priority

Date

About 1 month ago

Subscribe to post

Get notified by email when there are changes.