Как должна выглядеть вкладка на главном дашборде?

Как должна выглядеть вкладка на главном дашборде?

Принципы дизайна дашборда

1. Иерархия информации

Вверху (ТОП PRIORITY):

• KPI (1-3 ключевых метрики)
• Текущее состояние: это хорошо или плохо?
• Тренд: вверх ↑ или вниз ↓?

Середина (КОНТЕКСТ):

• Детализация KPI (по источникам, регионам, пользователям)
• Сравнение с целевыми показателями
• Детектирование аномалий

Внизу (ДЕТАЛИ):

• Исторические графики
• Детальные таблицы
• Возможность экспорта

2. Главная вкладка: Overview

Макет сверху вниз:

╔════════════════════════════════════════════════╗
║        ГЛАВНЫЕ KPI (4 карточки)                 ║
║  ┌──────────┬──────────┬──────────┬──────────┐  ║
║  │ Revenue  │   DAU    │  Churn   │  LTV     │  ║
║  │ $1.2M    │  45.5K   │  2.1%    │  $450    │  ║
║  │ ↑ +12%   │ ↑ +8%    │ ↓ -0.3%  │ ↑ +5%    │  ║
║  └──────────┴──────────┴──────────┴──────────┘  ║
├────────────────────────────────────────────────┤
║  ТРЕНДЫ (3 графика)                             ║
║  ┌──────────────┬──────────────┬──────────────┐ ║
║  │ Revenue (7d) │ DAU (7d)      │ Conversion   │ ║
║  │              │               │              │ ║
║  │   📈  📊     │   📈  📊     │   📊  📉    │ ║
║  └──────────────┴──────────────┴──────────────┘ ║
├────────────────────────────────────────────────┤
║  ДЕТАЛИЗАЦИЯ                                     ║
║  ┌────────────────────┬──────────────────────┐  ║
║  │ Revenue by Source  │ DAU by Device Type  │  ║
║  │ Desktop: $800K     │ Mobile: 30K (66%)  │  ║
║  │ Mobile: $300K      │ Desktop: 15K (33%) │  ║
║  │ Web: $100K         │ Tablet: 0.5K (1%)  │  ║
║  └────────────────────┴──────────────────────┘  ║
╚════════════════════════════════════════════════╝

3. Вкладка «Conversion Funnel»

Должна показывать:

╔════════════════════════════════════════════════╗
║        CONVERSION FUNNEL                        ║
├────────────────────────────────────────────────┤
║                                                  ║
║  1. Visits        100,000 users                 ║
║     ████████████████████████████                ║
║                                                  ║
║  2. Sign Up       45,000 users  (45%)          ║
║     ████████████████                            ║
║     Loss: 55,000                                ║
║                                                  ║
║  3. Payment Info  30,000 users  (66.7%)        ║
║     ████████████                                ║
║     Loss: 15,000                                ║
║                                                  ║
║  4. Purchase      12,000 users  (40%)          ║
║     █████░░░░░░░░░░░░                          ║
║     Loss: 18,000                                ║
║                                                  ║
║  CONVERSION RATE: 12% (visits → purchase)      ║
║                                                  ║
╚════════════════════════════════════════════════╝

4. Вкладка «User Cohorts»

╔════════════════════════════════════════════════╗
║         COHORT ANALYSIS (Monthly)              ║
├────────────────────────────────────────────────┤
║                                                  ║
║  Cohort    M0    M1    M2    M3    M4          ║
║  Jan       100%  45%   25%   15%   10%         ║
║  Feb       100%  48%   28%   18%   12%         ║
║  Mar       100%  52%   30%   20%   --          ║
║  Apr       100%  50%   29%   --    --          ║
║  May       100%  51%   --    --    --          ║
║                                                  ║
║  Вывод: Retention улучшается (+2-3% в M1)     ║
║                                                  ║
╚════════════════════════════════════════════════╝

5. Вкладка «Anomalies»

╔════════════════════════════════════════════════╗
║         ОБНАРУЖЕННЫЕ АНОМАЛИИ                  ║
├────────────────────────────────────────────────┤
║  🔴 CRITICAL (1)                                ║
║  2026-03-25 14:30  Revenue drop 45%             ║
║  В норме: $50K/h, сейчас: $27K/h              ║
║  >>> INVESTIGATE                                ║
║                                                  ║
║  🟡 WARNING (3)                                ║
║  2026-03-25 10:15  Error rate 8% (норма 2%)   ║
║  2026-03-25 08:45  API latency 2.1s (норма 500ms) ║
║  2026-03-24 20:30  DAU below forecast -15%     ║
║                                                  ║
║  ✅ RESOLVED (2)                                ║
║  Database latency (fixed 2h ago)               ║
║  Payment gateway timeout (auto-recovered)      ║
║                                                  ║
╚════════════════════════════════════════════════╝

6. Цвета и состояния

Статус индикаторы:

• 🟢 Норма (green): метрика в целевом диапазоне
• 🟡 Внимание (yellow): отклонение 10-20%
• 🔴 Критичная (red): отклонение > 20%

Тренды:

• ↑ Зелёный: рост (если это хорошо для метрики)
• ↓ Красный: падение (если это плохо для метрики)

7. Интерактивность

Что должно работать:

✓ Фильтры:
  - Дата (день, неделя, месяц, квартал, год)
  - Страна/регион
  - Тип устройства
  - Источник трафика
  - Когорта пользователей

✓ Детализация (drill-down):
  - Клик на Revenue → детализация по источникам
  - Клик на DAU → детализация по странам
  - Клик на дату → посуточная разбивка

✓ Экспорт:
  - CSV
  - Excel
  - PDF отчёт

✓ Сравнение периодов:
  - Current vs Previous month
  - Current vs YoY (year-over-year)

8. Технические метрики

Время загрузки:

• Overview: < 3 сек
• Графики: < 5 сек
• Детальные таблицы: < 10 сек

Обновление данных:

• KPI: каждый час
• Графики: каждый час
• Аномалии: каждые 15 минут
• Real-time метрики: каждую минуту

9. Что НЕ должно быть

Плохие практики:

• ❌ Слишком много метрик (более 20)
• ❌ Бесполезные графики (красивые, но данные не меняются)
• ❌ Дублирование информации
• ❌ Медленная загрузка (> 10 сек)
• ❌ Неработающие фильтры
• ❌ Непонятные единицы (что означает число?)

10. Примерная структура в Tableau/Looker

Dashboard: Business Overview
├── Overview Tab
│   ├── KPI Cards (Revenue, DAU, Churn, LTV)
│   ├── Trend Charts (7-day, 30-day)
│   └── Breakdown Tables (by source, by region)
├── Conversion Tab
│   ├── Funnel Chart
│   ├── Step-by-step conversion rates
│   └── Cohort table
├── Cohort Tab
│   ├── Retention heatmap
│   ├── Cohort size
│   └── Trends over time
├── Anomalies Tab
│   ├── Critical alerts
│   ├── Warning alerts
│   └── Resolution history
└── Settings
    ├── Date filters
    ├── Geography filters
    └── Device filters

Заключение

Хороший дашборд:

1. Ясен — с первого взгляда понимаешь что происходит
2. Быстрый — загружается за 3 сек
3. Интерактивен — фильтры и drill-down
4. Правильный — данные верные (не доверяй слепо)
5. Обновляется — свежие данные каждый час