Opyt forbes ua infographics sergey korniyenko

Онлайн-инфографика. Опыт Forbes.ua Докладчик Сергей Корниенко

Онлайн-инфографика. Опыт Forbes.ua 2

Дизайнеры теперь полностью включены в редакционный процесс, потому что особое значение приобретает визуальная журналистика. Люди все больше предпочитают визуальную информацию, они хотят больше инфографики, им нужны цвета, а дизайнеры это как раз те люди, которые всё про это знают. Марио Гарсиа, всемирно известный дизайнер, пионер мультимедийного издательского дела. Работал с The Wall Street Journal, Die Zeit, Das Bild и др.

Уходит наша журнальная эпоха. Эпоха статей и слов. Мне ее жаль. Но мой совет: лучшее, что вы можете сейчас сделать, это сделать не-текст. Потому что тексты – это то, что уходит в прошлое.

Куча людей в социальных сетях делает фотожабы и демотиваторы, а профессионалы – не делают. Наверное, считают это ниже своего достоинства. Ну и дураки. Сейчас рисуешь даже простейшую инфографику – и ее перепощивают, как звери. Леонид Бершидский, медиаменеджер, главный редактор портала Forbes.ua в 2012 году, был главным редактором журнала Smart Money, газеты «Ведомости» и и др., издатель русской версии журнала Forbes и «Русского Newsweek»


Нужен новый интеллектуальный контент на основе новых технологий, объединение форматов, предложение контента в новой упаковке. Кен Доктор, медиа-аналитик, автор книги Newsonomics: 12 новых тенденций, формирующих новости, которые вы получаете

Речь идет о создании некоторых синтетических способов передачи информации. Я называю это контентным дизайном. Уже современная журналисты и в Интернете, и даже еще на старой бумаге должны думать о том, как передать сообщение не только текстом, но и сопровождая изображением, а в Интернете - и звуком. Будущий журналист - это будет автор комиксов, который будет с помощью песен и фельетонов передавать сообщения о заседании местного парламента. Он не будет привязан к тексту печатному. Этот контентный дизайн, скорее всего, будущий формат массовой информации. […] Очевидно, что людям будущего будет чрезвычайно сложно читать длинные тексты потому, что есть другие более аттрактивные способы доставки информации. Более эмоционально действующие. Андрей Мирошниченко, журналист и теоретик медиа. Автор книг о теории и практике журналистики

Почему инфографика и другие формы визуальных коммуникаций помогают лучше воспринимать информацию


• Увеличивают информационную емкость материалов

• Способны завлечь читателя

• Ориентируются на современное поколение, у которого сформировалось «клиповое сознание»

• Структурируют числовой материал, позволяют избежать излишнего уплотненя цифровых обозначений в тексте

• Акцентируют внимание на самом главном

• Хорошо запоминаются

Примеры визуальных сообщений в материалах сайта


http://forbes.ua/business/1337540


Примеры визуальных сообщений в материалах сайта


http://forbes.ua/nation/1345502


http://forbes.ua/magazine/forbes/1346451




http://forbes.ua/magazine/forbes/1346451


Первые попытки использовать интерактивную инфографику. Google fusion tables и Google charts


• Сложность взаимодействия с API • Недостаточная гибкость • Ограниченные возможности

https://developers.google.com/chart/ http://www.google.com/drive/start/apps.html#fusiontables

https://developers.google.com/chart/

https://developers.google.com/chart/

http://www.google.com/drive/start/apps.html

Редактируемые из CMS сайта диаграммы на базе amCharts


http://forbes.ua/nation/1339531 http://forbes.ua/business/1348060

http://www.amcharts.com/



http://www.amcharts.com/

Редактируемые из CMS сайта диаграммы на базе amCharts






Индикаторы рынка на базе amCharts


http://forbes.ua/indicators/currency/nal/USD

http://forbes.ua/indicators

Другие интересные скрипты: http://www.highcharts.com/ http://omnipotent.net/jquery.sparkline/#s-about

http://forbes.ua/indicators/currency/nal/USD

http://forbes.ua/indicators

http://www.highcharts.com/

http://www.highcharts.com/

http://omnipotent.net/jquery.sparkline/

Интерактивные SVG-карты




Представление результатов парламентских выборов на основе модуля SVG-карт




Представление резульатов президентских выборов на сайте «Украинская правда»


http://www.pravda.com.ua/articles/2010/02/7/4730368/

http://www.pravda.com.ua/articles/2010/02/7/4730368/

Управление диаграммами из CMS сайта


Инфографика


Единство стиля и унификация







Инфографика на Forbes.ua


Инфографика в журнале Forbes


Спецпроект «Рейтинг тендерных чемпионов»


http://forbes.ua/ratings/people

Над проектом работали: Анатолий Бондаренко (Texty.org.ua), Руслан Резников, Александр Акименко

http://forbes.ua/ratings/people

http://texty.org.ua/

Инструмент и решение на его основе


http://isotope.metafizzy.co/demos/hash-history.html

http://www.bloomberg.com/billionaires/

http://isotope.metafizzy.co/demos/hash-history.html

http://www.bloomberg.com/billionaires/

Готовые инструменты и решения на их основе



Трансляция на основе Storify





Таймлайн на основе TimelineJS




Интерактивная инфографика на основе сервиса Infogr.am



Инфографика на основе сервиса Easel.ly

Неудачные примеры визуальных коммуникаций


Инфографика как оформительский элемент


Интерактивные статьи


Инфографика в социальных сетях


http://www.facebook.com/forbesukraine

http://www.facebook.com/forbesukraine

Opyt forbes ua infographics sergey korniyenko

Education