Design Best Practices

1.1 Bảng Màu Cho Data

1.2 Rules Về Màu

DO:

• ✅ Maximum 5-7 màu trên 1 dashboard
• ✅ Dùng màu nhạt cho background, đậm cho highlights
• ✅ Consistent: cùng category = cùng màu xuyên suốt
• ✅ Xanh = tốt, Đỏ = xấu (convention)

DON'T:

• ❌ Rainbow colors (quá rối)
• ❌ Neon colors (đau mắt)
• ❌ Red + Green cùng lúc (color blind accessibility)
• ❌ Quá nhiều màu = noise

1.3 Corporate Color Palettes

1Professional Blue:    #1a73e8, #4285f4, #8ab4f8, #c6dafc
2Business Green:       #137333, #188038, #34a853, #81c995
3Warm Orange:          #e37400, #f29900, #fbbc04, #fde293
4Alert Red:            #c5221f, #d93025, #ea4335, #f28b82
5Neutral Gray:         #3c4043, #5f6368, #9aa0a6, #dadce0

1.4 Color Blind Friendly

8% nam giới bị color blind. Thay vì chỉ dùng màu:

• Dùng shapes + colors
• Dùng patterns (stripes, dots)
• Dùng labels trực tiếp
• Test với colorblind simulator tools

2.1 F-Pattern và Z-Pattern

2.2 Dashboard Layout Templates

Executive Dashboard (Z-pattern):

Analytical Dashboard:

2.3 White Space

White space KHÔNG phải lãng phí — nó giúp:

• Readability: Dễ đọc hơn
• Focus: Hướng mắt đến điểm quan trọng
• Professional: Trông "đắt tiền" hơn

Rule: Minimum 10-15px gap giữa các elements.

3.1 Font Hierarchy

3.2 Font Choices

Sans-serif cho dashboard: Tableau Regular, Segoe UI, Inter, Roboto, Helvetica

Rules:

• Maximum 2 fonts per dashboard
• 1 font cho headings, 1 cho body
• Consistent sizing throughout

3.3 Number Formatting

4.1 Narrative Structure

Mỗi dashboard nên có "câu chuyện":

11. WHAT happened?     → KPI cards (overview)
22. WHY did it happen? → Breakdown charts (analysis)
33. SO WHAT?           → Insights & recommendations
44. NOW WHAT?          → Next actions

4.2 Annotation Best Practices

Annotations giúp người xem hiểu context:

4.3 Emphasis Techniques

5.1 Chart Crimes

5.2 Dashboard Overload

Too much:

• 15+ charts trên 1 page
• 10+ filters
• Mixed fonts và colors
• No hierarchy

Just right:

• 4-6 charts max per page
• 2-3 key filters
• Consistent design system
• Clear visual hierarchy

Kiến thức đã học

5 Rules to Remember:

1. Colors — Max 5-7, consistent, colorblind-friendly
2. Layout — Z-pattern, KPIs first, detail below
3. Typography — 2 fonts max, clear hierarchy
4. Story — What → Why → So What → Now What
5. Less is more — 4-6 charts per page, white space is friend

Câu hỏi tự kiểm tra

1. F-pattern và Z-pattern áp dụng cho dashboard thế nào?
2. Tại sao không nên dùng quá 5-7 màu?
3. "What → Why → So What → Now What" nghĩa là gì?
4. White space có vai trò gì trong dashboard design?

Bài tiếp theo: Chart Types in Tableau — Master các loại chart trong Tableau!