Тема: Теория 4
С чего начать, когда берешься за визуализацию? Как собрать понятную презентацию? Как разобраться в облаке диаграмм и графиков? Куда идет инфографика? Кто об этом говорит и как? Все, что вы хотели знать об инфографике, но не знали, у кого спросить. А может, у вас есть хороший совет? Присылайте — опубликуем!
Malofiej24: про законы восприятия и эмпатию
Личные впечатления от прошедшей конференции Malofiej24, наиболее значимые или полезные моменты и все материалы, которые удалось собрать. День второй, часть вторая.
Лучше всего Lena Groeger из ProPublica охарактеризовала свое выступление сама. Цитирую ее анонс в твиттере: “Через 10 минут я буду говорить о слепых пятнах нашего мозга и о том, что графика может с этим делать”.
Лена упомянула статью в The New Yorker, где описывается влияние пяти наших чувств друг на друга: чипсы, которые хрустят громче, воспринимаются нами как более свежие. С визуализациями так же: другой график, и сразу сдвиг смысла.
Слайд презентации: cтолбики или линии
Правый график переводится мозгом как “чем человек более “мужик”, тем он выше ростом».
Полную презентацию можно посмотреть тут.
Слайд презентации: мы ненавидим ждать
Комментарий к седьмому слайду (про очередь). В одном аэропорту люди выходили из самолета, шли одну минуту и потом семь минут ждали багаж. Было много возмущения и претензий. Менеджмент изменил маршрут. Теперь люди шли от самолета семь минут и ждали багаж одну минуту. Аэропорт стал примером для подражания по скорости выдачи багажа.
А вот еще шикарный проект, объясняющий, что минимальные изменения на уровне персоны приводят к глобальным изменениям на уровне общества. Очень рекомендую прочитать внимательно, разобраться и поиграть с предложенными моделями.
Притча о полигонах. Проект Vi Hart и Nicky Case
Основной вывод – аккуратнее с используемыми вами визуализациями. Проверяйте на наличие неумышленного или тем более умышленного фактора лжи. Смотрите на свою работу глазами зрителя, который ничего не знает о том, что именно вы хотели сказать. Не вводите в заблуждение.
Заключительное выступление конференции. Brian Boyer из NPR (National Public Radio). Очень колоритный дядька из классических байкеров: косуха, пивной живот, борода, мощный голос, регулярный мат. По его собственному определению, несчастный программист, который загуглил “журнализм”. По моей оценке, одно из самых ярких выступлений конференции.
Интересные цитаты:
Cила радио в том, чтобы услышать историю из чьих-то уст. Это не то же самое, что прочитать цитату.
Наше влияние – эмпатия. Наша миссия – заставить людей принимать близко к сердцу.
Фотография может внезапно заставить тебя обратить внимание. Это такие машины по созданию эмпатии.
Награды показывают, впечатлили ли вы своих коллег. Я люблю своих коллег, но они не моя аудитория.
Наша новая дверь заставляет очень умных людей каждый день чувствовать себя идиотами.
В тему плохих дверей – видео:
И если вдруг вы еще не читали книгу Дональда Нормана “Дизайн промышленных товаров” – читать срочно!
И еще цитаты:
Список самых читаемых материалов никогда не бывает полон самыми влиятельными материалами. Это не наша вина, просто критерий оценки выбран не верно.
Размещение просьбы о пожертвовании после того, как вы получили положительный ответ на вопрос, понравилась ли вам история, поднял конверсию в 10 раз.
Слайды:
Заставляют ли визуальные истории людей задуматься?
История про социальное жилье в Чикаго
Продолжение следует!
Автор: Максим Горбачевский
Malofiej24: про интерактивы и виртуальную реальность
Личные впечатления от прошедшей конференции Malofiej24, наиболее значимые или полезные моменты и все материалы, которые удалось собрать.
Во второй день конференции первым на сцену поднялся Simon Ducroquet из Nexo. Саймон делился своими мыслями и наработками в части использования виртуальной реальности для более наглядного представления информации.
Одна из представленных работ – масштабное описание масштабной гидроэлектростанции в Бразилии (отдельно обратите внимание – внизу длинного скрола справа будет ссылка на саму виртуальную реальность, версии под веб, iOS и андроид).
Для создания виртуальной реальности коллеги используют игровой движок Unity. Основным примером на выступлении был проект “Синий кит”.
Синий кит в виртуальной реальности
Фишка виртуальной реальности в том, что для окружающих вы будете выглядеть идиотом
Google’s Cardboard Design Lab – хороший “учебник” для начинающих дизайнеров виртуальной реальности
Инфографика — как игра-бродилка
Проблема с Unity в том, что не так то просто сделать хорошую вещь под web
Виртуальная реальность – это как наушники для ваших глаз
Виртуальная реальность требует безопасного окружения, вы не можете уйти в нее “на ходу”. Это ограничивает возможности VR
Len De Groot из Los Angeles Times тоже посвятил свое выступление виртуальной реальности, в частности он показывал проект, посвященный кратеру Gale на Марсе. И поделился техническими параметрами создания.
Кратер вулкана Gale на Марсе в виртуальной реальности
Виртуальная реальность дает нам возможность расширить понимание
Мы все знаем, что 3D-диаграммы – зло, так как они искажают и скрывают данные. Тоже самое с виртуальной реальностью.»
Мы думаем, что можем просто использовать печатную версию [для создание VR], и полностью проваливаем проект
Текущие проблемы вируальной реальности: низкое разрешение, низкая частота смены кадров, сложные интерфейсы разработки
Полная презентация доступна тут.
Закрывал сессию первой половины дня Archie Tse из The New York Times с провокационной темой “Почему NYT делает меньше интерактивных работ».
Работа NYT базируется на трех правилах визуального сторителлинга:
- Если читателю нужно кликнуть, а не скролить, потом должно произойти что-то из ряда вон выходящее.
- Исходите из того, что всплывающие подсказки и любые другие эффекты при наведении, никто никогда не увидит. Если контент важный — сделайте так, чтобы читатель сразу его увидел.
- Если вы хотите сделать что-то интерактивное, помните — будет дорого сделать так, чтобы это работало на всех платформах.
Archie Tse: Три правила визуального сторителлинга
Вам придется перерисовать вашу графику 2 или 3 раза, чтобы все работало и на десктопе, и на мобильных
Как эти правила изменили подход NYT:
- Большинство визуализаций теперь статичны
- Текстов стало больше
- Если движение в картинке нужно — оно появляется во время скрола
(Четвертый пункт гласит, что они по-прежнему делают интерактивные работы. Но теперь повод должен быть ОЧЕНЬ значимым).
Подход NYT к интерактивам
Мы делали “многошаговки”. Пользователи останавливались на шаге 3. Читатели хотят просто скролить, а не кликать
Archie Tse: Scrolling Vs. clicking
Смотрите полную презентацию выступления.
Бонус: опенсорсовый проект ai2html, который позволяет достаточно легко переводить вектор в html.
Автор: Максим Горчаков
Малофей из первых рук (Часть 3)
В моем личном рейтинге выступлений на Малофее-24 первое место однозначно занимает беседа с Richard Saul Wurman (с John Grimway в роли модератора).
К стыду своему должен признать, что я вообще не представлял себе, кто это такой. За подробностями советую обратиться к Wikipedia. Здесь лишь скажу, что это именно он придумал в 1984 и организовывал до 2001 года конференцию TED.
Самое важное (причем не только в этой беседе, но вообще, в жизни) – понимать понимание.
Купил себе его книгу “33: Understanding Change & the Change in Understanding”, начал читать. Огромное количество мыслей с первых же страниц!
Цитаты:
Моя жена говорит, что я вижу себя небольшим куском дерьма в центре вселенной
Наша жизнь может кардинально измениться только от того, кто находится рядом с нами, кого мы слушаем, с кем общаемся
У каждого человека свой способ понимания мира
Нам не нужны большие данные (Big Data), нам нужно большое понимание (Big Understanding)
Отдельно хочу поделиться его методом LATCH. Собственно, это основа для работы с информацией:
- Location (расположение, география, место)
- Alphabet (алфавит, порядок)
- Time (время, последовательность)
- Category (категория, вид)
- Hierarchy (иерархия, отношение друг к другу, связи).
Любую информацию нужно раскладывать по каждому из этих пяти срезов. И в каждом из этих пяти срезов будут какие-то открытия, какие-то полезные или интересные выводы. Анализ только с одной стороны – это даже не половина сделанной работы, а лишь 20%.
После обеда (день первый) на сцену вышла Ashleigh Jackson из BBC Sport. Основная мысль – создание инфографики занимает время. Не бойтесь пригласить заказчика посидеть рядом с вами, когда вы работаете, чтобы своими глазами увидеть процесс. Мы все хотим, чтобы было меньше таких высказываний:
Ну и цитата на предмет излишних красивостей:
Мы коммуникационщики, а не парикмахеры
Следом выступал Maarten Lambrechts из бельгийской De Tijd и L’Echo. Хотя на самом деле это не важно, так как Мартин презентовал свою собственную разработку, которую он сделал в свободное от газет время.
Мартин сильно расстроен тем, как в его стране показываются и преподносятся результаты выборов и различных опросов общественного мнения на тему политики. Основная его мысль заключается в том, что сам подход – нерегулярные выборочные опросы какого-то количества жителей – содержит в себе большую долю ошибки и допущения. Для наглядного объяснения этой проблемы он сделал продукт Rock ‘n Poll. Рекомендую зайти, посмотреть и использовать для объяснения проблемы окружающим. Там все разбито на шаги, каждый шаг описан. Если вдруг там этого не написано, то общее количество жителей в Полландии составляет 1 000 000 человек.
Кроме этого проекта Мартин упомянул концепт Explorable explanations, что можно перевести как “Исследуемые объяснения”. Кстати, его проект вполне вписывается в этот концепт. Хорошая идея создавать такие продукты, которые будут объяснять через возможность для зрителя исследовать предмет. Вот тут есть приличная подборка таких объяснялок на разные темы.
Затем выступал я с кратким обзором работ советских времен. Сложно давать отзывы по себе, так что пропущу.
И замыкал этот день Alberto Cairo с самообличительным материалом “Чего я не знал про инфографику 10 лет назад, а должен был знать” (в оригинале чуть более конкретно).
Тут проще всего показать 6 фотографий, там все написано, комментарии, как говорится, излишни:
Отдельно хочу показать подборку рекомендованных Альберто книг:
Цитаты:
A graphic is not something to be seen, it’s something to be read
В некоторых случаях упростить и объяснить – значит показать больше данных
Наша цель не упрощение, наша цель объяснение
Не стоит считать читателей более тупыми, чем ты сам. Обычно все как раз наоборот
На этом завершился первый день конференции.
Автор: Максим Горчаков
Малофей из первых рук (Часть 2)
Продолжаю про Malofiej24: личные впечатления, наиболее значимые или полезные моменты и все материалы, которые удалось собрать.
В этом посте расскажу про выступления Carlos Monteiro, Raúl Camañas, Monica Ulmanu и Kim Rees.
Первый день конференции начался с того, что за окном валил снег. Крупными хлопьями и очень много. Так что за завтраком я наслаждался рождественской картинкой за окном и радовался, что поехал в пальто, а не в куртке, как собирался. К моменту выхода из отеля снег прекратился, зато под ногами была снежно-водная каша.
Наварра, Испания. 10 марта, 2016
На конференции первым выступал Carlos Monteiro. Сейчас фрилансер, ранее работал в португальской газете «i». Честно признаюсь, что его выступление я проспал, так что ничего сказать про него не могу. В твиттере пишут, что было много работ из разделов entertainment и sport. Делюсь ссылкой на его портфолио.
Вторым выступал Raúl Camañas из La Vanguardia (Испания). Его выступление было на испанском, а все аппараты для синхронного перевода у организаторов к моменту моего прихода уже закончились. Ну и пришел я где-то к середине. Так что снова пользуюсь интернетом и делюсь его портфолио. Кстати, некоторые из его работ мы показываем и разбираем на наших корпоративных мастер-классах. В целом – невероятно детальные проработки архитектурных объектов.
Очень любопытная часть выступления про типы дизайнеров. Рауль предложил восемь осей, по которым можно измерить свой уровень. И показал рядом наиболее часто встречающиеся варианты. Видно, что при наличии высокого технического уровня пропадает креативность, а если и то и другое есть неплохо развитое, то теряется скорость. Так вот, хороший специалист по инфографике по версии Рауля (и я с ним согласен) – это если все эти три профиля наложить друг на друга. Нужно помнить про все составляющие процесса!
Слайд из презентации Raúl Camañas: 8 осей уровня дизайна
Сессию после первого кофе-брейка открывала Monica Ulmanu из The Guardian.
Адаптивного дизайна недостаточно. Нужна стратегия адаптации материала под мобильные устройства.
Для того, чтобы делать дизайн для мобильных, пользуйся мобильным как другие. Смотри вокруг, наблюдай за окружающими.
Основная мысль всего ее выступления заключалась в том, что публикуемые материалы просто обязаны быть адаптированы под мобильный. И если у вас есть видео, то оно на мобильном должно быть вертикальным, так как телефон никто не поворачивает для просмотра. Они готовят одну версию видео (горизонтальную), но изначально предполагают, что потом эту версию просто обрежут до вертикального для мобильной версии. Мне выступление показалось скучным и бесполезным, так как разговор шел в основном про то, как материал должен влезать в экран мобильного, но никак не про вопросы визуализации. Хотя коллеги из «Россия Сегодня» именно этот доклад выделили к один из самых полезных. И Альберто Кайро в твитере написал “В наши дни критично думать про датавиз и инфографику для мобильных. Надеюсь, аудитория будет записывать”.
Следующей выступала Kim Rees из Periscopic. Тема доклада – “Невидимые доказательства”.
Каждый человек в группе из 100 людей – анонимен. Но если ты видишь только одного человека, то ты стоишь с ним лицом к лицу
Цель – найти квинтэссенцию идеи/данных, и визуализировать именно ее
Визуализация данных должна следовать за данными. Если данные хаотичны, то и работа должна быть такой. Если данные болезненны, то и работа должна быть болезненной
Кстати, Перископик – можно сказать, ветераны. Им уже 12 лет. Основная мысль доклада заключается в том, что если вы делаете работу про людей, то нужно выводить вперед конкретного человека. Речь должна идти про каждого, а не про толпу. Даже если мы делаем визуализацию данных (что подразумевает много данных и много людей), то все равно должны быть конкретные персоны.
Слайд из презентации Kim Rees: типы информации в тексте
Мне понравился подход к анализу текста, который Ким показала на примере статьи NYT 1923 года. Сначала одним цветом выделяются все данные (цифры). Затем другим цветом выделяются все географические привязки. Третьим цветом выделяем отношения (больше, меньше, примерно равно, экстремально много и т.п.). Обязательно выделяем время (года). Получаем вот такую вот картинку, где сплошной текст размечен по типам информации, которая в нем содержится. Просто и наглядно!
Дальше Ким предложила убрать (закрасить) выделенные части текста. Вот так это выглядит:
Слайд из презентации Kim Rees: основное содержание текста
И если вы прочитали то, что осталось в статье, когда мы убрали оттуда все данные, то заметили, что это “убийство”. Ни слова про людей.
Продолжение следует!
Автор: Максим Горчаков