Appearance
🎮 Dashboard Sprint — Speed Run Build Dashboard!
Bạn là Sprint Master tại InsightLab 🔬 — analytics agency chuyên build dashboards cho clients. Hôm nay, 7 clients gửi requests khẩn cấp: mỗi client cần 1 quyết định dashboard trong vài phút. Chọn đúng = XP. Chọn sai = client mất trust, project delay! ⏰
🎯 Mục tiêu học tập
Sau khi hoàn thành game, bạn sẽ:
- Chọn chart type phù hợp cho từng business question
- Thiết kế layout dashboard hiệu quả — hierarchy, flow
- Phát hiện lỗi dashboard — data accuracy, design, UX
- Viết annotation cho charts — highlight insight
- Prioritize — biết gì quan trọng nhất trên dashboard
📜 Luật chơi
┌──────────────────────────────────────────────────────┐
│ BẠN = Sprint Master 🔬 │
│ CLIENTS = 7 companies cần dashboard decisions │
│ MỖI VÒNG = 1 dashboard challenge → 4 lựa chọn │
│ CHỌN đúng = XP │
│ MỤC TIÊU = Thu thập ≥ 80 XP để đạt hạng Gold 🥇 │
└──────────────────────────────────────────────────────┘Cách tính điểm mỗi vòng:
| Thành phần | XP |
|---|---|
| Trả lời đúng | +12 XP (Vòng 1–3), +14 XP (Vòng 4–5), +16 XP (Vòng 6–7) |
| Trả lời sai | +0 XP |
| Không dùng hint | +2 XP bonus ⚡ |
| Giải thích đúng lý do | +3 XP bonus 🧠 |
Tổng XP tối đa: 12+12+12+14+14+16+16 = 96 XP (chưa tính bonus)
Nguyên tắc quan trọng:
- 📊 Chart phù hợp > chart fancy — đúng message, đúng audience
- 🎯 Dashboard trả lời câu hỏi — không phải trưng bày data
- 👁️ 3 giây rule — viewer biết insight chính trong 3 giây đầu
🏆 Bảng xếp hạng & Huy hiệu
Ranks
| Hạng | XP | Mô tả |
|---|---|---|
| 🥇 Gold — Dashboard Architect | ≥ 80 XP | Bạn design dashboard như pro — clear, actionable, beautiful! |
| 🥈 Silver — Dashboard Builder | ≥ 55 XP | Tốt! Đôi chỗ cần polish — review lại design principles. |
| 🥉 Bronze — Dashboard Beginner | ≥ 30 XP | Hiểu basics nhưng cần practice layout & chart selection. |
| 💀 Game Over | < 30 XP | Client mất trust — quay lại đọc toàn bộ Buổi 19 + 11! |
Huy hiệu đặc biệt
| Badge | Điều kiện | Mô tả |
|---|---|---|
| 📊 Chart Picker Pro | Đúng Vòng 1 + Vòng 2 | Master chọn chart type! |
| 🎨 Design Eye | Đúng Vòng 3 + Vòng 4 | Phát hiện lỗi design nhanh! |
| ✍️ Annotation Master | Đúng Vòng 5 | Viết annotation như storyteller! |
| 🏗️ Layout Architect | Đúng Vòng 6 | Dashboard layout perfect! |
| 🔥 Full Streak | 7 vòng liên tiếp đúng | Perfect dashboard judgment! |
| 🏆 Perfect Score | Đúng tất cả 7 vòng | Dashboard Sprint Legend! |
| 💡 No Hints Hero | Không dùng hint cả game | Pure design intuition! |
🎲 Chỉ số theo dõi
┌─────────────────────────────────────────┐
│ 📊 DASHBOARD SPRINT TRACKER │
│ │
│ ⭐ XP: _____ / 96 │
│ 🎯 Vòng đúng: _____ / 7 │
│ 🏅 Huy hiệu: _____ │
│ 🏆 Rank: _____ │
│ │
│ Combo Streak: _____ vòng đúng liên │
│ tục │
└─────────────────────────────────────────┘🏁 Bắt đầu Game!
Vòng 1: Chart Selection — Revenue Trend [12 XP]
Client: FoodieApp 🍕 — food delivery app, 200,000 orders/tháng.
CMO gửi email: "Team ơi, em cần chart show revenue trend 12 tháng qua. Cần thấy MoM trend rõ ràng — tháng nào peak, tháng nào dip. Budget meeting thứ 6 này."
Dataset: Monthly revenue (12 data points), 1 metric, continuous time axis.
4 lựa chọn:
| Lựa chọn | Chart Type | Mô tả |
|---|---|---|
| A | 🥧 Pie Chart | 12 slices — mỗi tháng 1 slice |
| B | 📊 Grouped Bar Chart | 12 bars, mỗi bar = 1 tháng |
| C | 📈 Line Chart | X = tháng, Y = revenue, connected line |
| D | 🗺️ Treemap | 12 rectangles sized by revenue |
💡 Hint (−2 XP)
Trend data (thời gian liên tục) cần chart type thể hiện direction và pattern over time. Pie chart và Treemap không thể hiện time order.
✅ Đáp án
C — Line Chart ✅ (+12 XP)
Lý do: Revenue trend 12 tháng = continuous time series data. Line chart thể hiện:
- Direction: tăng/giảm rõ ràng
- Pattern: seasonality, peaks, dips
- Continuity: mắt theo dõi trend tự nhiên
❌ Pie: Không thể hiện time order. 12 slices khó đọc. ❌ Grouped Bar: Có thể dùng nhưng không thể hiện trend liên tục bằng line. ❌ Treemap: Shows composition, not trend.
Vòng 2: Chart Selection — Category Comparison [12 XP]
Client: EduTech 📚 — online learning platform, 50,000 students.
Product Manager: "Mình cần so sánh revenue của 8 course categories. Cần thấy category nào contribute nhiều nhất, sort from high to low."
Dataset: 8 categories, 1 metric (revenue), comparison purpose.
4 lựa chọn:
| Lựa chọn | Chart Type | Mô tả |
|---|---|---|
| A | 📈 Line Chart | 8 data points connected |
| B | 📊 Horizontal Bar Chart | 8 bars, sorted descending, horizontal |
| C | 🥧 Pie Chart | 8 slices |
| D | 📉 Area Chart | 8 stacked areas |
💡 Hint (−2 XP)
Comparison tasks (so sánh independent categories) cần chart type dễ compare lengths và đọc labels. Horizontal bars cho phép labels dài dễ đọc hơn vertical bars.
✅ Đáp án
B — Horizontal Bar Chart ✅ (+12 XP)
Lý do: So sánh 8 categories:
- Bar chart = pre-attentive: mắt so sánh length tự nhiên
- Horizontal: labels category dài đọc dễ hơn vertical
- Sorted descending: thấy ranking ngay lập tức
❌ Line: Line implies continuity/trend — categories không có order ❌ Pie: 8 slices khó compare — chênh lệch nhỏ khó phân biệt ❌ Area: Stacked area = composition over time, không phải comparison
Vòng 3: Dashboard Layout Bug [12 XP]
Client: HealthPlus 🏥 — healthcare SaaS, 300 clinics.
Senior DA gửi dashboard draft cho bạn review. Tìm lỗi LỚN NHẤT:
┌──────────────────────────────────────────────────────┐
│ HealthPlus Metrics Dashboard │
│ │
│ ┌────────────────────────────────────────────────┐ │
│ │ Detailed Table: 50 rows × 12 columns │ │
│ │ (Patient data with all metrics) │ │
│ │ ............................................ │ │
│ │ ............................................ │ │
│ └────────────────────────────────────────────────┘ │
│ │
│ ┌──────┐ ┌──────┐ ┌──────┐ ┌──────┐ │
│ │ KPI │ │ KPI │ │ KPI │ │ KPI │ │
│ │ Card │ │ Card │ │ Card │ │ Card │ │
│ └──────┘ └──────┘ └──────┘ └──────┘ │
│ │
│ ┌────────────────────┐ ┌────────────────────┐ │
│ │ Trend Chart │ │ Bar Chart │ │
│ └────────────────────┘ └────────────────────┘ │
└──────────────────────────────────────────────────────┘4 lựa chọn:
| Lựa chọn | Lỗi lớn nhất |
|---|---|
| A | Charts quá nhỏ — cần full-width |
| B | Thiếu filters — không interactive |
| C | Layout ngược: Detail table ở TOP, KPI cards ở GIỮA — nên KPI → Trend → Detail |
| D | Thiếu title — không biết dashboard cho ai |
💡 Hint (−2 XP)
Information hierarchy trên dashboard: Big picture first (KPIs) → Trends → Details. Viewer cần context trước khi đi vào chi tiết.
✅ Đáp án
C — Layout ngược ✅ (+12 XP)
Lý do: Hierarchy đúng = KPI cards (summary) → Trend charts (pattern) → Detail table (drill-down). Dashboard hiện tại đặt detail table ở TOP — viewer phải scroll qua 50 rows data mới thấy KPIs. Không ai đọc 50 rows trước khi biết big picture.
Fix: Di chuyển KPI cards lên TOP, trend charts GIỮA, detail table BOTTOM (hoặc trang riêng).
❌ A: Charts có thể nhỏ nhưng không phải lỗi lớn nhất. ❌ B: Filters là nice-to-have, layout hierarchy là must-have. ❌ D: Title quan trọng nhưng layout ngược ảnh hưởng UX nhiều hơn.
Vòng 4: Data Accuracy — Spot the Error [14 XP]
Client: RetailMax 🛒 — chuỗi bán lẻ, 50 stores toàn quốc.
Finance Director gửi dashboard cho bạn review trước Board meeting. Bạn nhận thấy:
KPI Cards:
| Metric | Value |
|---|---|
| Total Revenue | 125.3 tỷ VND |
| Total Orders | 2,450,000 |
| AOV | 620,000 VND |
| Store Count | 50 |
Revenue by Region (Bar Chart): Bắc: 45 tỷ, Trung: 28 tỷ, Nam: 52 tỷ.
Lỗi ở đâu?
| Lựa chọn | Lỗi |
|---|---|
| A | Store Count = 50 → nên là KPI khác (50 stores không phải metric thay đổi) |
| B | Revenue by Region tổng = 125 tỷ, nhưng KPI card = 125.3 tỷ → gap 0.3 tỷ |
| C | AOV 620K × 2.45M orders = 1,519 tỷ ≠ 125.3 tỷ → AOV hoặc Orders sai |
| D | Cả B và C đều sai |
💡 Hint (−2 XP)
Sanity check 1: Grand total = sum of parts? (125.3 vs 45+28+52 = 125) Sanity check 2: AOV × Orders = Revenue? (620K × 2.45M = ?)
✅ Đáp án
D — Cả B và C đều sai ✅ (+14 XP)
Lý do:
Lỗi B: Region sum = 45 + 28 + 52 = 125 tỷ nhưng KPI card = 125.3 tỷ. Gap 0.3 tỷ = có data không thuộc region nào (null region?) hoặc rounding error. Cần investigate.
Lỗi C: AOV 620,000 × Orders 2,450,000 = 1,519 tỷ ≠ 125.3 tỷ. Sai 12x! Có thể AOV tính sai (tính trung bình có filter?), hoặc Orders count bị double (count tất cả line items thay vì distinct orders).
Đây là bài học QA quan trọng nhất: LUÔN cross-check KPI cards với nhau trước khi present.
Vòng 5: Annotation Writing [14 XP]
Client: TravelGo ✈️ — online travel agency.
Bạn có line chart "Bookings per Month — 2025" với pattern rõ:
- Jan-Mar: flat ~8,000/month
- Apr: spike to 15,000 (Tết holiday season)
- May-Jun: drop to 6,000
- Jul-Aug: peak 18,000 (summer vacation)
- Sep-Nov: gradual decline to 7,000
- Dec: spike to 14,000 (year-end travel)
CEO cần 1 annotation trên chart. Chọn annotation TỐT NHẤT:
| Lựa chọn | Annotation |
|---|---|
| A | "Bookings thay đổi trong năm" (placed at center) |
| B | "Jul: 18,000 bookings" (label trên data point) |
| C | "📌 Summer peak: 18K bookings (+125% vs baseline). Action: pre-book inventory by May for Jul-Aug season" (arrow pointing to Jul-Aug peak) |
| D | "Seasonality pattern observed with multiple peaks and troughs throughout the fiscal year" (long text box at bottom) |
💡 Hint (−2 XP)
Good annotation: specific, quantified, actionable. Bad annotation: vague, obvious, or too academic. Annotation = mini-insight, không phải label.
✅ Đáp án
C — "Summer peak: 18K bookings (+125% vs baseline). Action: pre-book inventory by May" ✅ (+14 XP)
Lý do: Annotation C có đủ 3 yếu tố:
- Specific: Points to exact peak (Jul-Aug, 18K)
- Quantified: +125% vs baseline → magnitude of change
- Actionable: "Pre-book inventory by May" → reader knows what to DO
❌ A: Quá vague — nói chung chung mà ai nhìn chart cũng thấy. ❌ B: Chỉ là data label, không phải insight. ❌ D: Academic tone, không actionable, quá dài → tốn space trên dashboard.
Vòng 6: Dashboard Page Structure [16 XP]
Client: FinServe 🏦 — ngân hàng số, 500,000 users.
Risk Manager cần dashboard "Loan Portfolio Risk". Bạn cần thiết kế 3 pages. Chọn structure TỐT NHẤT:
| Lựa chọn | Page 1 | Page 2 | Page 3 |
|---|---|---|---|
| A | All KPIs + all charts (1 page only) | (empty) | (empty) |
| B | KPIs: Total loans, Default rate, NPL ratio, Avg loan amount | Deep Dive: Default by segment, region, loan type, vintage | Recommendations: Top risk segments + action plan |
| C | Charts only (no KPIs) | Tables only (no charts) | Text summary only |
| D | Page for CEO | Page for Risk team | Page for Marketing team |
💡 Hint (−2 XP)
Dashboard structure follow Pyramid Principle: summary → analysis → detail/action. Mỗi page phục vụ 1 level of detail.
✅ Đáp án
B — Overview → Deep Dive → Recommendations ✅ (+16 XP)
Lý do: Structure B theo Pyramid Principle:
- Page 1 (Overview): Big picture — KPI cards give instant context: how much risk? trending up or down?
- Page 2 (Deep Dive): Drill-down — WHERE is the risk? Which segment, region, loan vintage?
- Page 3 (Recommendations): SO WHAT — What should we DO about it? Actionable next steps.
❌ A: 1 page = cramped, no hierarchy. Impossible to navigate. ❌ C: No mixed media — charts without KPIs miss context, tables without charts miss patterns, text without visuals misses evidence. ❌ D: Audience-based structure CAN work but mixes hierarchies — usually Overview→Detail→Action is better for single-topic dashboards.
Vòng 7: Executive Summary Review [16 XP]
Client: ShopVN 🛍️ — e-commerce platform.
DA team viết executive summary. Chọn finding viết TỐT NHẤT:
| Lựa chọn | Finding |
|---|---|
| A | "Revenue tăng" |
| B | "Revenue tăng 18% YoY, đạt 52 tỷ VND trong FY2025" |
| C | "Revenue tăng 18% YoY (52 tỷ VND, FY2025), driven by Electronics (+32%) và Fashion (+24%). Tuy nhiên, margin giảm 2pp do promotional spending. Recommend: Shift promotional budget từ low-margin categories sang Electronics (margin 42%) để tối ưu profitability — estimated impact: +2.8 tỷ profit/year." |
| D | "Doanh thu ghi nhận mức tăng trưởng tích cực so với cùng kỳ năm trước, phản ánh sự cải thiện đáng kể trong hiệu quả kinh doanh và chiến lược bán hàng của công ty, đặc biệt trong bối cảnh thị trường có nhiều biến động và cạnh tranh gay gắt từ các đối thủ trong và ngoài nước." |
💡 Hint (−2 XP)
Executive summary finding cần: What (data) → So What (impact) → Now What (action). Cần cụ thể, quantified, và actionable. Tránh vague language và academic/corporate jargon.
✅ Đáp án
C — Full What → So What → Now What ✅ (+16 XP)
Lý do: Finding C có đầy đủ:
| Layer | Content |
|---|---|
| WHAT | Revenue tăng 18% YoY, 52 tỷ, breakdown by category |
| SO WHAT | Margin giảm 2pp do promotions — growth nhưng profitability giảm |
| NOW WHAT | Shift budget → Electronics (42% margin) → +2.8 tỷ profit/year |
❌ A: Quá vague — "tăng" bao nhiêu? So với gì? ❌ B: Có WHAT nhưng thiếu SO WHAT và NOW WHAT — data without action. ❌ D: Corporate jargon, zero numbers, zero insight, zero action. 65 words nói 0 điều cụ thể.
🏁 Kết thúc Game!
Tính điểm
| Vòng | Nội dung | Max XP |
|---|---|---|
| 1 | Chart Selection — Revenue Trend | 12 + 5 bonus |
| 2 | Chart Selection — Category Comparison | 12 + 5 bonus |
| 3 | Dashboard Layout Bug | 12 + 5 bonus |
| 4 | Data Accuracy — Spot the Error | 14 + 5 bonus |
| 5 | Annotation Writing | 14 + 5 bonus |
| 6 | Dashboard Page Structure | 16 + 5 bonus |
| 7 | Executive Summary Review | 16 + 5 bonus |
| Total | 96 XP + 35 bonus |
Đánh giá
┌──────────────────────────────────────────────────────┐
│ 🏆 KẾT QUẢ DASHBOARD SPRINT │
│ │
│ ⭐ Total XP: _____ / 96 │
│ 🎖 Bonus XP: _____ / 35 │
│ 📊 Accuracy: _____ / 7 đúng │
│ │
│ 🏅 Rank: _______________ │
│ 🎯 Badges: _______________ │
│ │
│ 📌 Review lại: │
│ - Vòng sai: _____ → đọc lại phần tương ứng │
│ - Buổi liên quan: 10 (Viz), 11 (BI), 12 (Story) │
└──────────────────────────────────────────────────────┘Skill Map
| Vòng | Skill | Liên kết buổi |
|---|---|---|
| 1-2 | Chart Selection | Buổi 10: Matplotlib & Seaborn |
| 3 | Dashboard Layout | Buổi 11: Power BI / Tableau |
| 4 | Data Accuracy | Buổi 8: Pandas & Data Cleaning |
| 5 | Annotation | Buổi 12: Data Storytelling |
| 6 | Page Structure | Buổi 11: Dashboard Design |
| 7 | Executive Summary | Buổi 12: Presentation |