«ДТП в России». Инфографика о катастрофе, о которой не говорят

Сколько людей погибло под колесами автомобиля в 2017 году? Ответ на этот вопрос знает команда агентства эффективных коммуникаций «Инфографика». Авторы рассказали, можно ли повлиять на печальную статистику через интернет.

4
месяца
5
человек
8000
просмотров
АВТОРЫ ПРОЕКТА
  • Николай Романов
  • Алёна Максименко
  • Александр Попов
  • Юлия Карасина
  • Артём Колеганов
ФИНАНСИРОВАНИЕ
  • собственные средства
Николай Романов,
основатель проекта, главный аналитик

Над проектом работали впятером: я собирал и анализировал данные, Юлия Карасина помогала мне их дорабатывать, Алёна Максименко отвечала за инфографику и дизайн, Александр Попов — за программинг. Арт-директор агентства Артем Колеганов адаптировал проект под разные браузеры и отвечал за визуальную сторону.

Наше агентство делает корпоративную инфографику. Мы уверенно чувствуем себя в форматах статики и анимации, но интерактивные проекты делали редко. Чтобы прокачать навыки, мы решили не тренироваться на заказчиках, а запустить серию из 12 внутренних спецпроектов на социальные темы. «ДТП в России: катастрофа, о которой не говорят» — первый из них.

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

Как это сделано

В ПК-версии масштаб сравнения один к одному, а в мобильной — приблизительная шкала с несколькими фактами.

Казалось бы, превысить скорость на 10–20 километров в час — ерунда, мы не считаем это проблемой, а в итоге может оборваться чья-то жизнь.

«У нас было больше времени, чтобы покричать друг на друга»

Мы делали спецпроект параллельно с текущими задачами, поэтому растянули работу на четыре месяца. Основная ее часть заняла недели три: мы собрали и проанализировали статистику ГИБДД за 2017 год, разработали структуру и дизайн сайта, адаптировали верстку для экранов мобильных устройств. Проект был готов в начале августа, но запустили мы его только 23 числа — хотели, чтобы потенциальные читатели вернулись из отпусков.

Основа проекта — данные официальной статистики ГИБДД.

Если бы мы сконцентрировались только на этом спецпроекте, то сделали бы его быстрее. Но я рад, что у нас было больше времени, чтобы поспорить и покричать друг на друга. Мы успели обдумать и реализовать многие детали, что-то переделать, протестировать проект на фокус-группе.

Главное — не попасть в ловушку: чем дольше работаешь над продуктом, тем больше видишь его несовершенство. Когда споришь с коллегами о мелочах, важно вспомнить, что если бы дедлайн был ближе, вы бы даже не задумались об этих нюансах.

Благодаря «ДТП в России» мы отладили внутренние процессы агентства. Например, разграничили зоны ответственности тех, кто придумывает контент, и тех, кто его визуализирует, разобрались, кто должен принимать финальное решение о дизайне.

Мобильная версия против полноэкранной

Александр Попов,
программист проекта

Данных в проекте так много, что нужно было рассчитывать не только ширину экрана разных устройств, но и высоту.

Нам пришлось разработать два разных сценария взаимодействия пользователей с проектом — для компьютеров и смартфонов.

Масштаб проекта — один к одному. Каждая точка соответствует одной человеческой смерти в результате ДТП.

Было сложно адаптировать сайт для мобильных устройств. На маленькие экраны не помещалось 19 000 точек, даже если сделать их очень мелкими. В итоге мы отказались от части контента в мобильной версии проекта. Во время тестирования обнаружили, что в некоторых случаях в мобильном Хроме сайт перезагружался на середине сценария. Мы исправили эту ошибку, а чтобы сайт открывался на телефонах без проблем, я объединил точки в несколько сплошных изображений.

Алёна Максименко,
главный инфографер

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

На десктопе читатель сразу видит количество жертв в ДТП за 2017 год, а затем листает вправо, чтобы понять, какую часть погибших составляют, например, велосипедисты и дети. Мобильная версия более эмоциональна: пользователь не может охватить все данные одним взглядом, ему приходится так долго свайпить, что он устает это делать, и через это осознает масштаб катастрофы.

Мобильная версия проекта менее подробна, чем версия для десктопа, но так же наглядно отражает суть.

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

«Никогда не догадаешься, куда и зачем нажимают пользователи»

Если на сайте всего пять кнопок, пользователи будут взаимодействовать с ними по-разному. Ты никогда не догадаешься, как, куда и зачем они нажимают, пока не протестируешь продукт. Например, в мобильной версии «ДТП в России» в определенный момент появляются надпись «Нажмите на экран, чтобы узнать, почему это произошло» и иконка с рукой. Люди могут нажать куда угодно, и загрузится следующий блок информации, но почему-то они часто нажимают именно на иконку. После тестирования мы еще раз отладили сайт, добавили вспомогательные надписи вроде «Нажмите дальше» и избавились от неочевидных ошибок.

Стиль продвижения — «белые рыцари»

Николай Романов,
основатель проекта, главный аналитик

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

Например, мы предложили расшарить проект блогеру Илье Варламову, который регулярно пишет на своем сайте об авариях, но он нам не ответил.

Редакция «Медузы»* ответила нам, что проект интересный, но не подходит к их платформе по ширине. Этого мы при разработке никак не учитывали. Я думал, мы придем с проектом к СМИ, как белые рыцари, и все журналисты скажут: «Ребята, вы наши спасители, сейчас всё опубликуем». Это было наивно.

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

Проект «ДТП в России» выполнен в минималистичном стиле.

Несмотря на то, что продвижение «ДТП в России» не было успешным, проект получился наглядным и показательным. Главное, что моя гипотеза подтвердилась — люди недооценивают масштаб проблемы. На первой странице сайта пользователям предлагается написать, сколько человек, по их мнению, погибло в ДТП в 2017 году. Самый популярный ответ — 5–10 тысяч жертв. Надеюсь, наша инфографика убедила их в том, что дело обстоит намного серьезнее.

Советы от авторов

Важно отличать инфографику от картинки, которая под нее мимикрирует. Главное в инфографике — не визуализация, а идея и структурирование смысла. Без них получится просто яркая обертка.

Над материалом работали:
Анастасия Палихова
Иллюстрации:
скриншоты проекта «ДТП в России»

Подводя итоги:

1
2
3
* организация признана нежелательной