Các quy tắc cần thiết để thiết kế và sản xuất lô là gì?


19

Lý lịch:

Trước đây về Xác thực chéo, chúng tôi đã có câu hỏi về:

@David đã đề xuất trong các bình luận cho câu hỏi này rằng chúng ta nên có một câu hỏi wiki cộng đồng với một quy tắc trực quan cho mỗi câu trả lời mà cộng đồng có thể bỏ phiếu.

Câu hỏi

Các quy tắc thiết yếu về thiết kế và sản xuất biểu diễn đồ họa của dữ liệu là gì?

Quy tắc

  • Một quy tắc cho mỗi câu trả lời
  • Lý tưởng nhất, bao gồm một lời giải thích ngắn gọn về lý do tại sao bạn nghĩ rằng đó là một ý tưởng tốt
  • Câu trả lời với các ví dụ (mã và hình ảnh) của thực hành tốt và xấu được ưa thích.

Câu trả lời:


13

Chất trên biểu mẫu : Chọn cốt truyện, kiểu dáng, màu sắc phù hợp hoặc các tham số đồ họa khác để hiển thị những gì bạn muốn biểu đồ hiển thị, thay vì những gì gói đồ họa của bạn nhất thiết phải cho phép.


8
(+1) Trước tiên tôi thường thích phác thảo một biểu đồ trên giấy để giảm khả năng các quyết định thiết kế của tôi sẽ được hướng dẫn theo con đường ít kháng cự nhất được tạo ra bởi phần mềm vẽ đồ thị.
Jeromy Anglim

13

Làm quen với ba chiều màu có thể hữu ích. Nếu bạn sử dụng một vài màu, chúng sẽ lý tưởng khác nhau trên một vài trong số các kích thước đó, không chỉ một màu.

Giá trị. Biểu đồ nên vẫn có thể đọc được ngay cả trong màu đen và trắng. Quy tắc đơn giản này nên giải thích cho mù màu, máy in chất lượng thấp và điều kiện ánh sáng xấu. Ngay cả khi bạn sử dụng các màu khác nhau, hãy đảm bảo rằng các giá trị này đủ khác nhau. Cụ thể, các ô nên tối trên nền sáng (hoặc ngược lại), nhưng không được tô màu xám trên giá trị xám. Ví dụ tồi tệ nhất sẽ là một ô màu xanh của nền đỏ - cả hai đều là giá trị trung bình, nghĩa là sẽ cho các màu xám rất giống nhau sau khi chuyển đổi thành màu đen và trắng.

Độ bão hòa. Độ bão hòa nên được sử dụng với mức độ vừa phải: một đường màu đỏ thuần có thể tốt, nhưng đường màu đỏ dày hơn, ít bão hòa hơn sẽ dễ đọc hơn (độ dày tăng giúp phân biệt màu sắc và cho phép bạn giảm độ bão hòa). Mặt khác, một khu vực màu đỏ tinh khiết rất đau đớn khi nhìn vào: không sử dụng màu sắc bão hòa để lấp đầy các khu vực. Các bảng màu của nhà sản xuất bia (được thiết kế cho bản đồ, không phải các ô dòng) đưa ra các ví dụ về các lựa chọn màu có độ bão hòa thấp. Ví dụ tồi tệ nhất là, một lần nữa, một nền bão hòa (màu xanh trên đỏ hoặc đỏ trên xanh).

Huế. Như @gung đã đề cập, tránh kết hợp màu đỏ / xanh lá cây (đèn giao thông): có nhiều người mù màu hơn bạn nghĩ. Đặc biệt với màu sắc, ít hơn là nhiều hơn. Ví dụ, để vẽ các giá trị "phân kỳ" (nghĩa là các đại lượng có thể dương hoặc âm), chỉ sử dụng hai màu (cho các giá trị dương và âm), để người đọc có thể phân biệt ngay cái gì cao và cái nào thấp. Sử dụng một gradient rời rạc có thể dẫn đến một âm mưu dễ đọc hơn nhiều: ranh giới giữa các màu trở nên rõ ràng và tạo thành một đường viền.

Bạn có thể muốn đọc Quy tắc thực hành của S. Few về việc sử dụng màu sắc trong biểu đồ hoặc tham khảo bất kỳ tài liệu nào về "Lý thuyết màu sắc" cho sinh viên nghệ thuật hoặc thiết kế.


+1, thông tin tốt đẹp ở đây. Quan điểm của bạn về giá trị và cách màu sắc sẽ hiển thị sau khi chuyển đổi sang màu đen và trắng đặc biệt tốt. Liên kết đến giấy Few cũng hữu ích. Một lưu ý: tốt nhất không nên xem các câu trả lời khác là "ở trên", thay vào đó hãy sử dụng @ so-and-so; các câu trả lời di chuyển xung quanh dựa trên số phiếu họ nhận được.
gung - Phục hồi Monica

11

Đặt càng nhiều thông tin cần thiết trong hình. Không yêu cầu người đọc tham khảo chú thích, ví dụ để xác định ý nghĩa của các biểu tượng hoặc màu sắc khác nhau. Đặt bất kỳ thông tin nào (hoặc thông tin bổ sung) không thể đi vào chính con số trong chú thích. Ý tưởng là để giảm thiểu nỗ lực mà người xem biểu đồ yêu cầu để trích xuất thông tin liên quan --best: biểu đồ là tự giải thích, tốt nhất tiếp theo: thông tin bổ sung cần có thể nhanh chóng được thu thập từ chú thích, tệ nhất: người xem phải đọc kỹ thông qua toàn bộ phần kết quả tìm kiếm một số chi tiết quan trọng để tìm hiểu những gì đang xảy ra.


1
+1 và chúng tôi có thể mở rộng ý tưởng này hơn nữa: Chúng tôi muốn làm cho nó để mọi người có thể xem biểu đồ và biết (càng nhiều càng tốt) những gì đang diễn ra mà không cần phải đọc chú thích và cả khi họ cần thêm thông tin có sẵn trong chú thích để mọi người có thể đọc chú thích và biết những gì họ cần mà không cần phải đọc qua bài báo tìm kiếm một chi tiết quan trọng đó.
gung - Tái lập Monica

1
@gung vì đây là CW xin vui lòng chỉnh sửa câu trả lời để phản ánh ý kiến ​​của bạn.
David LeBauer

10

Làm cho cốt truyện đơn giản nhất có thể. Theo cách nói của Tufte, 'tối thiểu hóa tỷ lệ mực dữ liệu'.

Ví dụ: tránh:

  • nhiều màu sắc hoặc hình dạng hơn yêu cầu
  • nhiều dấu tick hơn mức cần thiết
  • Hiệu ứng 3-D trên cốt truyện 2-D.
  • sử dụng chú thích khi các đối tượng có thể được dán nhãn trực tiếp

Tôi không đồng ý với Tufte ở đây. Đầu tiên, một phần lớn của động lực cho quy tắc này trong cuốn sách gốc của ông, là bạn dành bao nhiêu thời gian để vẽ thêm những dòng không cần thiết; nhưng điều này là không liên quan ngày hôm nay. Thứ hai, ý tưởng thực sự được nắm bắt tốt hơn bởi quy tắc của Cleveland để tối đa hóa thông tin của đồ họa, vì đôi khi cốt truyện có thể trở nên nhiều thông tin hơn với nhiều mực hơn, nhưng cả hai quy tắc đều cấm các biểu đồ xúc phạm Tufte.
gung - Phục hồi Monica

@gung đâu là nỗ lực / thời gian cần thiết được trình bày như một động lực của Tufte. Tôi không nhớ lại phần này (nhưng tôi cũng không có văn bản tiện dụng).
David LeBauer

1
Tôi cũng không có nó, nhưng trong cuốn sách đầu tiên của anh ấy, Visual Display, tôi nhớ anh ấy đã nói về việc bạn phải đặt thước kẻ xuống bao nhiêu lần để vẽ biểu đồ. Có lẽ "lớn" là một lời nói quá, nhưng tôi nhớ đã đọc nó và nghĩ, 'ai quan tâm đến điều đó bây giờ?' Trong Elements , Cleveland đưa ra một lập luận thuyết phục rằng quy tắc của Tufte bị nhầm lẫn. Ông lập luận rằng vấn đề là tối đa hóa việc truyền thông tin và cho thấy nguyên tắc này cũng giúp loại bỏ những gì Tufte không thích, nhưng cho phép các trường hợp (mà ông cho thấy) khi mực không phải là dữ liệu giúp làm cho biểu đồ có nhiều thông tin hơn.
gung - Phục hồi Monica

Tôi nên làm rõ, tôi không đồng ý với một số đề xuất cụ thể (ví dụ: không 3D, không có biểu đồ); Tôi ngụy biện với quy tắc của Tufte là kim chỉ nam cho đồ họa.
gung - Phục hồi Monica

@gung Tôi diễn giải cuộc thảo luận tương tự như một công cụ heuristic - một cách dễ dàng để người đọc hiểu cách tiếp cận, hơn là một cách để giảm bớt công việc của nhà thiết kế.
David LeBauer

9

Để thời gian chỉnh sửa. Tạo một biểu đồ tốt cần có thời gian và thường phải mất (ít nhất là đối với tôi) nhiều lần thử.


6

Đừng phản đối màu đỏ và màu xanh lá cây. Màu sắc có thể hữu ích, nhưng khi sử dụng màu sắc luôn luôn nhớ rằng một số ít người đáng kể là màu xanh đỏ. Tôi đã từng hiển thị một số dữ liệu cho ai đó và anh ta không thể biết được những gì đang diễn ra trong biểu đồ của mình - thật lãng phí và tôi cảm thấy khá ngu ngốc. Các dạng mù màu khác rất hiếm, nhưng đỏ-xanh khá phổ biến. Trang này này có rất nhiều thông tin tốt. Đây là một số lời khuyên:

  • Nếu bạn chỉ cần hai màu, hãy sử dụng màu xanh lam và màu vàng - không sử dụng màu đỏ và màu xanh lá cây.
  • Nếu bạn cần một gradient, chuyển từ màu xanh sang màu vàng trong khi thay đổi độ bão hòa và độ sáng đồng thời - không sử dụng cầu vồng.
  • Nếu bạn cần mã hóa nhiều hơn hai phần tử (ví dụ: các điểm trên biểu đồ phân tán từ nhiều hơn hai nhóm hoặc một số dòng), hãy sao lưu màu sắc của bạn bằng các biểu tượng / kiểu đường kẻ khác nhau. Ví dụ: các ký hiệu âm mưu riêng biệt: o + <sw hoặc các dòng: solid, rải rác, nét đứt, dấu chấm, v.v. (bạn cũng có thể thêm các ký hiệu vẽ biểu đồ cho các dòng của mình hoặc thay đổi trọng số của dòng).

Đây thực sự là một điều tôi tự hỏi khá thường xuyên: Độ dốc màu tốt nhất để sử dụng là gì?
steffen

4

Không sử dụng biểu đồ thanh xếp chồng lên nhau. Và trên một lưu ý liên quan, nếu bạn có một mục tỷ lệ Likert, đừng cảm thấy cần phải hiển thị tỷ lệ cho mỗi phản hồi cho từng mục. Những biểu đồ đó làm mắt tôi chảy máu.

Đừng sử dụng biểu đồ hình tròn.

Không trùng lặp dữ liệu được chứa trong biểu đồ bằng cách ném vào bảng.

Sử dụng phông chữ sans serif như Arial cho tiêu đề biểu đồ, v.v., vì những loại phông chữ đó được thiết kế để được sử dụng theo cách đó.

Không có bài viết nào về thiết kế hoàn chỉnh mà không có tài liệu tham khảo, tôi thực sự thích Quy tắc thống kê của ngón tay cái . Chương 9 là bit liên quan đến cuộc thảo luận ở đây và các bit tôi chỉ đến khi được hỏi tại sao tôi ghét biểu đồ thanh xếp chồng và biểu đồ hình tròn. :)

Thú nhận: trong một trong những vai trò tư vấn sinh viên đầu tiên của tôi cho một khách hàng NGO nhỏ, tôi đã đưa cho họ một bản báo cáo có rất nhiều biểu đồ thanh xếp chồng lên nhau, được in màu (đây là giữa những năm 1990). Tôi nghĩ rằng tôi đã xoay xở để có được màu vàng, tím và đỏ vào những chú chó con đó.


3

Đừng lộn xộn với các trục. Đừng cắt bỏ hàng trăm đơn vị đầu tiên chỉ vì sau đó độ dốc của biểu đồ trông ấn tượng hơn. Hình ảnh sẽ dính và mọi người sẽ nhớ một hiệu ứng lớn hơn nhiều so với thực tế được đo.


2
Cắt dữ liệu để thay đổi độ dốc rõ ràng là gian lận. OTOH, có một câu hỏi thực sự về việc liệu các trục có nên luôn bao gồm 0 hay không và (phần nào ít liên quan hơn) tỷ lệ khung hình được sử dụng. Cleveland đưa ra một trường hợp mạnh mẽ rằng đồ thị có nhiều thông tin hơn nếu bạn tối đa hóa dữ liệu trong cửa sổ dữ liệu và 'ngân hàng' dốc tới 45 độ. Biết đối tượng của bạn, ở đây: Cleveland lập luận rằng khán giả chuyên nghiệp nên được coi là có năng lực và biết chữ, nhưng với những khán giả ngây thơ, hãy chỉ rõ những đặc điểm này và giải thích chúng, hoặc (có thể) không sử dụng chúng.
gung - Tái lập Monica

Ngay cả những khán giả chuyên nghiệp cũng sẽ (tôi cho rằng) nhiều tháng sau chỉ nhớ đường dốc trong biểu đồ và sẽ quên đi việc đánh chặn và mọi thứ khác. Bạn có thể có tất cả dữ liệu đó trong biểu đồ (phẳng) bằng cách dán nhãn chính xác cho các giá trị cực trị và vẫn có thông tin trong đó không có gì thực sự thay đổi thời gian oder.
xmjx

2
Tôi không đồng ý. Tôi không nghĩ rằng đó là một quy tắc hợp lý để khẳng định tất cả các trục bắt đầu từ 0, nếu đó là những gì đang được đề xuất. Đồ họa sẽ hiển thị biến thể và cấu trúc trong dữ liệu - nếu điều quan trọng là dao động 100.000 xung quanh giá trị hai triệu (và có thể nó khác nhau như thế nào giữa hai nhóm), đồ họa sẽ chỉ ra rằng, "hai triệu là một con số lớn ".
Peter Ellis

Về cơ bản với bất kỳ quy tắc thiết kế nào, tôi nghĩ rằng đây là một quy tắc mà bạn có thể phá vỡ nếu bạn thực sự hiểu ý nghĩa thực tế của biến thể âm mưu và cách khán giả của bạn sẽ diễn giải nó. Nhưng quy tắc này bị vi phạm thường xuyên và nghiêm trọng đến mức tôi nghĩ rằng nó tương đối an toàn khi tuyên bố lớn tiếng "Tất cả các lô phải bao gồm số không! *" Một tìm kiếm của Google về các lô đất ở Mỹ cho thấy điểm này rất hay trong hai thập kỷ qua, trong thực tế, mức chênh lệch tối đa là khoảng 5%.
Matt Parker

Không phải 5% là không liên quan - và hầu hết các lô đó có liên quan đến tranh luận về hậu quả của các chính sách đã tạo ra sự biến động đó. Nhưng tôi nghĩ rằng những lập luận đó sẽ còn mạnh mẽ hơn nếu họ nhấn mạnh các chính sách lớn với hậu quả kinh tế to lớn thực sự có ảnh hưởng tương đối nhỏ đến quyền sở hữu nhà như thế nào.
Matt Parker
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.