Рекомендации по оформлению таблиц в Google и Excel


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

Чаще всего мы работаем с двумя типами документов: текстовыми и табличными. В этом посте разберу пример плохого и хорошего оформления табличного документа.

🙈 Пример плохого оформления

Не буду комментировать — лучше сразу посмотрим пример хорошего оформления.

👍 Пример хорошего оформления

Основной принцип оформления второго примера — не усложняйте. Серьёзно — это такое простое правило, но в 99% случаев таблицы оформлены в точности до наоборот.

Что конкретно отличает второй пример от первого:

  • Не изменён шрифт. Всегда старайтесь обходиться тем размером шрифта, который указан по умолчанию в вашем сервисе таблиц (в Google Таблицах это 10). Менять размер шрифта нужно только тогда, когда других способов выделения важной информации больше нет. И, ради Бога, не меняйте тип шрифта — с Arial всё в порядке.
  • Не добавлены лишние цвета. Цвет — прекрасный инструмент выделения важной информации. Например, красным можно выделить негативный показатель, зелёным — позитивный. Но применять цвета ради того, чтобы просто выделить какую-то строку, чтобы «не было слишком пусто», не нужно. 
  • Не использованы чёрные границы для клеток, чтобы выделить саму таблицу. Вместо этого я просто удалил лишние столбцы и строки. Так таблица выглядит собраннее, и чёрные границы каждой ячейки не перегружают её дизайн. Серых границ тут достаточно.
  • Для выделения и разделения информации я использовал только фиксацию первого столбца и первой строки, чтобы толстой линией отделить данные от их ярлыков. Также для выделения важной информации — конверсии — я использовал только выделение жирным. Этого вполне достаточно, чтобы обратить внимание на этот показатель.
  • Отцентровал столбцы месяцев. Рекомендую это для числовых данных. Текстовые — лучше оставить с выравниванием по левому краю.
  • Для денежной информации использовал «денежный» тип данных ячейки, чтобы в конце подставлялся знак рубля.

Посмотреть живой пример таблицы вы можете здесь. Также советую посмотреть на инструмент, в котором почти нет форматирования и, как следствие, проблемы с плохим форматированием — это Airtable.

Хотите получать новые статьи на почту?

Мы отправляем письма 1–2 раза в месяц — только самое лучшее из нашего блога и школы маркетолога. Оставляйте свою почту и будьте в курсе главного в чат-бот-строении для сайта 😉

Подписаться

Сергей Филимонов

Автор, сооснователь Soyuz.chat