Теплица социальных технологий !Визуализация информацииАлексей Ница http://te-st.ru 19.08.2014 Пенза

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

/ Миссия Теплицы

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

– ТеСТ-кэмпы – Тренинги и митапы – Хакатоны – Баркэмпы

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

ОНЛАЙН ОФФЛАЙН

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

Новые медиа Эффективность Окр.среда

Краудфандинг Картирование

WВики

инструменты

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

и др.

http://te-st.ru/apps

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

Айтишники НКО

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

Магия происходит

ЗДЕСЬ

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

!ПАРА ПРОСТЫХ ВОПРОСОВ: !1. Почему лучше использовать круглые люки на дорогах?

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

! !!!

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

!!

ПООБЩАТЬСЯ !ПОЛЕЗНО ПРОВЕСТИ ВРЕМЯ !НАУЧИТЬСЯ: СДЕЛАТЬ САМОМУ !ПОЛУЧИТЬ УДОВОЛЬСТВИЕ ! !!!

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

!!

!! !!!

http://youtube.com/v/hPumqjYgtBY

http://youtube.com/v/Scdwc53KmGo

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

!ШОКИРУЮТ ПУГАЮТ

ОТТАЛКИВАЮТ ЛЮДЕЙ !!!!!!

!5 ОШИБОК СОЦИАЛЬНОЙ РЕКЛАМЫ !1. показ атрибутов проблемы (пиво и т д) 2. употребление частиц НЕ, НЕТ 3. мрачные и грязные цвета 4. использование шокирующих образов 5. слишком яркий инсайт, отвлекающий от основной идеи

!!!!!

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

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

!!!!!!

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

КАК? !

УДИВЛЯТЬ ИГРАТЬ ТВОРИТЬ

ЗАБОТИТЬСЯ ПОМОГАТЬ

!!!!!!!

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

!

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

!!!!!

С ЧЕГО НАЧАТЬ?

понять свою ЦА начать с малого

проводить эксперименты дарить счастье

!

!

!

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

!!!

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

!1. будьте точными (достоверность) 2. акцент на нужной информации 3. подписи-легенды на графиках - зло 4. указывайте источник данных 5. правильный выбор типа диаграммы 6. как можно меньше текста 7. используйте разные типы визуализации 8. указывайте авторские права !

!!

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

!1. зачем и для кого? 2. что изобразить графически? 3. найти вдохновляющие примеры 4. собрать данные для визуализации 5. проверить пункты 1 и 2 6. придумать сценарий 7. создать инфографику 8. проверить на понимание !

!!!

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

!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-ikh-

raznovidnosti/ 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.rufacebook.com/TeplitsaST

twitter.com/TeplitsaST vk.com/TeplitsaST