Скачать книгу

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

      Линейный график для рейтинга

      Бывает так, что отчет состоит из одних столбчатых диаграмм, и хочется его как-то разнообразить. Например, вы можете попробовать отобразить продажи про странам на линейном графике, да еще и с красивой заливкой (рисунок 2-16 слева).

      С визуальной точки зрения здесь все верно – видно метки данных, подписи категорий удобно читаются по горизонтали. Но с точки зрения логики график показывает линейную связь между категориями и рост от первой к последней, как в случае изменения показателя по кварталам года. Только при внимательной рассмотрении или пояснении автора отчета станет ясно, что это сравнение стран между собой. Линейный график показывает непрерывный поток во времени. В нашем примере его нет – мы ранжируем отдельные категории по объему продаж и сортируем от большего к меньшему. В этом случае нужно использовать столбчатую диаграмму (рисунок 2-16 справа).

      Рисунок 2-16. Искажение рейтинга на графике (слева), и корректное отображение на столбчатой диаграмме (справа).

      Линейчатая диаграмма для динамики

      Динамику можно отобразить с помощью линейного графика, а также с помощью столбчатой диаграммы. Иногда возникает соблазн поменять ее ориентацию на горизонтальную, ведь линейчатая диаграмма более компактная, она вмещает большее количество категорий и длинные подписи (рисунок 2-17 слева). Но это будет искажением: при первом взгляде такая диаграмма будет восприниматься как рейтинг, и дальше возникнет вопрос, почему он не упорядочен.

      Запомните: временная шкала располагается по оси Х и читается слева направо.

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

      Рисунок 2-17. Вертикальное искажение временной шкалы (слева) и корректное отображение по оси Х (справа).

      Круговая диаграмма для динамики

      Еще одна ошибка – показать ось времени в виде круга. Единственное исключение – это визуализации жизненного цикла итерационных процессов. Но для классической временной динамики это неуместно. Пусть кольцевая диаграмма, построенная на 4 кварталах смотрится аккуратно (рисунок 2-18 слева), но она лишь покажет примерно одинаковые доли. Столбчатая же диаграмма (рисунок 2-18 справа) четко показывает, что был равномерный рост в течение трех кварталов, а затем падение в четвертом.

      Рисунок 2-18. Искажение временной шкалы на круге (слева) и корректное отображение поквартальной

Скачать книгу