Chi tiết các bước xây dựng view tiếp cận (Phần 4)

Khó khăn thường gặp với những nhà phân tích dữ liệu bằng Tableau là việc lựa chọn màu sắc và tạo độ tương phản. Nếu các kiến thức về việc phối màu tạo độ tương phản không phải là lĩnh vực của bạn, hãy tiếp tục xem bài viết này. Đây là phần tiếp theo của loạt bài viết về cách tạo view tăng khả năng tiếp cận, hãy xem lại các phần đầu để không bỏ sót các phương pháp khác.

Tham khảo:

Chi tiết các bước xây dựng view tiếp cận (Phần 1)

Chi tiết các bước xây dựng view tiếp cận (Phần 2)

Chi tiết các bước xây dựng view tiếp cận (Phần 3)

1. Sử dụng màu sắc và tạo độ tương phản phù hợp

Các bảng màu có sẵn phụ thuộc vào loại trường được đặt trên Color của thẻ Marks. Đối với bảng màu bất kì mà bạn sử dụng, đảm bảo rằng bạn cung cấp đủ độ tương phản và chỉ định các màu khác nhau trên quang phổ sáng tối.

• Đối với dimension (rời rạc), một phương pháp được đề xuất là sử dụng bảng màu Color Blind. Bạn cần điều chỉnh màu được chỉ định cho các giá trị dimension khác nhau. Hãy cố gắng cung cấp đủ độ tương phản và chỉ định các màu khác nhau trên quang phổ sáng-tối. Để có màu đơn sắc, hãy thử sử dụng bảng màu Seattle Grays với Stepped Color được đặt thành 5.
• Đối với measure (liên tục), hãy thử dùng bảng màu Blue (xanh lam) hoặc Orange-Blue Diverging (Cam-Xanh lam) với tùy chọn Stepped Color được đặt thành 5, bạn có thể cần điều chỉnh số bước được dùng. Đối với màu đơn sắc, hãy cân nhắc sử dụng bảng màu Gray (Xám) với Stepped Color đặt là 5.

Đối với màu văn bản, hướng dẫn chung là trình bày trực quan của văn bản và hình ảnh của văn bản có tỷ lệ tương phản ít nhất 4,5:1 (văn bản lớn là 3:1). Định dạng màu mặc định của Tableau tuân theo các tỷ lệ tương phản của quy định này, bạn có thể dùng công cụ phân tích độ tương phản tại đây để kiểm tra tỷ lệ tương phản của màu văn bản và hình nền.

Lưu ý: Khi bạn sử dụng màu sắc trong view, bạn phải cung cấp các loại mã hóa khác cho marks như là labels, size, shape và position. Đừng chỉ dựa vào màu sắc để phân biệt các marks.

Dimension trên Color

Less accessible: View dưới đây biểu diễn một ví dụ về một dimension rời rạc được đặt trên Color, tạo thành 20 màu. Các đường kẻ cung cấp thông tin hữu ích về vị trí nhưng màu sắc không phân biệt rõ ràng giữa các vạch.

More accessible: Trong ví dụ dưới đây, bảng màu Color Blind được sử dụng. Shape (hình dạng) cũng được dùng để cũng cố những gì đang được hiển thị bằng màu sắc.

Measure trên Color

Less accessible: View dưới đây là ví dụ về một measure liên tục đặt trên thẻ Color được đặt thành bảng màu Blue-Teal với các màu chuyển sắc. View không cung cấp đủ độ tương phản giữa các màu và trên quang phổ sáng tối. Việc dùng kích thước có thể giúp view nhưng bảng màu khiến người bị khiếm khuyết về thị lực khó có thể phân biệt độ tương phản giữa các marks.

More accessible: Ví dụ dưới đây sử dụng bảng màu Orange-Blue Diverging với các màu theo từng bước. Bảng màu này cung cấp độ tương phản được cải thiện giữa các marks.

Chọn một bảng màu

Bạn phải có một dimension hoặc một measure trên ô Color trong view để có tùy chọn này.

• Bước 1: Nhấn Color trong thẻ Marks và sau đó chọn Edit Colors.
• Bước 2: Tại dòng Select Color Palette, nhấn vào mũi tên hướng xuống và chọn bảng màu. Như ảnh minh họa dưới đây bảng màu được chọn là Color Blind.

Đối với bảng màu Color Blind, chọn Assign Palette và chọn OK. Nếu không thì bạn có thể chọn OK.

Thay đổi màu sắc của một giá trị:

• Bước 1: Nhấn vào giá trị bên trái, bên dưới Select Data Item.
• Bước 2: Chọn một màu mới trong bảng màu bên phải. Rê chuột qua mẫu để xác định màu, lặp lại cho các giá trị mà bạn muốn thay đổi.
• Bước 3: Nhấn OK để thoát khỏi hộp thoại Edit Colors.

Ví dụ dưới đây hiển thị bảng màu Orange-Blue Diverging với Stepped Color được đặt là 5.

• Bước 4: Đối với bảng màu Color Blind, nhấn chọn Assign Palette và sau đó chọn OK. Nếu không thì nhấn OK. Bạn có thể xem chi tiết màu sắc và các bảng màu được Tableau hỗ trợ qua bài viết dưới đây.

Tham khảo: Cách định dạng cho marks trong Tableau

2. Cung cấp các dấu hiệu trực quan ngoài màu sắc: position, size và shape

Khi bạn dùng màu sắc cho các giá trị trường, bạn phải cung cấp các loại mã hóa khác cho marks như là labels, position, size và shape. Sử dụng position, size hoặc shape cho các giá trị trường giống nhau để củng cố sự khác biệt giữa các marks. Tất cả các cơ chế này đều truyền đạt thông tin về dữ liệu cho người dùng của bạn.

Nếu bạn sử dụng màu sắc để biểu diễn các giá trị dimension hoặc measure, hãy chắc chắn bạn cung cấp đủ độ tương phản quan phổ sáng tối cho các màu mà bạn gán cho các marks khác nhau.

Less accessible: Ví dụ dưới đây biểu diễn một scatter plot không dùng màu sắc, hình dạng (shape) hoặc kích cỡ (size) để tạo tương phản. Vị trí của các marks cung cấp thông tin có ý nghĩa nhưng view có thể dùng nhiều tín hiệu trực quan hơn.

More accessible: Dưới đây là một calculated field được đặt tên là Quadrant được dùng trên màu sắc và hình dạng. Vị trí (position), màu sắc và hình dạng được sử dụng để phân biệt các marks. Các trục cũng góp phần làm rõ vị trí marks và ý nghĩa.

3. Đặt tất cả lại với nhau

Ví dụ tiếp theo sẽ biểu diễn cách text, shape, color và size có thể làm việc cùng nhau để tạo một accessible view. Sales (doanh số) được thể hiện bằng kích cỡ của mỗi vòng tròn (mark). Profit (lợi nhuận) được thể hiện bằng màu sắc và văn bản.

Title (tiêu đề) và caption (chú thích) cho view được hiển thị và đã được chỉnh sửa để cung cấp thêm ngữ cảnh. Tiêu đề filter (bộ lọc) và legend (chú giải) cũng được chỉnh sửa.

Qua 4 phần, BAC đã giới thiệu đến bạn đọc những phương pháp tạo view có khả năng truy cập cao cho người dùng. Đồng thời, các hướng dẫn chi tiết trong từng bài sẽ giúp bạn ứng dụng trong các dự án của mình. Đừng quen theo dõi các nội dung mới nhất sẽ được gửi đến bạn đọc tại website bacs.vn.

Nguồn tham khảo:
https://help.tableau.com/

Đọc tiếp phần 5 tại đây nhé: Chi tiết các bước xây dựng view tiếp cận (Phần 5)

Nhu cầu đào tạo doanh nghiệp

BAC là đơn vị đào tạo BA đầu tiên tại Việt Nam. Đối tác chính thức của IIBA quốc tế. Ngoài các khóa học public, BAC còn có các khóa học in house dành riêng cho từng doanh nghiệp. Chương trình được thiết kế riêng theo yêu cầu của doanh nghiệp, giúp doanh nghiệp giải quyết những khó khăn và tư vấn phát triển.