Почему следует избегать строк в таблицах?


25

Я прочитал несколько книг о типографии и дизайне. Все они рекомендовали избегать строк в таблицах и вместо этого использовать пробелы. Я нашел это разумным и впредь придерживался этих правил.

Недавно я столкнулся с пользователями электронных таблиц, которые сомневались в этих правилах и утверждали, что линии сетки лучше, поскольку во всех программах они включены по умолчанию.

Я также прочитал статью, которая объясняла проблему со строками: человеческий глаз должен сначала удалить их, прежде чем он сможет сосредоточиться на содержании таблицы. Если бы кто-то знал это или аналогичные научные открытия о восприятии данных, я был бы также рад.

На самом деле лучше избегать линий? Зачем? Есть ли у вас какие-либо ссылки, которые вы могли бы предоставить, чтобы поддержать это?


1
Посмотрите, пожалуйста, на мой вопрос graphicdesign.stackexchange.com/questions/13697/… , там вы найдете несколько хороших книг по типографии, в которых обсуждается создание хороших таблиц на нескольких языках ...
Mensch

12
Любой, кто использует электронные таблицы для жизни, почти всегда собирается утверждать, что линии должны быть там. Использование электронных таблиц сильно отличается от читабельности в дизайне . Приложения для электронных таблиц были бы кошмаром без линий ... но, наоборот, многие дизайны были бы кошмаром с линиями.
Скотт

4
Может быть полезно, если бы вы могли связать эту статью о «человеческих глазах, удаляющих линии». У многих статей нет источника, подтверждающего их утверждения. Я думаю, что сочетание строк и хорошего пробела - это хорошо; линии действуют как линейка, и в некоторых контекстах становится понятнее, и легче сопоставить, что с чем происходит. Нет необходимости делать линии 100% чёрными и сплошными или добавлять все линии. Вы также можете использовать светлые оттенки. Некоторые таблицы не читаются, потому что они не логичны, их нужно реорганизовать, и я думаю, что в этом и заключается самая большая проблема. Дело не только в дизайне.
Го-хунта

3
+1 на комментарий Скотта. Использование электронной таблицы для манипулирования / ввода данных очень отличается от использования таблицы для представления.
Нельсон

2
Связанный: tex.stackexchange.com/q/163061/28808 и другие Qs на tex.stackexchange помечены [booktabs] или [таблицы]. Они предоставляют пример таблиц (часто данных), отформатированных с вертикальными и без горизонтальных линий и без них.
Крис Х

Ответы:


42

Эдвард Туфте - это тот, кто придумал термин «мусорная карта» для обозначения посторонних визуальных элементов, которые имеют тенденцию загромождать, а не уточнять представляемые данные.

Это может относиться ко всем видам вещей, которые вы часто видите, но на самом деле не улучшают понимание и - часто - активно мешают пониманию данных.

Они могут включать в себя:

  • произвольный цвет
  • 3D эффекты
  • чрезмерные границы
  • избыточные метки
  • полосатый зебра
  • и т.п.

Я думаю, что этот анимированный GIF прекрасно передает концепцию:

введите описание изображения здесь

Лучше убрать строки? Обычно. При работе с мусорными диаграммами следует учитывать, что вы должны использовать только то, что необходимо для форматирования данных. Все лишнее - это просто ... лишнее ... и, вероятно, не улучшающее сообщение.


1
Это хороший анимированный GIF, но он кажется более сфокусированным на красоте стола с точки зрения дизайнера, а не на то, насколько читабельным или практичным он для читателя. Есть также разница между сравнением простой уродливой таблицы Word с красиво сделанной таблицей Indesign со строками. Nasdaq, банки, службы валютных курсов, Paypal, научные / медицинские / годовые отчеты и т. Д .: все эти люди / услуги / элементы, кажется, используют линии ... Я могу только догадываться, что это потому, что они отдают предпочтение комфорту своих читателей, хотят Избегайте путаницы и не расставляйте приоритеты в красоте дизайна. Я думаю, что они также являются надежными ссылками.
Го-хунта

2
Это просто вопрос личного мнения дизайнера и повестки дня, чтобы рассматривать линии как «мусор». Tufte, вероятно, порекомендовал бы сохранить строки или штриховку, если их цель - избежать путаницы с широкими таблицами, и удалить их на таблицах с 2 столбцами, если все выглядит хорошо. Насколько я понимаю, под мусорным графиком он подразумевает удаление лишних значков, лишних текстов, которые бесполезны, шаблонов, нечитаемых шрифтов, ORNEMENTAL shading (например, не имеет никакой другой цели, кроме дизайна) и т. Д. Все это не является чем-то новым для большинства дизайнеров, это просто логично и не только для диаграмм, но и для любого макета.
Го-хунта

2
Это кажется грубым упрощением без какого-либо объяснения того, когда строки необходимы и полезны, а когда они посторонние. Также при чтении вашего ответа несколько подчеркивается, что строки следует удалять только в том случае, если они на самом деле посторонние. Чтобы указать ваш анимированный. GIF держит одну строку, но без объяснения того, почему.
Райан

2
Опять же, мне говорят, что удаление посторонних визуальных элементов не говорит, почему и когда что-то постороннее. Передо мной таблица из 26 строк и 18 столбцов (любезно предоставлена ​​бизнес-консультантом). Должны ли они удалить все строки и штриховки? Потому что, когда я читаю ваш ответ, это звучит как почти универсальное да.
Райан

4
@Ryan - Я согласен, особенно в больших таблицах, где некоторые «ячейки» занимают несколько строк, а также там, где некоторые ячейки могут быть пустыми. Эти случаи (и другие) могут извлечь выгоду из некоторых горизонтальных линий. Есть (по крайней мере) два «фактора», которые необходимо учитывать, которые иногда (много раз) противоречат друг другу: эстетика и удобство использования. Удобство использования важнее, чем красивая внешность. Если дизайн стола выглядит хорошо, но непригоден для использования (сложен или запутан в использовании), то что это действительно хорошо. Во многих случаях эстетика больше касается того, как таблица выглядит на расстоянии, а не при попытке прочитать данные в таблице.
Кевин Феган

12

Я думаю, что вы можете пересмотреть вопрос своего вопроса, сосредоточившись на целях таблицы вместо каких-либо общих указаний.

Например, если читатели должны сравнивать содержимое разных строк, может быть проще различать каждую строку. Вы также можете рассмотреть возможность реализации контрастов между столбцами.

Есть несколько вариантов сделать строки или столбцы различимыми:

  • Альтернативные цвета фона (мягкие цвета, так что контраст все еще делает текст читабельным)
  • Используйте линии между строками или столбцами
  • Используйте отступы вокруг содержимого в таблице

Ваш выбор будет зависеть от:

  • Что пользователь сделает с вашей таблицей и как упростить его использование для пользователя: это будет определять иерархию чтения и, следовательно, ваш графический выбор
  • Размер содержимого и, следовательно, размер таблицы: например, длинные строки должны быть графически различимы; это не так много требуется для столика

Тем не менее, по моему опыту, в большинстве случаев я стараюсь не использовать линии, которые являются довольно тяжелыми. Я предпочитаю использовать альтернативные затененные цвета фона для строк. И, если требуется, белые линии только для столбцов. Таким образом, контент становится заметным, а табличная графика незаметно направляет пользователя.

Всегда учитывайте назначение стола перед применением любого стиля.


2
+1 "Всегда принимайте во внимание назначение стола перед применением любого стиля." Это то, о чем просил ОП, и в любом случае хороший графический дизайнер всегда будет уделять первоочередное внимание цели!
Го-хунта

9

Я не верю, что вы или ваш коллега правы. Более важной проблемой является удобочитаемость. Интервал самостоятельно может эффективно сделать это, линии / затенение часто могут помочь использовать меньше места.

Здесь у нас есть таблица с довольно нормализованным интервалом и без линий. За ним трудно следить, потому что цифры в первую очередь предназначены для чтения слева направо, а не сверху вниз. Но вы должны понять это самостоятельно:

введите описание изображения здесь

Теперь я использовал только интервалы, которые мы знаем из наших гештальт-принципов , чтобы было ясно, что вы читаете по горизонтали:

введите описание изображения здесь

Тем не менее, все изображение стало больше. Когда я мог бы добавить то же самое с помощью линии или штриховки и использовать меньше общего пространства:

введите описание изображения здесь

Использование итоговых строк, однако, может быть похоже на использование вообще никаких строк. Само по себе это не помогает определить, в каком направлении люди должны больше интересоваться чтением:

введите описание изображения здесь

И то же самое, если мы хотим, чтобы это сначала понималось вертикально, тогда это может выглядеть примерно так:

введите описание изображения здесь

Но также может быть меньше пробелов, если мы используем линию (я бы, вероятно, центрировал эту линию, если бы делал это по-настоящему, но делал бы это быстро):

введите описание изображения здесь


1

APA Style не использует линий между строками. Стол, разработанный таким образом, имеет ассоциации с исследованиями и учеными; таблица в стиле иначе может означать иначе.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.