Програмное обеспечение, позволяющее визуализировать статистическую информацию. Помощники инфографера. Для того, чтобы визуализировать информацию, не обязательно быть дизайнером. Накопилось уже много всяких разных инструментов от всем известного Excell до специализированных инструментов для журналистов Knightlab. Мы делимся с вами самым интересным в этом разделе. А какие инструменты знаете вы? Делитесь в комментариях к данному разделу. Присылайте письма.
Большинство документов создается в текстовых редакторах. Однако, для этого можно использовать и презентационные программы, такие как PowerPoint. Автор книг по искусству презентации Нэнси Дуарте использует PowerPoint при написании книг, внутренних документов, гарантийных писем и рекламных текстов на сайте.
В PowerPoint удобно устроить мозговой штурм. Можно накидать идеи, выделить основные темы, проверить, а достаточно ли идей для этой темы, и потом развить ее на каждом отдельно взятом слайде. На ранних стадиях работы каждый слайд — словно страничка Pinterest: простой, но внятный заголовок, набросок текста, несколько картинок — нарисованных или найденных — для прояснения мысли. Если для конкретной темы идей не набирается, ее можно бросить и не тратить лишнее время на подбор идеальных фраз, перетащить забракованные слайды в конец «колоды», чтобы потом вернуться к ним, дополнить или, наоборот, удалить.
Ниже — черновик второй книги Нэнси, Resonate, выполненный с помощью PowerPoint. Каждый слайд — разворот страницы.
В слайд включен черновой текст, вдохновляющие образы, цитаты и ссылки.
Работа над текстами именно в PowerPoint дает множество дополнительных возможностей.
Работа над структурой
Слайды работают как карточки и стикеры — их можно перетасовывать столько, сколько необходимо. Можно так же попеременно работать над содержимым слайдов и над их последовательностью. Для удобства можно также маркировать текст цветом,чтобы обозначить различную степень готовности (например, «в редактуру», «добавить пару идей»).
Контроль объема
Работа со слайдами помогает контролировать количество текста на каждой странице. Достаточно задать определенный размер текста и сразу будет заметно, если текста станет слишком много, и надо начать его сокращать.
Обратная связь
Если необходимо получить совет, то представление материала в виде слайдов, заметно облегчит задачу. Слайды можно распечатать, а потом попросить добавить комментарии, например, на стикерах.
Финальный документ
Информацию, подготовленную в презентационной программе, легко считывать и воспринимать. Поэтому, если речь идет не о книге, а о каком-нибудь внутреннем документе, программы PowerPoint будет достаточно не только для черновика, но и для финального документа. Потом этот документ будет довольно просто разослать по почте и поделиться с коллегами.
Полный текст статьи Нэнси Дуарте на сайте Harvard Business Review Россия
В последнее время было создано немало чистой воды произведений искусства в формате визуализации, и некоторые из них попали на выставки в MoMA и другие многочисленные художественные экспозиции во всем мире. Но бизнес-лидеры все еще спрашивают, а применима ли визуализация данных на практике?
Как ученый-резидент исследовательской лаборатории Нью-Йорк Таймс я сотрудничаю с одной из самых продвинутых в области цифровых исследований и разработки команд в мире. Вместе мы стараемся выяснить, каким образом можно получить применимые на практике инсайты, используя большие данные. Насколько большие? Массивные: мы документируем каждый твит и ретвит, кликаем по каждой сокращенной ссылке из Twitter и Facebook, которая ссылается на материалы Нью-Йорк Таймс, а затем объединяем эту информацию с историей поведения пользователей, пришедших по этим ссылкам на страницы Таймс. Этот проект — родственник широко известного Cascade, Cascade 2.0.
Вышеупосянутые данные нужны нам для того, чтобы понять и предсказать, в каком случае завязавшееся в сети обсуждение выльется в приток посещений на сайт Таймс, а когда этого не произойдет. Нам важно знать, каким образом распространение информации из уст в уста может привести на сайт читателей, подписчиков и доход; как Таймс может улучшить свое участие в онлайн дискуссиях, чтобы стимулировать вовлеченность читателей; как мы можем идентифицировать по-настоящему влиятельных пользователей или лидеров мнений, которые мотивируют пользователей взаимодействовать с контентом издания и как Таймс может вовлечь этих влиятельных пользователей, удовлетворив при этом их собственные потребности и интересы. Проделав эту работу, мы можем превратить тот статистический анализ, который вы увидите ниже, в изящные, художественные потоки данных в реальном времени.
Обработка потоков, архивирование сессий, хранение и управление информацией сами по себе — гераклов труд. Но гораздо более сложная задача состоит в преобразовании красивых больших данных в применимое на практике, значимое и способное помочь в принятии решений знание. Мы обнаружили, что визуализация — один из самых важных путеводителей в этом поиске знаний, необходимых для понимания того, где нам стоит искать и что именно мы должны найти в нашем статистическом анализе.
Например, вот три визуализации, которые помогли нам получить определенное знание. В виде линий и точек на них отображены каскады твитов и ретвитов, связанных с тремя различными публикациями в Таймс. Эти данные мы объединили с информацией об уровне кликабельности каждой статьи, она синхронизирована по времени с твитами и выглядит как диаграмма черного цвета под каждым каскадом. Каждый график рассказывает новую историю о взаимодействии с контентом.
Вокруг первой статьи возникло большое обсуждение в Twitter и несколько больших скачков трафика. Но, похоже, что уровень кликабельности не зависел от обсуждений в Twitter: самый большой скачек трафика, выделенный на графике голубым цветом, произошел, когда наблюдалась очень низкая активность в микроблогах. В этом случае, вероятно, вовсе не дискуссия в Twitter, а заметная ссылка на нашу публикацию в стороннем блоге или новостной статье, привлекла большое количество трафика.
За последние несколько лет довольно сильно изменилось отношение к понятию «персональные данные». Сейчас каждый из нас знает, каким образом может быть получен доступ к его личной информации, как она может быть использована и даже монетизирована. Нам известно и о тех опасностях, которые эта информация представляет в том случае, еcли ее владелец не осознает своей собственной открытости: простая привычка чекиниться в определенных местах может повлечь за собой не только месяцы безобидной таргетированной рекламы, но и активизацию гораздо более страшных механизмов, которыми пользуется Агентство Национальной Безопасности США. Как для персональных данных, так и для информации, которая находится в открытом доступе, наступили непростые времена, но это — лишь начало рассвета инновационных способов работы с данными.
Среди тех, кто всерьез озабочен этими вопросами — информационный дизайнер Николас Фелтон. На протяжении своей переменчивой карьеры — и как один из дизайнеров Хроники Facebook, и в своем собственном приложении по сбору персональных данных Daytum, и в постоянно меняющихся личных годовых отчетах — Фелтон неизменно переводит данные в концептуальную область и изобретает новые способы визуализации математических данных.
Сервис для создания инфографики Many Eyes — один из самых загадочных. Существующий уже много лет под началом компании IBM (которая, как я подозреваю, развивает его как тестовый полигон для своих визуализаций для супер-продукта Cognos BI), он позволяет создавать много различных интерактивных визуализаций. С одной стороны, это удобно. С другой стороны, все загружаемые данные — становятся публично доступными, что делает крайне ограниченным возможность его применения в коммерческих целях.
И вот, внезапно оказывается, что у Many Eyes произошло обновление внешнего вида! Стало современней и опрятней, из явно «альфа-версии» сайта он стал больше походить на удобный инструмент создания инфографики.
Список визуализаций практически не изменился — лишь косметические правки по мелочам в отдельных визах. Сервис стал более умным, и начал подсказывать наилучшие варианты визуализации на основании тех данных, которые вы загрузили.
По-прежнему, в сервисе три больших блока визуализаций:
1. Визуализация частей целого
2. Визуализация изменений во времени
Стартап visual.ly, выступающий в качестве коллекции инфографики и инструмента для создания своей собственной, привлёк в прошлом месяце дополнительные $2млн инвестиций в своё развитие. Вложились уже существующие инвесторы — SoftTech VC, 500 Startups, и Giza Venture Capital, включая и таких стратегических инвесторов как главный продукт-менеджер сервиса Yammer James Patterson и несколько топов из рекалмной индустрии. Всё это ради того, чтобы активнее закрепиться New York City.
Visual.ly как бизнес — платформа для создания дизайн-проектов, которые использую данные из различных источников. Клиенты — компании — подключаются к базе из более чем 55.000 дизайнеров (даже не верится, что так много), чтобы выполнить совместный проект. Visual.ly выступает в качестве проект-менеджера всех проектов. Продолжить чтение →
Есть такая замечательная диаграмма — Санкей, о котороый мы уже писали. Напомню, что это замечательный и крайне полезный инструмент визуализации потоковых данных, и несколько-координатных массивов последовательно связанных между собой данных.
Конечно же, мы часто слышим
«в офисе я такое построить не смогу, ну вы что«,
поэтому активно стараемся разубедить в этом наших читателей, наших учащихся. Пока что в арсенале был только eSankey, который вполне удачно помогает справиться с боязнью санкеев (а его автоматизируемость, подключение к экселю с обновлением — просто шикарно). Поэтому вот ещё два свежих инструмента визуализации, которые появились недавно, и на которые стоит обратить внимание.
Fineo. Создан креативными ребятами из Density Design, находящимися под крылом Политехнического института в Милане. Достаточно простой в использовании — всего лишь скормить ему CSV-файл с данными, упорядочить последовательность отображения рядов данных, и диаграмма готова. На выходе — PDF, который можно использовать в презентациях, либо в графических программах для дальнейшей шлифовки стиля/цвета.
Небольшое видео о работе Fineo:
Fineo неким образом похож на ParSets, инструмент для визуализации дробления данных в параллельных координатах. Но они разные — санкей показывает несколько «состояний» в которые втекают и из которого вытекают потоки, тогда как параллельные координаты показывают перемещеие переменной в пространстве/координатах/таймлайне. Об этом мы подробно ещё напишем.
Второй инструмент ещё проще, но и изображения у него получаются совсем простенькие. Ссылка http://sankey.heroku.com даже ведёт на бесплатный хостинг приложений heroku (мы сами пробовали там кое-что сделать).
Вводите список переменных, далее настраиваете количества выходящих из каждого из блоков. На выходе получается готовая к использованию картинка. Сохранения введённых данных нет, если ошиблись — придётся пере-вводить. Но в качестве быстро-срочного инструмента визуализации — сойдёт на ура.
Можно,конечно, строить и в Processing’е (ссылка). Но не думаю что это доступно большинству из нас.
Ну и напоследок, список различного софа (инфографического, и не очень), позволяющего строить Санкей-диаграммы. Может, найдёте для себя что-нибудь особо интересное. И, делитесь вашими находками. http://www.sankey-diagrams.com/sankey-diagram-software/
В прошлом месяце Tableau объявил о запуске собственного iPad-приложения в дополнение к десктоп-версии собственной BI- и визуализационной платформы. Как заявляет компания в своём пресс-релизе, подверглись оптимизации и доработке все имеющиеся в Tableau виды визуализации данных, для повышения удобства в работе на пальце-ориентированных устройствах.
Новость хорошая тем, что прогресс в визуализации в BI всё же есть. Аналитика приходит туда, где пользователь. Хотя и пока не так успешно как Roambi, в случае с iPad инфографикой. Сравните:
Вообще, для айпада существует порядка двух десятков различных BI-визуализаторов. Какие-то лучше, какие-то хуже,но практически у всех одна проблема — они остаются «портированными» версиями десктопов. Всё дело в том, «доверяют» ли разработчики устройству визуализировать данные. В случае с Tableau — нет. Вся основная работа происходит на сервере, и по сути Tableau Mobile есть лишь некий «браузер». Нажатие пальца, судя по всему, отрабатывается промежуточным скриптом, который уже передаёт сделанным яно на flash диаграммам.
Результат инфографики выглядит достаточно скудно, а про ужасные кнопки внизу совсем даже и говорить не хочется. Хотя при этом, всё же, результат рабочий, и для не слишком притязательного энд-юзера сойдёт. Но мы же за красивые дэшборды тут радеем..
Напомню, что Tableau имеет публичную версию Tableau Public, куда можно загружать свои данные бесплатно. Сфера применения ограничена неконфиденциальными данными, так как всё что вы построите — будет доступно общественности. Для полноценной коммерческой работы доступен целый ряд сервисов Tableau, а также достаточно мощный механизм управления данными.
Забавный факт: этот сервис был использован в прошлом году для анализа данных по WikiLeaks, а затем с большой помпой эти данные были удалены. Всё что от этого сохранилось — это картинка с распределением объема данных по источникам. Негусто по визуализации, но густо для понимания/непонимания сути происходящего: почему с Турцией так много контактов?
Да, кстати, Der Spiegel на этих же открытых WikiLeaks‘овых данных сделал вот такую замечательную интерактивную инфографику: «The US Embassy Dispatches Interactive Atlas«
Из всех инфографик про WikiLeaks эта мне показалась наиболее полной и интересной.
Считаем урок интересным, потому что он охватывает ряд инструментов в Иллюстраторе, интересных как для построения инфографики, так и в целом для тех, кто не считает себя способным с закрытыми глазами создать в векторе что угодно.
На примере вот этого изображения описывается процесс работы
И дальше идет подробный экскурс, начиная с создания четырехколоночной сетки, подробно с разбивкой на 6 шагов:
Заголовок и элементы декора (эти шаги научат вас уже работать с прозрачностью и градиентом):
А дальше начинается самая интересная для нас часть — построение диаграмм в Illustrator.
Здесь я сразу сделаю 2 пометки. (1) Если вы хотите прочитать подробную инструкцию по использованию этого инструмента в Иллюстраторе на русском и с описанием всех видов доступных диаграмм, то зайдите сначала на страничку журнала КомпьютерПресс. (2) Мы этот инструмент считаем допотопным и такие задачи решаем еще проще — сначала строим диаграммы в Excel — там в разы больше возможностей для редактирования и видов графиков зашито больше. А потом просто копируем в Illustrator — экспортируются графики в векторе и можно делать с ними все те же манипуляции.
Джонатан демонстрирует нам 3 вида простых графиков — круговую, столбиковую и линейную пошагово.
Прошу заметить что легенда и подписи добавляются вручную и этот шаг легко может содержать в себе ошибки от невнимательности если данных много.
А вот следующий шаг в его уроке считаю самым важным и самым применимым в ежедневной работе — создание графиков из объектов с соблюдением пропорций.
Сначала создали 2 независимых объекта — человечка и график из данных. Наложили их и порезали инструментом Pathfinder. А потом еще ножнички нарисовали для симпатичной легенды.
И дальше — финальная композиция и работа с текстом. Все 40 шагов вы можете подробно изучить на Vector.tutsplus
За что мы любим MS Excel? — он позволяет строить графики, и обладает широкими возможностями его настройки. За что мы не любим Numbers form Mac? — за то что его возможности кастомизации ограничены настолько, что данную программу инфограферам использовать просто запрещено. Только ради простых графиков в современном «мак-стиле»:)
В Экселе стандартный график мы можем «довести до ума», выстроив правильные акценты, цвета, оптимизировав соотношение чернил/данных. Не составляет труда за несколько минут сделать превращение (не идеальное, но всё же). Взяли обычную статистику с Википедии (население СССР). В вики предлагается вот такой график:
Но мы же понимаем, что его можно улучшить. Есть несколько важных моментов
Вот что получилось в итоге (да, огрехов ещё очень много, но это уже гораздо понятнее, за 5 минут было сделано, исползованы только стандартные настройки графиков, возможные в Excel).
Хотите посоревноваться? Берите график, и делайте свои варианты!
А теперь наконец-то обратимся к теме поста.Составим несколько типов графиков вместе, и получим.. термометр! Иногда его ещё называют индикатором «батарейки». Применяется чаще всего в дэшбордах, для индикации уровня нормальности/проблемности определённого KPI-показателя.
В несколько простых шагов можно легко научиться его делать. Он состоит из 2 (4) частей:
Как такое делается?
Прикладываю экселевский файл с описаниями и двух других вариантов графика. Скачайте шаблон xls «термометров», там все стадии очень подробно постарался описать. Можете убедиться — работает. И это ещё не все термометры, которые можно делать при помощи лишь стандартных средств экселя:)
Ну как вам? чуть позже расскажу про «спидометры». Stay tuned!
Сегодняшний пост будет полезен в первую очередь веб-разработчикам и дизайнерам, задейстовованым в создании интерфейсов сайтов и приложений.
Как измерить «юзабилити»? Особо креативные команды частенько бросаются фразами «у этого сайта хороший юзабилити», и всякое такое в этом роде. Так вот, умные программисты придумали всем нам инструменты, чтобы «пощупать» это самое юзабилити. Называется это — heatmat, или «карта зон внимания». Пример ниже сразу даст вам понимание, что это такое.
Всё просто: специальный скрипт запоминает все нажатия мышки на вашем сайте / в вашем интерфейсе, и строит зональную карту мест, где чаще всего нажимают.
Ответы на какие вопросы дают такие карты?
Вы даже можете осознать, что посетители вашего сайта всю время нажимают в одно и то же место (например, картинку), ожидая, что там ссылка — а там у вас (на самом деле) ‘никакой ссылки не предполагалось, и посетители ошибаются в нажатии. Что в таком случае надо делать? Правильно — срочно исправлять интерфейс, и либо поставить в месте нажатия ссылку — либо совсем убрать «спорный» элемент интерфейса.
И всё это — РЕАЛЬНЫЙ материал для ваших дальнейших размышлений.
По секрету скажу — на infographer.ru такая карта тоже установлена:)
Пользуйтесь на здоровье!
Делитесь находками из своих карт!
Ссылки на самые хорошие сервисы
И ещё несколько менее интересных, но стоящих внимания, ссылок на сервисы: