Cách tốt hơn để hiển thị ba mẩu dữ liệu trên một biểu đồ cho trang web


7

Lưu ý câu trả lời cũ nhất là tham khảo biểu đồ của tôi trước lần chỉnh sửa cuối cùng này. Đó là một câu trả lời tuyệt vời, xin vui lòng không giảm giá do chỉnh sửa của tôi.

Tôi muốn hiển thị bao nhiêu nghiên cứu tôi đã thực hiện và bao nhiêu trang tôi đã hoàn thành trong suốt cả tuần, chia tay theo ngày và tôi đã thực hiện như hình dưới đây: nhập mô tả hình ảnh ở đây

Tôi đã có người nói với tôi rằng họ không thể hiểu biểu đồ, nhưng tôi không biết làm thế nào khác tôi có thể hiển thị chúng.

Làm thế nào tôi có thể hiển thị những cái này rõ ràng hơn?


Tôi có thể hiển thị chúng dưới dạng một loạt các biểu đồ đường độc lập, nhưng sau 12 tuần chúng sẽ trông lộn xộn một cách vô lý.

Trong trường hợp đó bạn có thể chia thành các nhóm: All time, Month, Week. Ở đây có biểu đồ đại diện cho phép bạn phóng to. Có nhiều cách khác nữa, như nhấp vào một liên kết trên đầu biểu đồ sẽ cho phép bạn đi sâu hơn vào biểu đồ ... hoặc đại loại như thế. Bạn có thể xem xét các dịch vụ cung cấp một số loại biểu đồ đồ họa và có lẽ các tập lệnh / plugin biểu đồ để xem những gì chúng cung cấp. Ví dụ: nvd3
Joonas

1
Điều này có vẻ khá đơn giản với tôi. Có lẽ bạn bè của bạn không thể đọc biểu đồ. :)
Lauren-Clear-Monica-Ipsum

@LaurenIpsum Tôi đã xem xét điều đó;).

Câu trả lời:


2

Vâng, tôi đã có một cú đâm vào điều này với Illustrator và tôi đã làm nó bằng tay, không biết làm thế nào để tự động hóa quá trình này. Tôi chỉ nhìn vào các trang mỗi ngày và mỗi tuần, và đến biểu đồ này:

trang mỗi ngày mỗi tuần

Về cơ bản, một biểu đồ nhỏ hiển thị tiến trình cho mỗi ngày trong tuần được phủ lên trên thanh chỉ ra tổng số trang trong tuần.

Tôi bắt đầu hình dung ra các giờ theo cách tương tự, sử dụng một vòng tròn hoàn chỉnh trong 1 giờ và nửa vòng tròn trong nửa giờ học.

Có thể đặt số giờ học mỗi ngày trên thanh cho trang, giữ nguyên mã màu hay không. Bạn sẽ phải chơi với điều đó và xem những gì nhìn tốt nhất. Ngoài ra còn có chỗ để đặt số nhỏ trên đầu mỗi thanh.


3

Đầu tiên, chẩn đoán lý do tại sao nó khó hiểu:

  • Thông điệp khác nhau của bạn đang cạnh tranh với nhau. Đầu tiên người xem nhận thấy rằng Tuần 1 có năng suất cao hơn Tuần 2 - đây là thông điệp bắt mắt nhất. Sau đó, họ nhận ra điều này không có ý nghĩa lắm, vì có nhiều ngày trong tuần 1 hơn tuần 2.
  • Sau đó, họ nhìn vào những ngày riêng lẻ, và việc đặt hàng trở nên khó hiểu. Hầu hết đồ họa dữ liệu "theo thời gian" có ngày cách đều nhau và theo thứ tự. Ở đây, bạn cần tìm một vài màu trên phím trước khi bạn nhận ra rằng những ngày chủ yếu đi từ trên xuống dưới, và sau đó thật khó hiểu khi tuần 2 có vẻ khác nhau (Thứ Bảy, Chủ Nhật, Thứ Sáu? Tại sao các tuần bắt đầu vào những ngày khác nhau?)
  • Sau đó, có một lượng lớn mắt nảy giữa phím và biểu đồ để kiểm tra bất kỳ ngày cụ thể nào.

Vì vậy, có lẽ, trong giải pháp lý tưởng, nó sẽ là:

  • dễ dàng và trực quan để theo dõi tiến bộ theo thời gian,
  • dễ dàng phát hiện ra những ngày có năng suất và những ngày ít hơn
  • dễ dàng nhận thấy trong vài tuần, phần lớn công việc đã được thực hiện, mà không bị quá méo bởi những ngày chưa xảy ra hoặc những ngày không có công việc nào được thực hiện vì một số lý do

Một kỹ thuật thực sự tốt cho các trường hợp có nhiều bộ dữ liệu khá đơn giản là một lưới các biểu đồ nhỏ trên cùng một tỷ lệ . Điều này đôi khi được gọi là "bội số nhỏ". Mỗi cái hoạt động độc lập và bạn có thể dễ dàng quét toàn bộ để xem các mẫu và xu hướng chung.

Đây là một ví dụ nhanh rất đơn giản (cần một tiêu đề) nơi bạn có thể nhanh chóng thấy:

  • Họ đã tăng tỷ lệ làm việc trong hai tuần cuối của dự án,
  • Họ bắt đầu hầu hết các tuần sau đó mất tập trung trước khi làm việc chăm chỉ để bắt kịp vào thứ Sáu
  • Họ đã đi xa trong tuần thứ 4 nhưng làm việc chăm chỉ vào cuối tuần để bắt kịp

nhập mô tả hình ảnh ở đây

Tôi thích các khu vực được lấp đầy cho các dòng cho việc này để bạn có thể nắm bắt dễ dàng, trực quan về khối lượng được thực hiện mỗi tuần.

Các cột cũng hoạt động - rõ ràng hơn một chút và dễ dàng hơn để tìm kiếm các ngày cụ thể, nhưng có một chút ít cảm giác trực quan về âm lượng và hướng, và thoạt nhìn có vẻ bận rộn hơn.

nhập mô tả hình ảnh ở đây


Câu trả lời rất hay, tôi sẽ xem những gì tôi có thể làm với điều này. Cảm ơn bạn rất nhiều, tôi chắc chắn tôi sẽ hỏi thêm về điều này.

Vì tò mò, dữ liệu ví dụ của bạn đến từ đâu?

Tôi vừa hoàn thành nó :)
user56reinstatemonica8

Ồ, rất tuyệt rồi :)

Phần mềm nào trong? Excel?

2

Tôi sẽ tách câu trả lời của tôi thành nhiều phần.

I. Loại người đọc

Có 3 loại người sử dụng biểu đồ:

a) Những người có thể đọc bất kỳ biểu đồ.

b) Những người khó có thể đọc biểu đồ.

c) Những người đang tìm kiếm một thông tin rất cụ thể .

Tôi sẽ không quan tâm đến loại thứ nhất. Bất kỳ đồ thị xấu xí sẽ làm.

Đối với loại b, bạn cần rất nhiều nỗ lực, biểu đồ tương tác, một số biểu đồ hiển thị các cách tiếp cận khác nhau (theo ngày, theo tuần, mọi lúc, theo ngày, theo tuần) biểu đồ di chuyển, phim hoạt hình ...

Nhưng cách tiếp cận trong hầu hết các trường hợp nên nghĩ rằng người dùng cần xem một dữ liệu rất cụ thể.

Tôi giả sử rằng bạn biết loại dữ liệu mà người đọc của bạn đang tìm kiếm .

Trong biểu đồ của bạn, điều quan trọng nhất là tổng số giờ học trong một tuần và cách bạn thực hiện trong các tuần khác nhau. Nếu đó là những gì bạn cần, loại biểu đồ này là ổn.

Phần còn lại của dữ liệu không quan trọng trong biểu đồ của bạn.

II. Thông tin hình ảnh

Được rồi, vì tôi giả sử rằng bạn đã chọn đúng loại biểu đồ và cách tiếp cận , và vì đây là trang web thiết kế đồ họa, tôi sẽ phân tích biểu đồ của bạn.

Phân tích hình ảnh

Dữ liệu được hiển thị

1) Không ai trên hành tinh đọc số giờ theo số thập phân đó. "Tôi đã học 4,1582 giờ ... !!" Giảm số thập phân xuống chỉ còn 1.

Loại bỏ tất cả 0 không có ý nghĩa, bằng cách xóa chúng trong bảng excell của bạn.

2) Nếu trong các thanh, ngày tăng lên (Thứ hai ở dưới cùng và Chủ nhật trên cùng), bộ não của người đọc phải nhảy giữa các chiều mâu thuẫn khi đọc ở bảng ngày màu: từ trái sang phải nằm ở dưới cùng thực tế . Đặt bảng ngày màu của bạn theo cùng chiều dọc với các thanh.

3) Đừng lặp lại thông tin tương tự. Tiêu đề này giống như tiêu đề biểu đồ.

4) Không lặp lại tuần, tuần, tuần, tuần, tuần ...

Phong cách

3-4) Làm cho tiêu đề này dễ đọc hơn, sử dụng cỡ chữ tốt hơn. Mục tiêu của đồ thị là xem nhanh tất cả các thông tin.

5) Tỷ lệ và khoảng cách tổng thể của biểu đồ (giữa các cột) mang lại cảm giác là quá nhiều dữ liệu. Làm cho nó dễ chịu hơn.

6) Bạn có thể cung cấp một số công cụ hỗ trợ trực quan như các dòng nhỏ này, kết nối Thứ Hai với Thứ Hai, v.v.

7) Làm cho phong cách hình ảnh tổng thể dễ chịu hơn. Thông tin có thể giống nhau, nhưng nếu nó được trình bày theo một cách thú vị hơn, người quan sát sẽ cố gắng nhìn sâu vào thông tin.

Lời khuyên về mục đích:

Tôi không thể tìm cách đặt tổng số giờ dữ liệu lên trên cùng của cột. Có lẽ nó là hữu ích.

Tôi đã không tìm ra cách để tăng kích thước của các ô vuông màu bên cạnh ngày. Điều đó sẽ dễ đọc hơn.


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.