x
 
↑
Июль
•

11 •

4 •
1 •
13 •
↓
Александр Скиц
11 июля 2013

Я нашёл информацию о стоимости батона. Решил сделать инфографику на это тему. Дайте, пожалуйста, совет по поводу картинки в целом и вёрстки в частности.

Как быть со следующими моментами:

  1. В столбце некоторые числа целые, но если их указывать без дробной части, они «проваливаются» вправо. Например, 5,0 во втором столбце и 1,0 в третьем.
  2. При этом правильно ли комбинировать наличие и отсутствие порядков после запятой? Кажется бессмысленным ноль после запятой в крупных цифрах 35 и 28.
  3. Правильно ли выравнивать столбцы по правому краю в данном случае, не учитывая знаки после запятой?
  4. Достаточно ли вынесенных наверх знаков процента и рубля для понимания картинки?

  5. Я попытался связать размер шрифта с куском хлеба. Из-за этого самые маленькие значения стало трудно читать. Как это побороть?
  6. По какой линии выровнять «По данным Российской гильдии…»?
  7. Была идея сделать надписи в форме кусков хлеба (второе изображение). Имеет ли это право на жизнь?

Спасибо.

Ваша инфографика страдает от недостатка данных: девять чисел невозможно превратить в содержательную и эффектную визуализацию. Изменяя размер числа в зависимости от его значения, вы маслите масло и затрудняете чтение. Проще всего читать и сравнивать числа одинакового размера, выровненные по разрядам. А вот идея с нарезанным батоном мне понравилась. Ничего себе, какой кусок «отъедают» продавцы!

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

Собрав полную статистику, покажем, какую часть цены батона «освоил» каждый из участников и на что конкретно ушли деньги:

Выявленная структура расходов помогает ответить на новые вопросы. Сколько всего заработала пекарня? Кто получает больше, пекарь или продавец? Как между участниками распределилась прибыль и какова её доля в цене батона?

P. S.
Это был совет о визуализации данных. Хотите узнать всё о таблицах, графиках, диаграммах, картах, схемах, спектрах, инфографике и инфограммах? Присылайте вопросы.

Поделиться
Отправить

Комментарии
Николай Гурьянов
11 июля 2013

Если Александр всё-таки хочет остаться в жанре инфографики с красивой картинкой, я бы предложил развернуть батон по горизонтали — так будет проще разместить текст и добавить полезную информацию про каждый компонент цены. Я нашёл похожие примеры, от которых можно оттолкнуться.
Сергей Красильник
11 июля 2013

Мне кажется, инфографику Тани нужно отразить слева направо, потому что сейчас на вопрос «Из чего складывается цена батона?», ответ — «из магазина, перевозчика и пекарни», а должен быть — «из прибыли, налогов, зарплаты, аренды, расходов на ЖКХ и ингредиентов».

11 июля 2013

Таня, а как теперь сделать так, чтобы твоя инфографика выглядела так же клёво, как порезанный батон?

29 июля 2013

Коля, не знаю. Есть идеи? :-)

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.
3 • 4 • 2 • 4 •




Недавно всплыло

Как избежать «эффекта Тильды»? 3 • 3 • Типовые решения в вёрстке. Почему не стоит использовать float 2 • Как разделать папайю 2 •