В таблице на слайде важно сохранить нужные данные, сделать строки удобными для чтения и выделить главное. Разберём, как это сделать, на примере таблицы с проектами команды: от выбора данных до акцентов и декора. В конце — чек-лист для проверки своей таблицы.
Когда использовать таблицы
Таблица подходит для задач, в которых зрителю нужно прочитать и сопоставить отдельные записи:
- Найти конкретные данные. Читатель может выбрать нужную строку и посмотреть интересующее значение, не просматривая весь набор данных.
- Узнать точные значения. Если для решения важны только значения какого-то показателя, их можно показать таблицей, чтобы аудитории не нужно было разбираться в диаграмме.
- Сравнить объекты по нескольким признакам. Удобно, когда у нас несколько объектов с одинаковым набором параметров.
- Собрать разнородные сведения. Числа, даты, названия и комментарии можно собрать вместе, чтобы показать полную картину.
- Показать места в рейтинге. Если у нас несколько параметров или нужно показать детали.
Если нужно показать динамику, соотношение величин или заметное отклонение, рассмотрите диаграмму. В таблице зрителю придётся самому искать эти закономерности среди значений. Выбирайте формат под то, что человек должен увидеть на слайде.
0. Типичная таблица проектов
В исходной таблице 8 проектов и 8 параметров. Это типичная таблица, в которой ничего не понятно — просто набор данных, которые ни о чём не говорят нашей аудитории.
Многие люди не любят таблицы, потому что обычно они выглядят как раз вот так и приходится потратить много времени, чтобы в них разобраться. В этом есть правда, таблицы действительно сложны для понимания, но мы можем сделать их немного понятнее с помощью нескольких универсальных шагов.
1. Выберите главную мысль и оставьте только нужные данные
Чтобы решить, что оставить на слайде, сначала определите его задачу. В данном случае нам важно не просто показать кучу данных про все проекты компании, а показать руководству возможные риски и рассказать про решения, которые помогут эти риски снизить.
Для этой задачи оставим в таблице название проекта, дедлайн, бюджет, процент выполненной работы и комментарии. Направление, ответственного и статус уберём: направление и так понятно из контекста, ответственные нам нужны только для проблемных проектов, а статус и так понятен из процента выполненной работы. Альтернативный вариант: оставить статус, но убрать проценты, если мы хотим поменьше грузить аудиторию числами.
Практические советы:
- Если таблица всё ещё слишком большая, проверьте, можно ли разделить её на несколько слайдов по теме обсуждения, а полный вариант перенести в приложение.
- Для презентации, которую будут читать самостоятельно, сохраните пояснения, которые на выступлении вы дали бы устно. Подробнее об этом — в статье про форматы презентаций.
2. Расположите строки и столбцы в нужном порядке
Выберите порядок, который соответствует задаче слайда. В нашем примере строки идут по дедлайну: от более ранних дат к более поздним. Так будет проще заметить проблемы со сроками.
Если сравниваете расходы, можно упорядочить строки по бюджету; если таблица нужна для поиска названия — по алфавиту.
Практический совет:
- При перестановке перемещайте всю строку, включая комментарий. После этого сверяйте данные по названию проекта, чтобы суммы и сроки не оказались у соседних строк.
3. Выровняйте текст влево, а числа — вправо
Для текста это универсальное выравнивание, потому что мы читаем слева направо и так проще переводить взгляд на следующую строку. А числа выравниваем вправо, потому что так сразу видна их разрядность. В нашем примере сразу видно, что у мобильного приложения самый большой бюджет, потому что единица от миллиона выделяется из общего ряда.
Названия проектов и комментарии мы выравниваем по левому краю, а бюджеты и проценты — по правому. Даты можно выровнять и влево, и вправо, но второй вариант чуть удобнее. Заголовки столбцов выравниваем так же, как данные под ними.
4. Настройте линии и заливки
Уберите у таблицы заливки и границы, а затем добавьте только нужные разделители. В нашем примере достаточно тёмной линии под заголовками и светло-серых линий между строками.
Практические советы:
- Второстепенные разделители можно сделать тоньше или выбрать серый цвет вместо чёрного. Ещё один способ — добавить прозрачность, если редактор это позволяет. На светлом фоне чёрная линия станет менее заметной.
- Проверьте результат на готовом слайде: линии должны помогать следить за строкой, не отвлекая от текста.
- Если в широкой таблице трудно следить за строкой, попробуйте «зебру» — чередование белых и светло-серых строк. В небольшой таблице, где строки и без того легко различить, дополнительная заливка не нужна.
5. Добавьте отступы и оформите заголовки
Подгоните ширину столбцов под содержимое. Названиям проектов и комментариям в нашем примере нужно больше места, чем датам и процентам. Не делайте все столбцы одинаковыми: сначала разместите длинный текст, затем проверьте, хватает ли места числам.
Заголовки столбцов можно выделить полужирным. Сохраните в них всё, что нужно для понимания данных: например, «Бюджет, ₽» сразу задаёт единицу измерения. Тогда знак рубля не придётся повторять в каждой строке.
Практические советы:
- Если текст подходит вплотную к границе ячейки, увеличьте внутренние поля слева и справа. Добавьте пространство сверху и снизу, чтобы соседние строки не слипались.
- Для комментария в несколько строк может понадобиться большая высота строки; добиваться одинаковой высоты ценой обрезанного текста не стоит.
6. Выделите главное и при необходимости второстепенное
Напишите в заголовке слайда мысль, ради которой показываете таблицу, и выделите связанные с ней данные. В нашем примере заголовок «Нужно решение по ребрендингу» поддержан цветной заливкой строки «Ребрендинг». Комментарий в этой строке объясняет, почему требуется внимание к проекту.
Если нужно отметить ещё одну группу, выделите её слабее. Например, строки осенней рекламной кампании и обучения отдела продаж можно залить светло-серым цветом. У этих проектов скоро наступит дедлайн, но процент выполнения низкий. Пока ничего критичного, но нужно к ним присмотреться. Главный акцент на ребрендинге при этом должен оставаться заметнее.
Добавим сюда же небольшую подпись, которая объяснит выделение второстепенных данных. А некоторые данные, наоборот, уберём из таблицы, потому что они слабо связаны с нашей главной идеей в заголовке.
Практические советы:
- Для главного акцента можно использовать заметную заливку и полужирное начертание.
- Проверьте, читается ли текст на новом фоне: после изменения цвета ячейки цвет текста тоже можно поменять.
- Смысл выделения поясните заголовком или подписью, чтобы читателю не приходилось угадывать значение цвета.
7. Добавляйте декор, если он не мешает читать таблицу
На этом таблица может быть готова. Фон, изображение или декоративная подложка нужны, если мы хотим сделать слайд интереснее и если они подходят оформлению презентации. Важно, чтобы эти элементы не мешали изучению данных, потому что прежде всего такой слайд должен быть понятным.
К нашей таблице мы добавили не только изображение и фон, но ещё и несколько дополнительных подписей. Такие детали делают слайд интереснее и в то же время могут уточнить нашу идею.
На курсе «Быстрые слайды» разбираем, как сочетать таблицу с другими элементами на слайде. Если хотите быстро делать понятные презентации,
посмотрите программу курса.
Чек-лист готовой таблицы
- Таблица подходит задаче: нужно найти конкретные данные, узнать точные значения, сравнить характеристики или посмотреть места в рейтинге.
- Понятно, какую мысль должен передать слайд.
- На слайде остались только нужные данные и пояснения.
- Данные отсортированы по выбранному признаку, значения при перестановке не перепутаны.
- Текст и числа выровнены по содержимому столбцов; даты, суммы и проценты записаны в одном формате.
- Текст не прижат к границам и соседним столбцам, переносы и высота строк не мешают чтению.
- По строке можно пробежаться взглядом от названия до последнего значения; разделители не отвлекают от данных.
- Главный акцент соответствует заголовку слайда.
- У вторичного выделения есть понятная причина, и оно слабее главного акцента.
- Декоративные элементы не перекрывают данные и не путают аудиторию.