Тема: Примеры визуализации 5
Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
Карта метро Лондона — икона или дезинформатор?
Предлагаем вам подумать на тему влияния привычных картинок на восприятие действительности.
В 1933 году карта вышла легендарная карта лондонской подземки (London Underground), построенная по принципам Гарри Бекка. Она представляет собой диаграмму сети. Её акцент — не на физическом расположении, а на отражении взаимосвязей. Принципиальное новшество — использование лишь вертикальных, горизонтальных и наклонных линий, и кодирование разных линий разными цветами. Она стала прообразом многих современных карт сетей. Благодаря схематизации такие карты легко читать и использовать. У нас про это есть отличная статья!
Недавно мы наткнулись на статью Макса Галка. Он пишет о том, как визуализации кодируют наше восприятие. Карта метро — это то, что мы видим каждый день, и именно так мы начинаем представлять себе город. В большинстве случаев, центр на картах метро представляется значительно большим, чем он есть на самом деле. Водители, наверняка, замечали, как меняется восприятие города, как только садишься за руль.
Ниже — карта Лондона пользовтеля Pham_Trinli на Reddit.
Malofiej24: про законы восприятия и эмпатию
Личные впечатления от прошедшей конференции Malofiej24, наиболее значимые или полезные моменты и все материалы, которые удалось собрать. День второй, часть вторая.
Лучше всего Lena Groeger из ProPublica охарактеризовала свое выступление сама. Цитирую ее анонс в твиттере: “Через 10 минут я буду говорить о слепых пятнах нашего мозга и о том, что графика может с этим делать”.
Лена упомянула статью в The New Yorker, где описывается влияние пяти наших чувств друг на друга: чипсы, которые хрустят громче, воспринимаются нами как более свежие. С визуализациями так же: другой график, и сразу сдвиг смысла.
Слайд презентации: cтолбики или линии
Правый график переводится мозгом как “чем человек более “мужик”, тем он выше ростом».
Полную презентацию можно посмотреть тут.
Слайд презентации: мы ненавидим ждать
Комментарий к седьмому слайду (про очередь). В одном аэропорту люди выходили из самолета, шли одну минуту и потом семь минут ждали багаж. Было много возмущения и претензий. Менеджмент изменил маршрут. Теперь люди шли от самолета семь минут и ждали багаж одну минуту. Аэропорт стал примером для подражания по скорости выдачи багажа.
А вот еще шикарный проект, объясняющий, что минимальные изменения на уровне персоны приводят к глобальным изменениям на уровне общества. Очень рекомендую прочитать внимательно, разобраться и поиграть с предложенными моделями.
Притча о полигонах. Проект Vi Hart и Nicky Case
Основной вывод – аккуратнее с используемыми вами визуализациями. Проверяйте на наличие неумышленного или тем более умышленного фактора лжи. Смотрите на свою работу глазами зрителя, который ничего не знает о том, что именно вы хотели сказать. Не вводите в заблуждение.
Заключительное выступление конференции. Brian Boyer из NPR (National Public Radio). Очень колоритный дядька из классических байкеров: косуха, пивной живот, борода, мощный голос, регулярный мат. По его собственному определению, несчастный программист, который загуглил “журнализм”. По моей оценке, одно из самых ярких выступлений конференции.
Интересные цитаты:
Cила радио в том, чтобы услышать историю из чьих-то уст. Это не то же самое, что прочитать цитату.
Наше влияние – эмпатия. Наша миссия – заставить людей принимать близко к сердцу.
Фотография может внезапно заставить тебя обратить внимание. Это такие машины по созданию эмпатии.
Награды показывают, впечатлили ли вы своих коллег. Я люблю своих коллег, но они не моя аудитория.
Наша новая дверь заставляет очень умных людей каждый день чувствовать себя идиотами.
В тему плохих дверей – видео:
И если вдруг вы еще не читали книгу Дональда Нормана “Дизайн промышленных товаров” – читать срочно!
И еще цитаты:
Список самых читаемых материалов никогда не бывает полон самыми влиятельными материалами. Это не наша вина, просто критерий оценки выбран не верно.
Размещение просьбы о пожертвовании после того, как вы получили положительный ответ на вопрос, понравилась ли вам история, поднял конверсию в 10 раз.
Слайды:
Заставляют ли визуальные истории людей задуматься?
История про социальное жилье в Чикаго
Продолжение следует!
Автор: Максим Горбачевский
Инфографика и дизайн — немного философии
По опыту работы, нам приходится постоянно находить баланс между простотой и оформлением, между смыслом и внешним видом. Когда пересматриваешь через некоторое время отвергнутые варианты инфографик под ту или иную задачу, смотришь свежими глазами — чётче видно, почему он бы отвергнут, почему не пошёл в работу.
Да просто потому, что инфографика должна быть кристально понятной. Без слов. А лучший тест — это тестировать инфографику через другой язык. В самом простом, схематичном виде. Вот, допустим что мы не знаем немецкого (изображение взято из Википедии):
Но тем не менее, всё изображённое понятно. Понятен предмет изложения, понятна схема, понятны последовательности.
Вывод: создавая инфографику, не забывайте про смысл. Проектируя визуальную форму, не забывайте про приоритеты в информации. Ключ — в простоте. Отбрасывайте все «украшательства» до тех пор, пока не увидите, что человек, говорящий на другом языке, так же хорошо понимает, что имено вы хотите донести, как и вы сами.
«Фактор лжи» в действии. Арена — Нью-Йорк
В ближайшие дни город Нью-Йорк (Metropolitan Transportation Authority, если быть точным) выпускает в свет новую карту общественного транспорта города. Карта картой, а вот что особо интересно для инфограферов — так это то, что у Нью-Йорка есть инфографическая проблема под названием «Манхэттен». Кто не знает — это остров такой, часть города.
Карта Нью-Йорка 2010
Его проблема — очень «неудобные» для дизайна пропорции. Он узкий в ширину, и очень длинный, поэтому дизайнеры карт транспорта NY прибегают к визуальному расширению острова. NY Times в честь выпуска новой карты собрал статистику, как изменялись пропорции острова (ширина к длине) на картах разных лет.
Фактор лжи и Манхэттен - Lie Factor and Manhattan island
Главное, на мой взгляд, при подобных экспериментах — предупреждать зрителя, что расстояние в разных частях карты — неодинаковое. Иначе, планируя маршрут, легко ошибиться на полчасика пути.
На сайте NY Times доступна возможность интерактивного сравнения карт разных лет.
А вот как выглядела карта города с 1988 по 2010 года:
Карта Нью-Йорка с 1988 по 2010 годы
Какие подобные примеры знаете вы? Делитесь!
Дилберт о пользе инфографики
На этой неделе не хочу публиковать ничего серьезного. Видимо погода влияет…
Так что еще немного сарказма: известный герой бизнес-комиксов о сложности восприятия информации:
