Mengapa garis harus dihindari dalam tabel?

25

Saya membaca beberapa buku tentang tipografi dan desain. Mereka semua merekomendasikan untuk menghindari garis dalam tabel, dan sebagai gantinya menggunakan spasi. Saya menemukan bahwa masuk akal dan mematuhi untuk selanjutnya aturan-aturan itu.

Baru-baru ini saya mengalami diskusi dengan pengguna spreadsheet, yang meragukan aturan ini dan berpendapat bahwa garis-kisi lebih baik karena semua program mengaktifkannya secara default.

Saya juga membaca artikel yang menjelaskan masalah dengan garis: mata manusia pertama harus menghapusnya sebelum dapat fokus pada konten tabel. Jika seseorang mengetahui ini atau temuan ilmiah serupa tentang persepsi data, saya akan senang juga.

Apakah sebenarnya lebih baik menghindari garis? Mengapa? Apakah Anda memiliki referensi yang dapat Anda berikan untuk mendukung ini?

Vince42
sumber
1
Silakan lihat pertanyaan saya graphicdesign.stackexchange.com/questions/13697/… , di sana Anda menemukan beberapa buku tipografi bagus yang membuat tabel bagus dalam beberapa bahasa ...
Mensch
12
Siapa pun yang menggunakan spreadsheet untuk mencari nafkah hampir selalu akan berpendapat bahwa garis harus ada di sana. Penggunaan spreadsheet adalah binatang yang jauh berbeda dari keterbacaan dalam suatu desain . Aplikasi spreadsheet akan menjadi mimpi buruk tanpa garis .... tetapi sebaliknya banyak desain akan menjadi mimpi buruk dengan garis.
Scott
4
Bisa bermanfaat jika Anda bisa menautkan artikel itu tentang "mata manusia menghilangkan garis." Banyak artikel tidak memiliki sumber untuk mendukung klaim mereka. Saya pikir campuran garis dan spasi yang baik baik-baik saja; garis bertindak seperti penggaris dan masuk akal lebih mudah dibaca dalam beberapa konteks & mudah untuk mengaitkan apa yang terjadi dengan apa. Tidak perlu membuat garis 100% hitam & padat atau menambahkan semua garis. Anda juga dapat menggunakan warna terang. Beberapa tabel tidak dapat dibaca karena tidak logis, perlu ditata ulang dan saya pikir di situlah masalah terbesar secara umum. Ini bukan hanya tentang desain.
go-junta
3
Memberi +1 pada komentar Scott. Menggunakan spreadsheet untuk manipulasi / entri data sangat berbeda dari menggunakan tabel untuk presentasi.
Nelson
2
Terkait: tex.stackexchange.com/q/163061/28808 dan Qs lainnya di tex.stackexchange memberi tag [pembukuan] atau [tabel]. Ini memberikan contoh tabel (sering data) diformat dengan dan tanpa garis vertikal dan banyak horisontal.
Chris H

Jawaban:

42

Edward Tufte adalah orang yang menciptakan istilah bagan sampah untuk merujuk pada elemen visual asing yang cenderung berantakan, daripada memperjelas data yang disajikan.

Ini dapat merujuk pada segala macam hal yang cenderung sering Anda lihat, tetapi tidak benar-benar meningkatkan pemahaman dan - sering - secara aktif mengganggu pemahaman data.

Ini dapat mencakup:

  • warna sewenang-wenang
  • Efek 3D
  • batas yang berlebihan
  • label berlebihan
  • zebra striping
  • dll.

Saya pikir gif animasi ini mengkomunikasikan konsep dengan baik:

masukkan deskripsi gambar di sini

Apakah lebih baik menghapus garis? Biasanya. Poin yang perlu dipertimbangkan ketika berhadapan dengan sampah grafik adalah bahwa Anda harus menggunakan hanya apa yang diperlukan untuk memformat data. Tambahan apa pun hanya itu ... ekstra ... dan kemungkinan tidak meningkatkan pesan.

DA01
sumber
1
Ini adalah gif animasi yang bagus, tetapi tampaknya lebih fokus pada keindahan meja dari sudut pandang desainer, bukan seberapa mudah dibaca atau praktisnya bagi pembaca. Ada juga perbedaan antara membandingkan tabel Word jelek dengan tabel Indesign yang dibuat dengan garis. Nasdaq, bank, layanan nilai tukar, Paypal, ilmu pengetahuan / medis / laporan tahunan, dll: semua orang / layanan / elemen ini tampaknya menggunakan garis ... Saya hanya bisa menebaknya karena mereka memprioritaskan kenyamanan pembaca mereka, ingin menghindari kebingungan dan jangan memprioritaskan keindahan desain. Saya pikir mereka juga referensi yang dapat diandalkan.
go-junta
2
Hanya masalah pendapat pribadi dan agenda perancang untuk menganggap garis sebagai "sampah". Tufte mungkin akan merekomendasikan untuk menjaga garis atau bayangan jika tujuannya adalah untuk menghindari kebingungan pada tabel lebar, dan menghapusnya pada tabel dengan 2 kolom jika terlihat baik-baik saja. Menurut pemahaman saya, dengan bagan sampah, ia berarti menghapus ikon ekstra, teks besar yang tidak berguna, pola, font yang tidak dapat dibaca, naungan ORNEMENTAL (mis. Tidak memiliki tujuan selain desain), dll. Semua ini bukan hal baru bagi kebanyakan desainer, hanya saja logis dan tidak eksklusif untuk grafik tetapi tata letak apa pun.
go-junta
2
Ini tampak seperti penyederhanaan besar tanpa penjelasan tentang kapan baris diperlukan dan berguna dan ketika mereka asing. Juga dalam membaca jawaban Anda, agak melemahkan bahwa garis-garis hanya boleh dihapus jika sebenarnya tidak ada. Untuk mengarahkan animasi .gif Anda tetap ada satu baris, tetapi tidak ada penjelasan mengapa.
Ryan
2
Sekali lagi, bagi saya mengatakan menghapus elemen visual yang tidak ada tidak mengatakan mengapa dan kapan ada sesuatu yang asing. Saya memiliki meja di depan saya yang terdiri dari 26 baris dan 18 kolom (seizin konsultan bisnis), haruskah mereka menghapus semua baris dan naungan? Karena ketika saya membaca jawaban Anda itu membuatnya terdengar seperti universal ya.
Ryan
4
@Ryan - Saya setuju, terutama pada tabel besar di mana beberapa "sel" span beberapa baris, dan juga di mana beberapa sel mungkin kosong. Kasus-kasus ini (dan lainnya) dapat mengambil manfaat dari beberapa garis horizontal. Ada (setidaknya) dua "faktor" untuk dipertimbangkan, yang kadang-kadang (berkali-kali) saling bertentangan: Estetika, dan Penggunaan. Kegunaan lebih penting daripada ketampanan. Jika desain tabel terlihat bagus tetapi tidak dapat digunakan (sulit atau membingungkan untuk digunakan), apa sebenarnya manfaatnya. Berkali-kali estetika lebih tentang bagaimana sebuah tabel terlihat dari kejauhan, bukan ketika mencoba membaca data dalam tabel.
Kevin Fegan
12

Saya pikir Anda dapat mempertimbangkan kembali masalah pertanyaan Anda dengan berfokus pada tujuan tabel alih-alih pedoman umum.

Misalnya, jika pembaca perlu membandingkan konten baris yang berbeda, mungkin lebih mudah untuk membedakan setiap baris. Anda juga dapat mempertimbangkan untuk menerapkan kontras antar kolom.

Ada beberapa opsi untuk membuat baris atau kolom dapat dibedakan:

  • Warna latar belakang alternatif (warna lembut, sehingga kontras tetap membuat teks dapat dibaca)
  • Gunakan garis antara baris atau kolom
  • Gunakan bantalan di sekitar konten dalam tabel

Pilihan Anda akan tergantung pada:

  • Apa yang akan dilakukan pengguna dengan tabel Anda, dan bagaimana membuat penggunaan ini lebih mudah bagi pengguna: ini akan memandu hierarki pembacaan, dan karenanya pilihan grafik Anda
  • Ukuran konten, dan akibatnya, ukuran tabel: misalnya, garis panjang harus dapat dibedakan secara grafis; tidak begitu diperlukan untuk sebuah meja kecil

Yang sedang berkata, dalam pengalaman saya, dalam sebagian besar kasus, saya cenderung mencoba untuk tidak menggunakan jalur, yang cukup berat. Saya lebih suka menggunakan warna latar belakang berarsir alternatif untuk baris. Dan, jika diperlukan, garis putih hanya untuk kolom. Dengan cara ini, konten menjadi menonjol, dan grafik tabel secara tidak kasat mata memandu pengguna.

Selalu pertimbangkan tujuan tabel sebelum menerapkan gaya apa pun.

Yako
sumber
2
+1 "Selalu pertimbangkan tujuan tabel sebelum menerapkan gaya apa pun." Itulah yang diminta OP, dan lagi pula seorang desainer grafis yang baik akan selalu memprioritaskan tujuan pertama!
go-junta
9

Saya tidak percaya Anda atau rekan kerja Anda benar. Masalah yang lebih penting adalah keterbacaan. Jarak sendiri dapat secara efektif melakukan ini, garis / bayangan sering dapat membantu menggunakan lebih sedikit ruang.

Di sini kita memiliki tabel dengan spasi yang cukup dinormalisasi dan tanpa garis. Sulit untuk diikuti karena angka-angka utamanya dirancang untuk dibaca dari kiri ke kanan, bukan atas ke bawah. Tetapi Anda harus mencari tahu sendiri:

masukkan deskripsi gambar di sini

Sekarang saya hanya menggunakan spasi, yang kami tahu dari Prinsip Gestalt kami , untuk membuatnya cukup jelas Anda membaca secara horizontal:

masukkan deskripsi gambar di sini

Namun, seluruh gambar menjadi lebih besar. Ketika saya bisa menambahkan hal yang sama dengan garis atau bayangan dan menggunakan lebih sedikit ruang total:

masukkan deskripsi gambar di sini

Namun, menggunakan garis total, mungkin sama seperti tidak menggunakan garis sama sekali. Sendiri itu tidak membantu menentukan arah mana orang harus lebih tertarik membaca pertama:

masukkan deskripsi gambar di sini

Dan hal yang sama jika kita ingin dipahami secara vertikal terlebih dahulu maka akan terlihat seperti ini:

masukkan deskripsi gambar di sini

Tetapi juga bisa lebih sedikit spasi jika kita menggunakan garis (saya mungkin akan memusatkan garis ini jika saya melakukan ini nyata tetapi hanya melakukan ini dengan cepat):

masukkan deskripsi gambar di sini

Ryan
sumber
1

Gaya APA tidak menggunakan garis di antara baris. Sebuah meja yang ditata dengan cara ini memiliki hubungan dengan penelitian dan akademisi; sebuah meja yang ditata sebaliknya dapat diartikan sebaliknya.

adam rowe
sumber