Таблица — удобный вариант для визуализации сложных данных с большим количеством элементов. Информацию, поданную в виде таблиц, легко сравнивать и анализировать. Однако навык работы с таблицами важен не только для аналитика, но и для дизайнера: он помогает компактно отображать информацию и направлять внимание зрителя на ключевые моменты с помощью приёмов визуальной иерархии.
Мы собрали 5 советов, как грамотно структурировать данные и оформлять таблицу так, чтобы она легко читалась.
Совет 1: проверьте выравнивание текста
Как всегда, Дьявол кроется в деталях. Правильное выравнивание контента внутри ячеек таблицы помогает зрителю быстрее сориентироваться в данных. Здесь работает следующее правило: текст внутри ячеек (например, названия городов и номера телефонов) должен быть выровнен по левому краю. Строка с заголовками столбцов должна быть выровнена так же, как и текст — по левому краю. Численные данные (к ним относятся, например, сумма сделки и количество единиц товара) наоборот выравниваются по правому краю.
Совет 2: упростите шрифты
Таблицы – не лучшая площадка для тренировки навыков типографики. Не рекомендуется использовать шрифты с засечками: в борьбе между Times New Roman и Arial стоит отдать предпочтение последнему. Не лучший вариант – использовать жирное начертание и курсив. Максимум, что можно выделить жирным начертанием – это заголовки или одну ключевую строку. А вот заголовки, выделенные заглавными буквами – это еще одно дизайнерское «нет» при работе с типографикой в таблицах.
Совет 3: чем меньше эффектов, тем лучше
Яркие границы и контуры, тени, заливка и свечение лишь отдаляют вас от главной задачи – сделать таблицу простой и удобной. Это не означает, что таблица должна быть выдержана в строгой черно-белой гамме. Идеальное решение – выбрать два основных цвета для строк с контентом (чаще всего – белый и светло-серый), и один акцентный цвет на ваш вкус. Его стоит использовать для выделения строки с заголовками или для строки с важным для вас показателем (например, при сравнении стоимости).
Совет 4: избегайте дублирования информации
Самый очевидный способ упростить таблицу и сделать её более компактной — убрать дублирующуюся информацию. Например, если в заголовке указано, что столбец обозначает город поставки товара, то нет никакого смысла дублировать слово «город» в каждой следующей строке: «город Москва», «город Тула», «город Новосибирск» и так далее. Помимо городов, так часто дублируются слова «год», «телефон», «рублей». Всё это создаёт визуальный шум и усложняет восприятие данных.
Когда в таблице много похожих, но неодинаковых данных, единственный способ сделать её понятнее — поработать с контентом. Часть информации из таблицы можно показать с помощью
Совет 5: добавьте воздуха
Если после всех советов ваша таблица по-прежнему выглядит неудобной, проверьте размер шрифтов и межстрочные интервалы. При работе с таблицами в презентациях мы рекомендуем использовать шрифт размером не менее 14pt. Чётких правил относительно ширины ячейки нет – думаем, вы точно заметите, когда строки начинают слипаться. Не надо так 🙂
Автор: редакция блога о визуальных коммуникациях