• Агентство
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости
Инструменты

Простейшие правила оформления таблиц 2

3
Comments
Linkedin
2
ВКонтакте
0
Pocket

Сегодня наткнулась на блог Nordiс Design и с удовольствием процитирую у себя несколько постов по информационному дизайну.

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

К перечисленному ниже могу добавить 2 момента:

  1. Использовать тысячный визуальный разделитель (не 8684 руб, а 8 684 руб) — эта функция есть в Экселе
  2. Отмечать цветом выделяющиеся значения, чтобы ускорить восприятие (например сразу красить красным отрицательные показатели)

Итак, цитирую:

A. S. C. Ehrenberg в 1977 году написал и прочитал перед английским Королевским статистическим обществом хорошую и полезную статью о дизайне таблиц: Rudiments of Numeracy. Он привел 6 простых правил как улучшить читаемость, легкость анализа табличных данных и привлекательность таблицы в целом.

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

Не так

tg1

 

 

 

А так

tg2

 

 

 

2. Делать колонку или строку со средними значениями. Это дает дополнительные инструменты анализа самих данных (помогает искать закономерности или распределения. Он даже говорит как это делать. Прицеливаем взгляд на среднее значение, а потом пробегаем по данным).

tg3

 

 

 

3. Выстраивать числа, предназначенные для сравнения в колонку. Так как глазу гораздо легче пробежаться по колонке, чем по сроке для сравнения данных. Более того, это происходит потому, что сравниваются как правило первые цифры в числе, а остальные пропускаются. Это еще один голос за то, чтобы округлять к двум эффективным числам.

То есть если данные сравниваются, то в плохой таблице для этого надо поменять строки и колонки местами. Вот так:

tg4

 

 

 

 

 

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

tg5

 

 

 

 

 

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

Вот это ужас

g6

 

 

 

 

 

Взято здесь

Июн 3, 2009Ирина Доброва
Статья была интересной?
  • Поделюсь (1)
  • Полезно (1)
  • Бесполезно (0)
  • Банально (0)
Инфограферы за работой (студия Лебедева)Возвращение салфетки
Главная Книги Простейшие правила оформления таблиц
Статья16 г. назад 3 Инструментытаблицы
facebook-profile-picture
Ирина Доброва

Основатель и идеолог агентства Infographer

Сайт Фейсбук Instagram
  • Julia Prikhodko

    Таблицы вообще магическая штука.
    Если научится грамотно с ними работать — горы свернуть можно 🙂

  • tenterro

    Слегка противоречит этой статье, где предлагается данные для сравнения выстраивать по строке, а для сбора информации по типу — в колонку.
    http://www.uxmatters.com/mt/archives/2009/09/designing-tables-101.php

    • Irina Dobrova

      Спасибо за материальчик!
      Я думаю все зависит от количества этих самых строк и столбцов. Моя твердая уверенность что столбцов должно быть меньше — таблица может быть длинной вниз, а не в бок

  См. также  
Примеры визуализации

Оставшиеся на планете ресурсы

Я лично считаю эту идею визуализации гениальной. 2

Колонка со-авторов, Теория

Принцип Гештальта для оформления таблиц

Принципы Гештальта или Гештальтопсихология – это описание особенностей восприятия человека, как наш мозг группирует и выстраивает визуальные... 13

Примеры визуализации

Инфограферы за работой (студия Лебедева)

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

Примеры визуализации

8 периодических таблиц. Таблица Менделеева — тоже инфографика?

Таблица Менделеева - тоже инфографика? 5

Примеры визуализации

О телефонах, химических элементах и честности — в таблицах и картах

В журнале BBC Science Focus появилась новая версия Таблицы Менделеева — с указанием дополнительных, применимых к современной реальности... 0

Примеры визуализации

Календарь аварийности

На календаре видно: Аварии по причине алкоголя обычно происходят в выходные. Октябрь-ноябрь - повышенная опасность со стороны оленей. 0

Инструменты

Размышления о таблицах

Таблица - самый распространенный формат предоставления данных. Это такой проверенный контейнер для данных. И самый привычный. 0

Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+