В предыдущем посте мы уплотнили таблицу и добавили в неё важные показатели, однако анализ содержимого таблицы по-прежнему требует напряжённого всматривания. Как упростить поиск информации в таблице?
Наводим красоту
В таблице неправильно расставлены визуальные акценты – мы анализируем прибыльность, а выделен у нас заголовок, а важные для анализа цифры всё также представляют собой не более чем фон.
Исправляем:
Для начала выключаем экселевскую сеточку:
Делаем заливку заголовка менее яркой и меняем цвет шрифта на тёмный
(потому что белый на светлом плохо виден).
Убираем все чёрные границы ячеек в таблице
Это только кажется что они помогают пользователю следовать по строкам и столбцам. На самом деле ничему они не помогают потому что в качестве горизонтальных границ они слишком контрастные, а для вертикальных границ они расположены слишком далеко друг от друга.
Добавляем самые светлые горизонтальные границы по всей таблице
Вот они как раз будут помогать глазу следовать по строке - они отличаются от фона и не конкурируют с числами за внимание.
Поправляем отступ заголовков строк
В таблице есть три уровня значимости данных:
Для нашей таблицы мы визуально отделим уровни значимости друг от друга следующим образом:
- Уровень 1: 12-ый полужирный шрифт, заливка Lighter 60%, заголовок без отступа.
- Уровень 2: 12-ый шрифт, заливка Lighter 80%, заголовок без отступа.
- Уровень 3: 10-ый шрифт, без заливки, одинарный отступ заголовка.
Cмотрим что получилось:
Теперь иерархия показателей стала наглядна, но данные по-прежнему воспринимаются как один массив, чтобы разделить его
Выделяем группы
В таблицах отделить группы друг от друга проще всего пустым местом, которое глаз воспринимает как границу.
Добавляем между группами столбцов пустые столбцы шириной 2
Добавляем между группами строк пустые строки высотой 6
Группируем заголовки
повторение слова «Рабочая» 12 раз подряд не помогает считывать информацию. Объединяем ячейки с названием бренда в каждой группе столбцов. Аналогично объединяем ячейки с одинаковой крепостью, в них повторение тоже не помогает.
Смотрим что получилось:
Уже почти совсем хорошо, но формат чисел неправильный.
Исправляем форматы чисел
Десятичные числа должны всегда быть выровнены по правому краю, потому что только в этом случае разряды гарантированно оказываются друг над другом. Любое другое выравнивание десятичных чисел усложняет их восприятие. Тут даже думать не нужно – в Экселе есть встроенный числовой формат, который выравнивает числа правильно:
- Меняем формат всех чисел на числовой
- Убираем цифры после запятой
для показателей в тысячах рублей цифры после запятой спрячем совсем: разница между 70 655,3 тысяч рублей и 70 655,4 тысяч* в 99,99% случаев не будет существенной при принятии решений.
Для показателей на единицу продукции одну цифру после запятой оставим: не столько потому что она значима, сколько для того чтобы эти числа визуально отличались от показателей в тысячах рублей.
* читается как "разница между семьюдесятью тысячами шестьюстами пятьюдесятью пятью и тремя десятыми тысяч рублей и семьюдесятью тысячами шестьюстами пятьюдесятью пятью и четырьмя десятыми тысяч".
Творительный падеж числительных очень непрост.
- Проценты просто выравниваем по правому краю и добавляем одинарный отступ.
Смотрим что получилось:
Правильно оформленная таблица
Теперь информации в таблице стало больше, а считывать её стало гораздо легче:
