10 постулатов по улучшению таблиц

Автор оригинала: Jon Schwabish
  • Перевод

Короткое резюме 10 постулатов по улучшению таблиц, опубликованных в Journal of Benefit Cost Analysis экономистом Jon Schwabish.

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

Итак, перейдем к правилам.

1. Отделяйте заголовки от тела таблицы

Делайте заголовки своей таблицы понятными. Старайтесь использовать жирный шрифт или линии, чтобы отделить заголовки от тела таблицы - чисел и текста.

Без заголовков
Без заголовков
С заголовками
С заголовками

2.  Используйте ненавязчивые разделители вместо толстой сетки

Облегчите или вообще удалите большинство “тяжеловесных” краев и разделителей в Вашей таблице. Редко бывает, что границы необходимы для всех ячеек.

Без разделителей
Без разделителей
Выделение цветом
Выделение цветом

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

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

Выравнивание чисел и заголовков по левому краю
Выравнивание чисел и заголовков по левому краю

4. Выравнивайте текст и заголовки по левому краю

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

Различные варианты выравнивания текста
Различные варианты выравнивания текста

5. Выбирайте адекватный уровень точности

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

Различные варианты округлений
Различные варианты округлений

6. Направляйте читателя с помощью расстояний между строками и столбцами

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

Расстояние между столбцами
Расстояние между столбцами
Расстояние между строками
Расстояние между строками

7. Избегайте повтора единиц измерения

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

Излишек единиц измерения
Излишек единиц измерения
Правильное оформление единиц измерения
Правильное оформление единиц измерения

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

8. Выделяйте выбросы

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

Выделение выбросов цветом текста
Выделение выбросов цветом текста
Выделение выбросов заливкой
Выделение выбросов заливкой

9. Группируйте похожие данные и отделяйте их пробелами

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

Без группировки по регионам
Без группировки по регионам
С группировкой по регионам
С группировкой по регионам

10. Добавляйте визуализацию при необходимости

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

«Голая» таблица
«Голая» таблица
Отформатированная таблица
Отформатированная таблица

Эпилог

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

Разница в наглядности очевидна. Проведите ревизию своих ежедневных и финансовых отчетов - а у Вас все правила соблюдаются?

Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.

Все ли правила Вы соблюдаете?

  • 64,5%Да, я помешан на красивых табличках!40
  • 17,7%Нет, но теперь точно буду!11
  • 17,7%Мне и так норм (:11

Комментарии 14

    0
    Добавлю — в советах на сайте Бюро много примеров с разбором верстки и оформления таблиц
      0
      Спасибо!
      0
      3. Выравнивайте числа и заголовки по правому краю

      Я бы рекомендовал выравнивать дробные числа по десятичному разделителю.
        0
        Почти ни один браузер это не поддерживает. Теоретически при правильных шрифтах (ширина цифр одинакова) можно указать одну и ту же точность (количество знаков после запятой) и (при необходимости) сделать правые нули после запятой прозрачными.
          0
          Ну если количество знаков после запятой одинаковое (а так и должно быть), то при выравнивании по правому краю числа автоматически будут выровнены по разделителю. Верно же?.. :D
            0
            К сожалению, так не во всех шрифтах :(
          0
          Мне еще нравится идея для улучшения вида, когда вертикальную линию внутри таблицы делают маленькими точками, а не прямой непрерывной линией.
          Визуально легче читается и выглядит.
            0
            Да, классная идея!
            0

            К пунктам 7 и 8 добавил бы моменты:
            Если вся таблица видна на экране, то лучше указывать значение в первой строке, а не в заголовке. Во-первых, заголовок не перегружается, во-вторых — читается проще. Если же таюлица занимает более одного экрана, то надо выносить единицы измерения в заголовок.


            Выделение выбросов цветом шрифта лучше, если таблица будет изучаться детально в большинстве случаев. Если будут искать именно выбросы, то заливка подойдёт больше.

              0
              Про выбросы — абсолютно согласны. У нас, например, в отчетах подсвечиваются значения, которые ниже средних за месяц. Само собой, таких довольно много — если их все сделать заливкой, то можно остаться без глаз (:
              0
              Советы по улучшению визуального восприятия безусловно полезные. Однако, в примере с группировкой по регионам, таблица, оформленная красиво, будет входить в противоречие с основными принципами организации данных в Data Mining. Вместо части стран при загрузке там будут 'NA', что потребует лишних усилий при предпроцессинге.
                0
                Ну здесь речь именно про презентации и отчеты — такие данные не предназначены для дальнейшей обработки. Чисто data storytelling :)
                0
                  0
                  огонь!))

                Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                Самое читаемое