🎯 Mục tiêu bài học
- Thiết kế Executive Banking Dashboard với các KPIs chính
- Áp dụng dashboard design principles cho ngành tài chính
- Tạo drill-down reports từ tổng quan đến chi tiết
- Chuẩn bị data model cho Power BI / Tableau dashboard
| Thông tin | Chi tiết |
|---|---|
| ⏱️ Thời lượng | 2 giờ |
| 📖 Chủ đề chính | Dashboard Design, KPI Cards, Drill-down, Data Model |
| 💡 Kiến thức cần có | Bài 03 (KPIs), Bài 08 (Branch), Data Visualization |
| 🎯 Output | Banking Dashboard Blueprint |
📖 Thuật ngữ quan trọng
| Thuật ngữ | Tiếng Việt | Mô tả |
|---|---|---|
| KPI Card | Thẻ chỉ số | Widget hiển thị 1 KPI với giá trị + trend |
| Drill-down | Đào sâu | Từ tổng quan → chi tiết (Region → City → Branch) |
| Slicer/Filter | Bộ lọc | Cho phép user lọc theo thời gian, region, product |
| Sparkline | Biểu đồ nhỏ | Biểu đồ trend nhỏ gọn bên cạnh KPI |
| Heatmap | Bản đồ nhiệt | Visualization dùng màu sắc thể hiện cường độ |
| Waterfall Chart | Biểu đồ thác nước | Hiển thị đóng góp từng thành phần vào tổng |
| Executive Summary | Tóm tắt điều hành | Trang đầu dashboard cho CEO/BOD |
Checkpoint
Banking Dashboard cần: KPI Cards (top row), Trend Charts (time series), Drill-down (Region→Branch), Slicers (Date, Product, Region). Executive Summary trên 1 trang A4. Design principle: Information hierarchy — quan trọng nhất ở góc trên trái.
🎨 Dashboard Layout & Design Principles
Dashboard Layout Blueprint
Header: VNCredit Bank — Executive Dashboard | Date Filter | Region ▼
Row 1 — KPI Cards (tóm tắt tức thỳ):
| Total Loans | NPL Rate | Approval Rate | CER |
|---|---|---|---|
| 52,000 | 7.0% ▲ | 65% | 93.5% |
| +8% YoY | was 6.2% | -2% MoM | +1.2% MoM |
Row 2 — Trend Charts:
| 📈 Loan Volume Trend (24 months) | 📊 Default Rate by Product |
|---|---|
| Line chart — volume & amount theo tháng | Personal █████ 9% |
| Key insight: seasonal patterns, growth | Credit Card ██████ 12% |
| Auto ███ 5% • Mortgage ██ 3% |
Row 3 — Detail Analysis:
| 🗺️ Regional Performance | 📊 DPD Aging Distribution |
|---|---|
| Bắc: 45 branches | ████████████░░░ 75% Current |
| Nam: 50 branches | ██░ 18% Late • █ 7% Missed |
| Trung: 25 branches | Stacked bar chart |
Design Principles cho Banking Dashboard
| Principle | Mô tả | Ví dụ |
|---|---|---|
| Information Hierarchy | Quan trọng nhất ở trên, góc trái | KPI Cards → Trends → Details |
| Color Coding | Consistent color = consistent meaning | 🟢 Good (<3% NPL), 🟡 Warning (3-5%), 🔴 Alert (>5%) |
| Benchmark Lines | Luôn có đường benchmark | NPL target line at 3% |
| Trend Indicators | Mũi tên ▲▼ và % change | +8% YoY, -2% MoM |
| Drill-down Path | National → Region → City → Branch | Click vào region để xem chi nhánh |
| Time Context | YTD, MTD, QoQ, YoY | Luôn so sánh với cùng kỳ |
📊 SQL cho Dashboard Data
KPI Summary Cards
1-- 1. KPI Summary cho dashboard2SELECT 3 -- Total Portfolio4 COUNT(*) AS total_approved_loans,5 SUM(loan_amount) AS total_portfolio_amount,6 -- Quality7 ROUND(AVG(default_flag) * 100, 2) AS npl_rate_pct,8 -- Approval9 (SELECT ROUND(AVG(CASE WHEN status = 'Approved' THEN 1.0 ELSE 0 END) * 100, 1)10 FROM fact_loan_application) AS approval_rate,11 -- Average metrics12 ROUND(AVG(loan_amount), 0) AS avg_loan_size,13 ROUND(AVG(credit_score), 0) AS avg_credit_score,14 ROUND(AVG(dti_ratio), 1) AS avg_dti_ratio,15 -- Unique customers16 COUNT(DISTINCT customer_id) AS unique_borrowers17FROM fact_loan_application18WHERE status = 'Approved';Monthly Trend Data
1-- 2. Monthly trend cho line charts2SELECT 3 FORMAT(application_date, 'yyyy-MM') AS month,4 COUNT(*) AS loan_count,5 SUM(loan_amount) AS loan_amount,6 ROUND(AVG(default_flag) * 100, 2) AS default_rate,7 ROUND(AVG(credit_score), 0) AS avg_score,8 COUNT(DISTINCT customer_id) AS new_borrowers9FROM fact_loan_application10WHERE status = 'Approved'11GROUP BY FORMAT(application_date, 'yyyy-MM')12ORDER BY month;Product Mix Treemap Data
1-- 3. Product mix cho treemap/donut chart2SELECT 3 p.product_type,4 p.product_name,5 COUNT(*) AS loan_count,6 SUM(l.loan_amount) AS total_amount,7 ROUND(SUM(l.loan_amount) * 100.0 / SUM(SUM(l.loan_amount)) OVER(), 1) AS pct_portfolio,8 ROUND(AVG(l.default_flag) * 100, 2) AS default_rate,9 ROUND(AVG(l.interest_rate), 2) AS avg_rate10FROM fact_loan_application l11JOIN dim_product p ON l.product_id = p.product_id12WHERE l.status = 'Approved'13GROUP BY p.product_type, p.product_name14ORDER BY total_amount DESC;Regional Drill-down Data
1-- 4. Regional data cho map & drill-down2SELECT 3 b.region,4 b.city,5 COUNT(DISTINCT b.branch_id) AS branches,6 COUNT(l.application_id) AS total_loans,7 SUM(l.loan_amount) AS total_amount,8 ROUND(AVG(l.default_flag) * 100, 2) AS default_rate,9 COUNT(DISTINCT l.customer_id) AS unique_customers10FROM dim_branch b11JOIN fact_loan_application l ON b.branch_id = l.branch_id12WHERE l.status = 'Approved'13GROUP BY b.region, b.city14ORDER BY b.region, total_amount DESC;📋 Dashboard Pages & Drill-down Structure
Multi-page Dashboard Architecture
Kiến trúc Dashboard 5 trang
| Trang | Nội dung chính | KPIs & Charts |
|---|---|---|
| 1. Executive Summary | Tổng quan cho CEO/BOD | KPI Cards + Overall Trends + Regional Map |
| 2. Credit Quality | Chất lượng tín dụng | NPL Trend + Default by Score + DPD Aging + Vintage |
| 3. Branch Performance | Hiệu suất chi nhánh | Scorecard Table + Regional Comparison + Top/Bottom |
| 4. Customer Insights | Phân tích khách hàng | Segmentation + RFM + CLV + Cross-sell + Churn |
| 5. Transaction Analytics | Phân tích giao dịch | Channel Mix + Digital Adoption + Anomaly Alerts |
Filters (Slicers) chung
| Filter | Type | Options |
|---|---|---|
| Date Range | Date picker | Last 30/90/365 days, Custom |
| Region | Multi-select | Miền Bắc, Miền Trung, Miền Nam |
| Product Type | Multi-select | Personal, Mortgage, Auto, Credit Card |
| Branch Type | Single-select | All, Main, Sub, Kiosk |
| Customer Segment | Multi-select | Mass, Affluent, Priority |
Mỗi trang dashboard phải truyền tải key message trong 5 giây. Ban lãnh đạo ngân hàng thường chỉ có 5-10 phút cho mỗi báo cáo. KPI cards ở trên cùng = câu trả lời ngay lập tức.
Checkpoint
Banking Dashboard: 5 pages (Executive Summary, Credit Quality, Branch Performance, Customer Insights, Transaction Analytics). Layout: KPI Cards (top) → Trend Charts → Detail Tables. Design: Color coding (🟢🟡🔴), benchmark lines, trend arrows, drill-down path. Filters: Date + Region + Product + Segment. 5-second rule cho executive reporting.
📋 Tổng kết
Kiến thức đã học
| Chủ đề | Nội dung chính |
|---|---|
| Dashboard Architecture | 5 pages: Executive → Credit → Branch → Customer → Transaction |
| Layout Design | KPI Cards (top) → Trend Charts → Detail Tables |
| Color Coding | 🟢 Good / 🟡 Warning / 🔴 Alert |
| Drill-down | National → Region → City → Branch |
| 5-second Rule | Key message phải rõ trong 5 giây đầu tiên |
| Filters | Date + Region + Product + Segment |
Key Takeaways
- ✅ KPI Cards ở trên cùng — ban lãnh đạo nắm tình hình ngay lập tức
- ✅ Benchmark lines giúp đánh giá nhanh hiệu suất vs target
- ✅ Drill-down path cho phép khám phá từ tổng quan đến chi tiết
- ✅ 5-second rule là nguyên tắc vàng cho executive dashboard
Câu hỏi tự kiểm tra
- Banking Dashboard cần những trang nào?
- 5-second rule nghĩa là gì trong dashboard design?
- Drill-down path chuẩn trong banking là gì?
- Tại sao cần benchmark lines trong dashboard?
Bài tiếp theo: Regulatory & Compliance Reporting →
🎉 Tuyệt vời! Bạn đã thành thạo Banking Dashboard Design!
Nhớ: Dashboard = storytelling bằng data. KPI Cards + Color Coding + Drill-down = executive hiểu ngay!
