it-mot-dan-vi.com

Bảng khả năng sử dụng / Phông chữ có thể đọc được cho một bảng dữ liệu

Phông chữ tốt nhất cho bảng dữ liệu là gì? Monospace là tốt nhưng chiếm nhiều chỗ hơn, vì vậy bạn không thể có nhiều khoảng trắng giữa các mục. Tương tự, một số nguyên tắc khả năng sử dụng tốt cho các bảng dữ liệu là gì? Những thứ như ngựa vằn, v.v. Tôi đã thử tìm kiếm Alertbox nhưng không tìm thấy gì.

12
Kevin Burke

MIL-STD 1472F Phần 5.14.3.5 có một phần khá tốt về hiển thị các bảng trong giao diện người dùng, mặc dù nó có thể chịu một số cập nhật cho GUI hiện đại. Dưới đây là một số tiêu chuẩn, cùng với diễn giải của tôi được đánh dấu bằng dấu đầu dòng cho GUI:

5.14.3.5.4 Tiêu đề. Đối với một bảng chiếm nhiều trang, các tiêu đề cột sẽ có trên mỗi trang cho bảng.

  • Theo tiện ích mở rộng, nếu người dùng phải cuộn để xem tất cả các mục trong bảng, các tiêu đề sẽ luôn ở trong chế độ xem (ví dụ: bằng cách đặt chúng vào div không cuộn hoặc lặp lại chúng).

5.14.3.5.5 Mở rộng theo chiều ngang. Các bảng không được chia theo chiều ngang trên các trang.

  • Nó tốt hơn để có cuộn ngang, miễn là tiêu đề hàng (định danh bản ghi) được cố định để nó không cuộn ra khỏi tầm nhìn.

5.14.3.5.6 Danh sách. Các mục trong danh sách sẽ được sắp xếp theo thứ tự dễ nhận biết, chẳng hạn như theo thứ tự thời gian, bảng chữ cái, tuần tự, chức năng hoặc tầm quan trọng.

5.14.3.5.6.2 Mở rộng theo chiều dọc. Khi danh sách mở rộng trên nhiều trang hiển thị, dòng cuối cùng của một trang sẽ là dòng đầu tiên trên trang tiếp theo.

  • Theo tiện ích mở rộng, khi cuộn một bảng đầy khung hình tại một thời điểm bằng cách nhấp vào rãnh trên thanh cuộn, dòng cuối cùng của một khung hình đầy đủ phải là dòng đầu tiên trên toàn khung hình tiếp theo.

5.14.3.5.6.5 Thứ tự dọc trong nhiều cột. Trong đó các mục trong danh sách được hiển thị trong nhiều cột, các mục sẽ là được sắp xếp theo chiều dọc trong mỗi cột .

  • Điều này chỉ nên áp dụng nếu danh sách đầy đủ trong chế độ xem mà không cần phải cuộn.

5.14.3.5.10 Biện minh cho mục nhập số. Người dùng sẽ được phép thực hiện các mục số trong bảng mà không cần quan tâm đến việc biện minh; máy tính sẽ chứng minh đúng các số nguyên hoặc chứng minh bằng dấu thập phân nếu có.

  • Đó là, vị trí thập phân của tất cả các số của bạn sẽ xếp hàng để cho phép so sánh dễ dàng.

5.14.3.5.11 Đơn vị đo nhãn. Các đơn vị dữ liệu được hiển thị phải được bao gồm nhất quán trong nhãn cột được hiển thị.

5.14.3.5.13 Tín hiệu quét cột. Một cột tách không ít hơn ba không gian sẽ được duy trì.

  • Điều đó chuyển thành khoảng 12 pixel, sử dụng Arial 12 điểm làm tiêu chuẩn

5.14.3.5.14 Tín hiệu quét hàng. Trong các bảng dày đặc có nhiều hàng, một dòng trống sẽ được chèn sau một nhóm các hàng đều đặn. Không được hiển thị quá năm dòng mà không cần chèn một dòng trống.

Khả năng đọc phông chữ cho một bảng khá giống với bất kỳ nơi nào khác, vì vậy bạn có thể nên sử dụng cùng một phông chữ với phần còn lại của nội dung. Nên tránh phông chữ Monospace như Courier New : đọc chậm hơn và ở đó thực sự không có lý do nào cho nó trong các bảng có đánh dấu hiện đại. Ngoài ra, khả năng đọc của phông chữ rất phức tạp , nhưng nếu bạn chọn một phông chữ thường dùng trên nền tảng phổ biến như Tahoma, thì bạn có thể sẽ ổn.

12
Michael Zuschlag

Tôi nghĩ Segoe UI là một phông chữ tốt có thể được đọc ở kích thước thấp hơn.

1
Ravi

Tốt nhất là sử dụng phông chữ sans serif (chẳng hạn như Helvetica hoặc Verdana) vì nó sạch hơn phông chữ serif (như Times New Roman) và do đó không Không làm cho cái bàn có vẻ bừa bộn. Tại sao? Một serif sử dụng "feets" trang trí hoặc lọn tóc trong khi sans serif không. Đã có nhiều nghiên cứu khác nhau để đo loại phông chữ nào có độ dễ đọc cao nhất trên màn hình, chẳng hạn như "Tác động của loại phông chữ và kích thước đối với mức độ dễ đọc và thời gian đọc văn bản trực tuyến của người lớn tuổi" hoặc "Tác động của sự kết hợp màu nền văn bản trang web về khả năng đọc, duy trì, thẩm mỹ và ý định hành vi "và sans-serifs có hiệu quả hơn. Khi giao diện bị lộn xộn, nó ảnh hưởng đến tải nhận thức của chúng ta, khiến chúng ta khó hiểu bảng hơn.

Mặc dù tôi đã không thực hiện một nghiên cứu có ý nghĩa thống kê về bản thân mình, nhưng những người tôi đã hỏi dường như nghĩ rằng sans-serifs trong các bảng dễ nhìn hơn. (Bạn cần yêu cầu (hoặc thực hiện một brainscan để được bổ sung) nhóm mục tiêu của bạn để chắc chắn rằng họ sẽ có cùng trải nghiệm.)

Nếu một cái gì đó được làm hài lòng trực quan, nó sẽ ảnh hưởng đến khả năng sử dụng được khai thác của bảng. Cũng có một mối tương quan mạnh mẽ giữa tính thẩm mỹ và sự hài lòng và niềm vui của người dùng. Điều này đã được nghiên cứu trong ví dụ "Một lý thuyết tâm thần kinh về ảnh hưởng tích cực và ảnh hưởng của nó đến nhận thức. Đánh giá tâm lý, 106, 529-550." Tại sao? - Bởi vì một số ảnh hưởng nhận thức của tâm trạng tích cực là do mức độ dopamin tăng lên ở các vùng vỏ não phía trước do các sự kiện gợi ra sự tăng cao trong tâm trạng. Bạn cũng có thể xem nghiên cứu "Đánh giá kích thước thẩm mỹ thị giác của các trang web".

Tôi chỉ tìm thấy một nghiên cứu cố gắng đo tốc độ đọc và độ chính xác giữa các bảng đơn giản và các bảng sọc ngựa vằn và dường như hầu như không có không có sự khác biệt nào giữa hai cái này. Xem toàn bộ nghiên cứu tại đây

Tuy nhiên mọi người có xu hướng thích các bảng sọc ngựa vằn tốt hơn có lẽ vì nó trông đẹp hơn. (Xem đoạn văn trên để biết lý do tại sao điều này quan trọng)

Nếu bạn đang tạo các bảng rất dài với nhiều cột mà mọi người cần cuộn - hãy sử dụng tiêu đề bảng cố định để mọi người có thể thấy các con số có nghĩa là gì mà không bị phụ thuộc vào bộ nhớ ngắn hạn (rất ngắn) của họ.

0
Tony Bolero

Verdana là IMO tốt. Nó có nghĩa là được đọc trên màn hình độ phân giải thấp. Nó rất dễ đọc, ngay cả ở kích thước nhỏ.

0
Elias Zamaria