Визуализация информации

Теплица социальных технологий !

Визуализация информации Алексей Ница

http://te-st.ru

19.08.2014

Пенза

/ Миссия Теплицы ! Развивать культуру создания гражданских онлайн-приложений

! Мы связываем гражданских активистов и IT-специалистов

! Одним мы рассказываем о том, как создавать онлайнприложения Вторым — объясняем, какие общественные проблемы можно решить с помощью информационных технологий

/ Виды деятельности

ОНЛАЙН – Новости – База приложений – База инструментов – Консультации – Вебинары – Видеоуроки

ОФФЛАЙН – ТеСТ-кэмпы – Тренинги и митапы – Хакатоны – Баркэмпы

/ Тренинги и митапы

Новые медиа

Эффективность

W Краудфандинг

Картирование

Вики инструменты

Окр.среда

+ Инфографика Откр.данные и др.

http://te-st.ru/apps

ссылка на плейлист

Айтишники Магия происходит ЗДЕСЬ

Гражданские активисты

НКО

!

ДАВАЙТЕ РАЗОМНЕМСЯ !

ПАРА ПРОСТЫХ ВОПРОСОВ: !

1. Почему лучше использовать круглые люки на дорогах? !

1. Два кафе. Похожие меню. Практически равные средние чеки. Но одно приносит больше прибыли, чем другое. Почему? ! ! ! !

!

ЦЕЛИ ВОРКШОПА ! !

ПООБЩАТЬСЯ !

ПОЛЕЗНО ПРОВЕСТИ ВРЕМЯ !

НАУЧИТЬСЯ: СДЕЛАТЬ САМОМУ !

ПОЛУЧИТЬ УДОВОЛЬСТВИЕ ! ! ! !

!

ПЛАН ВОРКШОПА ! ! ! ! ! ! !

!

БОЛЬШИНСТВО СОЦИАЛЬНЫХ КАМПАНИЙ !

ШОКИРУЮТ ПУГАЮТ ОТТАЛКИВАЮТ ЛЮДЕЙ ! ! ! ! ! !

!

5 ОШИБОК СОЦИАЛЬНОЙ РЕКЛАМЫ !

1.

2.

3.

4.

5. ! ! ! ! !

показ атрибутов проблемы (пиво и т д) употребление частиц НЕ, НЕТ мрачные и грязные цвета использование шокирующих образов слишком яркий инсайт, отвлекающий от основной идеи

“ЧУВСТВА ЛЮДЕЙ гораздо интереснее их мыслей” !

Оскар Уайльд ! ! ! ! !

ПОСТАВЬТЕ ЦЕЛЬ ВЫЗЫВАТЬ ПОЛОЖИТЕЛЬНЫЕ ЭМОЦИИ! !

КАК? !

УДИВЛЯТЬ ИГРАТЬ ТВОРИТЬ ЗАБОТИТЬСЯ ПОМОГАТЬ ! ! ! ! !

ВРАГИ ЭМОЦИОНАЛЬНОЙ РЕКЛАМЫ ! !

Страх Агрессия Бездействие Жадность Эмоции ради эмоций ! ! ! !

С ЧЕГО НАЧАТЬ? понять свою ЦА начать с малого проводить эксперименты дарить счастье ! ! !

ИСТОРИИ, которые обращаются к простым эмоциям - РАБОТАЮТ ЛУЧШЕ! ! !

!

8 СОВЕТОВ ПО ВИЗУАЛИЗАЦИИ ДАННЫХ !

1.

2.

3.

4.

5.

6.

7.

8. ! !

будьте точными (достоверность) акцент на нужной информации подписи-легенды на графиках - зло указывайте источник данных правильный выбор типа диаграммы как можно меньше текста используйте разные типы визуализации указывайте авторские права

!

8 ШАГОВ СОЗДАНИЯ ИНФОГРАФИКИ !

1.

2.

3.

4.

5.

6.

7.

8. ! ! !

зачем и для кого? что изобразить графически? найти вдохновляющие примеры собрать данные для визуализации проверить пункты 1 и 2 придумать сценарий создать инфографику проверить на понимание

!

ОТКУДА БРАТЬ ДАННЫЕ !

Public Data http://www.google.com/publicdata/ directory !

Тестовые данные http://www.generatedata.com/ !

Росстат http://www.gks.ru/ !

Открытые данные Москвы http://data.mos.ru/ !

Хаб открытых данных http://hubofdata.ru/ ! ! ! !

!

ПРИМЕРЫ ИНФОГРАФИКИ !

+ http://www.edutainme.ru/post/likbez-infografika-pro-mooc-i-ikhraznovidnosti/ http://blog.kissmetrics.com/infographics/ http://siliconrus.com/2014/07/when-bars-point-down/

!

http://wtfviz.net/ http://siliconrus.com/2013/09/infographics-fail/

! !

!

САЙТЫ О ИНФОГРАФИКЕ !

http://datavisualization.ch http://www.informationisbeautiful.net http://infographer.ru http://infografics.ru http://5coins.ru http://visual.ly/view ! ! ! ! !

!

ИНСТРУМЕНТЫ !

https://spritesapp.com http://www.easel.ly !

http://raw.densitydesign.org http://piktochart.com https://infogr.am ! !

https://www.iconfinder.com http://thenounproject.com ! !

давайте посмотрим, КАК ЭТО РАБОТАЕТ

БРОШЮРА ТЕПЛИЦЫ

скачать в pdf, epub или fb2

спасибо!

te-st.ru facebook.com/TeplitsaST twitter.com/TeplitsaST vk.com/TeplitsaST