it-swarm.asia

Kegunaan tabel / font yang dapat dibaca untuk tabel data

Apa font terbaik untuk tabel data? Monospace bagus tetapi membutuhkan lebih banyak ruang, jadi Anda tidak dapat memiliki banyak ruang kosong di antara item. Demikian pula, apa sajakah prinsip kegunaan yang baik untuk tabel data? Hal-hal seperti zebra striping, dll. Saya sudah mencoba mencari Alertbox tetapi belum menemukan apa pun.

12
Kevin Burke

MIL-STD 1472F Bagian 5.14.3.5 memiliki bagian yang cukup bagus untuk menampilkan tabel dalam antarmuka pengguna, meskipun bisa tahan beberapa pembaruan untuk GUI modern. Berikut adalah beberapa standar, bersama dengan interpretasi saya yang ditandai dengan peluru untuk GUI:

5.14.3.5.4 Judul. Untuk tabel yang memakan banyak halaman, tajuk kolom harus ada di setiap halaman untuk tabel.

  • Dengan ekstensi, jika pengguna harus menggulir untuk melihat semua item dalam tabel, tajuk akan selalu tetap terlihat (mis., Dengan meletakkannya di div non-gulir atau mengulanginya).

5.14.3.5.5 Ekstensi horisontal. Tabel tidak boleh dipisah secara horizontal di seluruh halaman.

  • Lebih baik memiliki pengguliran horizontal, selama tajuk baris (pengidentifikasi rekaman) diperbaiki sehingga tidak menggulir keluar dari pandangan.

5.14.3.5.6 Daftar. Kiriman dalam daftar harus disusun dalam urutan yang dapat dikenali, seperti kronologis, abjad, berurutan, fungsional, atau penting.

5.14.3.5.6.2 Ekstensi vertikal. Jika daftar lebih dari satu halaman tampilan, baris terakhir dari satu halaman harus menjadi baris pertama pada halaman berikutnya.

  • Dengan ekstensi, ketika menggulir tabel satu frame penuh pada satu waktu dengan mengklik track scrollbar, baris terakhir dari satu frame penuh harus menjadi baris pertama pada frame-penuh berikutnya.

5.14.3.5.6.5 Pemesanan vertikal dalam beberapa kolom. Jika item dalam daftar ditampilkan dalam beberapa kolom, item harus dipesan secara vertikal dalam setiap kolom .

  • Ini seharusnya hanya berlaku jika daftar sepenuhnya dalam tampilan tanpa perlu gulir.

5.14.3.5.10 Pembenaran entri numerik. Pengguna akan diizinkan untuk membuat entri numerik dalam tabel tanpa memperhatikan pembenaran; komputer harus membenarkan bilangan bulat, atau membenarkan sehubungan dengan titik desimal jika ada.

  • Artinya, tempat desimal dari semua angka Anda harus berbaris untuk memungkinkan perbandingan yang mudah.

5.14.3.5.11 Unit pelabelan pengukuran. Unit-unit data yang ditampilkan harus secara konsisten dimasukkan dalam label kolom yang ditampilkan.

5.14.3.5.13 Isyarat pemindaian kolom. Pemisahan kolom tidak kurang dari tiga ruang harus dipertahankan.

  • Itu berarti sekitar 12 piksel, menggunakan 12 titik Arial sebagai standar

5.14.3.5.14 Isyarat pemindaian baris. Dalam tabel padat dengan banyak baris, baris kosong harus dimasukkan setelah sekelompok baris secara berkala. Tidak boleh lebih dari lima baris ditampilkan tanpa baris kosong dimasukkan.

Keterbacaan font untuk sebuah tabel hampir sama dengan di tempat lain, jadi Anda mungkin harus menggunakan font yang sama dengan sisa konten Anda. Font Monospace seperti Courier New harus dihindari : lebih lambat untuk dibaca dan benar-benar tidak ada alasan untuk itu dalam tabel dengan markup modern. Selain itu, keterbacaan font rumit , tetapi jika Anda memilih font "biasa" yang umum seperti Tahoma, Anda mungkin akan baik-baik saja.

12

Saya pikir Segoe UI adalah font yang bagus yang dapat dibaca pada ukuran yang lebih rendah juga.

1
Ravi

Yang terbaik adalah menggunakan font sans serif (seperti Helvetica atau Verdana) karena lebih bersih daripada font serif (seperti Times New Roman) dan karenanya tidak membuat meja tampak berantakan. Mengapa? Serif menggunakan "feets" atau ikal dekoratif sementara sans serif tidak. Ada berbagai penelitian untuk mengukur jenis font mana yang memiliki keterbacaan tertinggi di layar seperti "Pengaruh Jenis dan Ukuran Font pada Keterbacaan dan Waktu Membaca Teks Daring oleh Orang Dewasa yang Lebih Tua" atau "Dampak kombinasi warna latar belakang teks halaman web" pada keterbacaan, retensi, estetika dan niat perilaku "dan sans-serif lebih efektif. Ketika antarmuka menjadi berantakan itu mempengaruhi beban kognitif kita yang membuatnya lebih sulit bagi kita untuk memahami tabel.

Meskipun saya sendiri belum melakukan penelitian yang signifikan secara statistik tentang hal itu, orang-orang yang saya tanyakan tampaknya berpikir bahwa sans-serif dalam tabel lebih menyenangkan secara visual. (Anda perlu bertanya (atau melakukan brainscan untuk menjadi ekstra) grup target Anda untuk memastikan mereka akan memiliki pengalaman yang sama.)

Jika sesuatu secara visual menyenangkan itu akan mempengaruhi kegunaan tabel yang dirasakan. Ada juga korelasi kuat antara estetika dan kepuasan dan kesenangan pengguna. Ini telah dipelajari dalam misalnya "Sebuah teori neuropsikologis dari pengaruh positif dan pengaruhnya terhadap kognisi. Ulasan Psikologis, 106, 529-550." Mengapa? - Karena beberapa pengaruh kognitif mood positif disebabkan oleh peningkatan kadar dopamin di area kortikal frontal yang dihasilkan dari peristiwa yang menimbulkan peningkatan mood. Anda juga bisa melihat studi "Menilai dimensi estetika visual yang dirasakan dari situs web".

Saya hanya menemukan satu studi yang mencoba mengukur kecepatan membaca dan akurasi antara tabel polos dan tabel bergaris zebra dan tampaknya hampir tidak ada perbedaan sama sekali di antara keduanya. Lihat studi lengkap di sini

Namun orang cenderung menyukai tabel bergaris zebra lebih baik mungkin karena terlihat lebih bagus. (Lihat paragraf di atas untuk alasan mengapa ini penting)

Jika Anda membuat tabel yang sangat panjang dengan banyak kolom yang harus digulir orang - gunakan tajuk tabel tetap sehingga orang dapat melihat apa arti angka-angka tersebut tanpa tergantung pada memori jangka pendek (sangat pendek) mereka.

0
Tony Bolero

Verdana adalah IMO yang bagus. Ini dimaksudkan untuk dibaca pada layar resolusi rendah. Mudah dibaca, bahkan dalam ukuran kecil.

0
Elias Zamaria