Case de Produto

Relatorium
UI Quick Activity Button

Aplicativo Flutter para gestão rural com dashboard e atalhos rápidos para iniciar fluxos — atividades, solo, orçamento e mais.

Escopo UI Component + Dashboard
Stack Flutter · go_router
Código Privado (NDA)
Atalhos críticos 6 ações em 1 clique
Falar no WhatsApp ↗ Ver Evidências Código Privado (NDA)
01

TL;DR — 1 minuto

Problema

Iniciar fluxos frequentes — atividade, solo, orçamento — exigia navegação adicional antes de chegar na ação.

Solução

Atalhos padronizados com QuickActionButton + Semantics + Tooltip e navegação por rotas nomeadas (go_router).

Resultado

Dashboard com entradas rápidas consistentes e acessíveis para criar registros e acessar telas-chave.

Código privado (NDA). Este software está em produção e sob propriedade de uma empresa. Acesso a material sanitizado pode ser solicitado diretamente.
02

Snapshot

Papel / escopo
Flutter multiplataforma. Escopo: componente UI + integração no dashboard.
Escala
Dashboard com atalhos para múltiplos módulos — Atividades, Solo, Financeiro, Pragas & Doenças.
Restrições
Acessibilidade (Semantics), feedback (Tooltip) e navegação consistente via rotas nomeadas.
03

Problema & Impacto

  • Sintoma Ações de criação e acesso rápido ficavam distribuídas entre telas e menus, atrasando o início do fluxo.
  • Causa Ausência de um padrão de atalhos reutilizáveis com navegação consistente no dashboard.
  • Impacto Mais passos para iniciar registros frequentes e maior chance de desvio de navegação.
04

Abordagem

1
Identificar

Mapear as ações que iniciam fluxos frequentes no dashboard — criar atividade, análise de solo, orçamento — e priorizá-las por frequência de uso.

2
Encapsular

Consolidar em um QuickActionButton com Semantics e Tooltip — padrão único de UI + acessibilidade, reutilizável em qualquer módulo.

3
Navegar

Integrar rotas nomeadas via go_router para manter previsibilidade e eliminar ambiguidade na navegação entre telas.

05

Confiabilidade

Riscos

Atalhos invisíveis para acessibilidade, navegação inconsistente, regressão no fluxo.

Garantias

Semantics define papel e rótulo; Tooltip dá contexto; rotas nomeadas reduzem desvios.

Evidência

Implementação do componente e uso no DashboardPage com pushNamed para rotas nomeadas.

Dart · Flutter 
Semantics(
  button: true,
  label: 'Nova atividade',
  child: Tooltip(
    message: 'Nova atividade',
    child: QuickActionButton(
      label:          'Nova atividade',
      icon:           Icons.event_available,
      semanticsLabel: 'Nova atividade',
      onPressed: () => context.pushNamed(AppRoutes.newActivity),
    ),
  ),
);
FlutterSemanticsTooltipgo_routerRotas nomeadas
06

Extensões & Próximos passos

  • Permitir configuração dos atalhos do dashboard — quais ações aparecem e em que ordem.
  • Adicionar atalhos de teclado/foco para desktop sem perder consistência com mobile.
  • Expandir testes de widget cobrindo Semantics, Tooltip e navegação por rotas nomeadas.
Você tem esse problema?

Precisa reduzir passos no dia a dia sem quebrar acessibilidade?

Eu redesenho fluxos e implemento atalhos reutilizáveis com navegação consistente — e entrego evidências de cada decisão.

Falar no WhatsApp ↗ Código (NDA) Evidências
Voltar Topo Próximo case