Voltar

AULA 10 - CURSO POWER BI

Dashboards Avançados

Design e Interatividade Profissional

Crie dashboards profissionais que impressionam e facilitam a tomada de decisão com design limpo e recursos interativos!

🎨 5 Princípios de Design de Dashboards

🎯

1. Simples e Limpo

✓ Não sobrecarregado (6-8 visuais/página)
✓ Foco nas métricas importantes
✓ Espaço em branco (breathing room)
✓ Sem poluição visual

📊

2. Hierarquia Visual

✓ KPIs no topo (mais importantes)
✓ Gráfico principal no centro
✓ Detalhes embaixo
✓ Tamanhos indicam importância

🎨

3. Cores Consistentes

✓ Paleta de 3-5 cores
✓ Cores com significado (verde=bom)
✓ Não usar arco-íris
✓ Contraste adequado

🖱️

4. Interativo

✓ Filtros e slicers visíveis
✓ Drill-down para detalhes
✓ Cross-filtering entre visuais
✓ Tooltips informativos

⚡

5. Rápido de Entender (Regra 5-3-1)

Entender o tema

Absorver insights

Insight para ação

✅❌ Dashboard BOM vs RUIM

❌ EVITE ISSO

Dashboard Ruim:

❌ 20 visuais na mesma página
❌ Cores aleatórias (arco-íris)
❌ Sem organização clara
❌ Gráficos pizza 3D
❌ Texto muito pequeno (6pt)
❌ Fundo chamativo
❌ Sem hierarquia
❌ Difícil de entender

✅ FAÇA ASSIM

Dashboard Bom:

✅ 6-8 visuais bem organizados
✅ Paleta harmônica (3-5 cores)
✅ Grid alinhado
✅ Gráficos apropriados
✅ Tamanho legível (10-12pt)
✅ Fundo neutro
✅ Hierarquia clara
✅ Rápido de entender

💡 ANALOGIA

"Dashboard é como o painel do carro. Você não quer 50 mostradores! Quer velocidade, combustível, temperatura - o essencial para dirigir!"

📐 Sistema de Grid (Layout Profissional)

Layout Clássico Recomendado:

CABEÇALHO (Logo + Título) - 10%

KPI 1

KPI 2

KPI 3

KPI 4

GRÁFICO PRINCIPAL (Maior) - 40%

Gráfico 2 - 35%

Gráfico 3 - 35%

📏 Dicas de Grid:

✓ Ativar Linhas de Grade: Exibir → Linhas de Grade
✓ Ajustar à Grade: Exibir → Ajustar à Grade
✓ Alinhar elementos: Ctrl + G para agrupar
✓ Tamanho padrão: 1920 x 1080px (16:9)
✓ Espaçamento: Mínimo 10px entre visuais

🎨 Paletas de Cores Recomendadas

Paleta Corporativa (Profissional)

#1E40AF Azul Escuro

#3B82F6 Azul Médio

#93C5FD Azul Claro

#6B7280 Cinza

#F97316 Destaque

Ideal para: Bancos, Consultorias, Empresas B2B

Paleta Moderna (Criativa)

#7C3AED Roxo

#EC4899 Rosa

#06B6D4 Ciano

#10B981 Verde

#FBBF24 Amarelo

Ideal para: Startups, Tecnologia, Empresas Criativas

Cores de Sentimento (Universal)

#10B981 Positivo

#F59E0B Neutro

#EF4444 Negativo

Use para: Variações, Status, Alertas

⚠️ Regras de Ouro de Cores:

✓ Máximo 5 cores de dados na paleta
✓ Verde sempre = positivo, Vermelho = negativo
✓ Fundo cinza claro (#F5F5F5) ou branco
✓ Evitar cores neon ou muito vibrantes
✓ Testar contraste (acessibilidade)

📊 Escolhendo o Gráfico Certo

📊

Barras

Comparação entre categorias

Ex: Vendas por Região

📈

Linhas

Tendência temporal

Ex: Vendas mensais

🍩

Rosca

Proporção (% do todo)

Ex: % por categoria

🏆

Ranking

TOP 10 ordenado

Ex: TOP produtos

🗺️

Mapa

Dados geográficos

Ex: Vendas por estado

💹

Dispersão

Correlação 2 variáveis

Ex: Preço vs Qtd

❌ EVITE ESTES GRÁFICOS:

🚫

Pizza 3D

Distorce proporções

🚫

Rosca c/ muitas fatias

Confuso (max 5)

🚫

Área empilhada

Difícil de ler

🚫

Múltiplos do mesmo tipo

Repetitivo

🎛️ Slicers e Filtros Profissionais

Tipos de Slicers:

📋 Lista (Seleção Múltipla)

Sul

Norte

Sudeste

Bom para múltiplas opções

📅 Data (Intervalo)

01/01/2024 - 31/12/2024

Essencial para análise temporal

🔽 Dropdown (Compacto)

Economiza espaço

3 Níveis de Filtro:

Filtro de Visual

Afeta apenas 1 visual selecionado

Use quando: Exceção específica

Filtro de Página

Afeta todos os visuais da página

Use quando: Filtro invisível permanente

Filtro de Relatório

Afeta todas as páginas do relatório

Use quando: Filtro global (ex: ano atual)

💡 Sincronizar Slicers

Exibir → Sincronizar Slicers

Use o mesmo slicer em várias páginas!

🔍 Drill-Down e Drill-Through

↓ Drill-Down

Detalhar para o próximo nível da hierarquia

2024 (Ano)

R$ 500.000

↓ Clique

Q1, Q2, Q3, Q4 (Trimestres)

Valores por trimestre

↓ Clique

Jan, Fev, Mar... (Meses)

Valores por mês

Como criar:

Criar hierarquia (Ano → Trimestre → Mês)
Adicionar ao eixo do gráfico
Usar botões ↓ ↑ para navegar

→ Drill-Through

Ir para página de detalhes específica

Página Principal

Gráfico: TOP 10 Produtos

Notebook Dell

Clique direito → Drill through

→ Vai para

Página Detalhes Produto

Filtrado: Notebook Dell

✓ Vendas do produto

✓ Tendência temporal

✓ Vendas por região

✓ Clientes que compraram

← Voltar

Como criar:

Criar página de detalhes
Drill-through → Adicionar campo (ex: Produto)
Clicar direito no visual → Drill through

🎯 PROJETO FINAL

Dashboard Executivo de Vendas - Completo

📄

Página 1

Visão Geral

• 4 KPIs principais
• Gráfico temporal
• TOP 10 produtos
• Distribuição regional

🗺️

Página 2

Análise Regional

• KPIs por região
• Mapa do Brasil
• Matriz Região x Cat.
• Comparações

🔍

Página 3

Drill-Through Produto

• Detalhes do produto
• Tendência temporal
• Por região
• Botão voltar

✅ Checklist de Implementação:

Aplicar tema de cores
Grid alinhado (1920x1080)
Cards KPI formatados
Gráficos apropriados
Títulos descritivos

3 slicers sincronizados
Drill-down temporal
Drill-through produto
Formatação condicional
Testar interatividade

📚 Resumo da Aula

🎨 Design Aprendido

✓ 5 Princípios de design
✓ Sistema de Grid (16:9)
✓ Hierarquia visual
✓ Paletas de cores
✓ Temas personalizados
✓ Cards KPI profissionais
✓ Gráficos apropriados
✓ Formatação condicional

🖱️ Interatividade Dominada

✓ Tipos de slicers
✓ Sincronizar slicers
✓ 3 níveis de filtro
✓ Cross-filtering
✓ Drill-down (hierarquia)
✓ Drill-through (detalhes)
✓ Tooltips personalizados
✓ Botões de navegação

⭐ Regras de Ouro

Design:

• Menos é mais (6-8 visuais)
• Alinhe tudo no grid
• Cores com significado
• Hierarquia clara

Interatividade:

• Slicers sempre visíveis
• Cross-filter ativado
• Drill-down para detalhes
• Testar antes de publicar

Próxima Aula: Publicação e Compartilhamento - Power BI Service 🌐