Saltar para o conteúdo principal

SaaS & B2B

Projeto Conceptual

Transformar dados complexos em decisões simples

Um ambiente de trabalho onde a informação certa aparece no momento certo, com espaço para agir sobre ela.

Serviços

  • Product Design
  • Dashboard
  • Design System

Disciplinas

  • Product Design
  • Data Visualisation
  • Design System

Conteúdo demonstrativo. Este projeto será substituído por um caso real.

02

Visão Geral

O contexto

Equipas B2B trabalham com muitos indicadores, mas raramente com uma leitura partilhada do que é prioritário.

O objetivo

Passar de um painel de métricas para uma ferramenta de decisão.

A abordagem

Definir hierarquias de informação por perfil e ligar cada indicador a uma ação possível.

03

O desafio

O produto mostrava tudo com o mesmo peso, o que obrigava cada utilizador a construir a sua própria interpretação.

  • Densidade sem hierarquia
  • Filtros desligados do contexto
  • Exportação como último recurso
Estado inicial: um dashboard exaustivo, difícil de ler em poucos segundos.

04

Descoberta & Research

A descoberta procurou perceber que decisões dependem realmente daqueles dados.

  • Entrevistas

    Compreender rotinas e momentos de decisão.

  • Analytics

    Identificar vistas efetivamente utilizadas.

  • Benchmark

    Estudar padrões de visualização de dados.

  • Workshops

    Priorizar indicadores com as equipas.

05

Key Insights

  1. 01 · Insight

    Nem todos os dados são decisões

    A maioria dos indicadores serve de contexto, não de ação.

  2. 02 · Insight

    O perfil define a hierarquia

    A mesma vista não serve equipas com responsabilidades diferentes.

  3. 03 · Insight

    Exportar é um sintoma

    Quando o trabalho continua fora do produto, falta algo dentro dele.

06

Experiência de utilização

A experiência foi estruturada em níveis: visão geral, análise e detalhe.

  1. 01

    Arquitetura de informação

    Três níveis de profundidade com navegação clara.

  2. 02

    User flow

    Da leitura rápida à investigação detalhada.

  3. 03

    Wireframes

    Densidade e legibilidade testadas cedo.

  4. 04

    Interações

    Filtros persistentes e estados partilháveis.

07

Interface

A interface usa contraste e espaçamento para separar leitura de ação.

  • Tipografia orientada a números
  • Gráficos sóbrios e comparáveis
  • Tabelas legíveis em ecrãs pequenos

08

Design System

Foi criada uma biblioteca de componentes de dados reutilizável.

  • Tokens de cor para séries de dados
  • Cartões de métrica
  • Tabelas, filtros e estados

09

Validação

As vistas foram avaliadas com tarefas concretas de leitura e decisão.

  • Testes de usabilidade
  • Revisão de contraste e legibilidade
  • Rondas de feedback com utilizadores internos

10

Resultado

A informação passou a ter uma ordem de leitura clara, ligada a ações concretas.

  • Leitura mais rápida da visão geral
  • Menos dependência de exportações
  • Sistema pronto para novos módulos