Презентация для вводной лекции по спецкурсу Инфографика и

Презентация для вводной лекции по спецкурсу «Инфографика и инфодизайн в гуманитарных науках» А. В. Бочаров, ИФ ТГУ

90% информации человек воспринимает через зрение Визуализация информации главный тренд во всех современных областях науки и сферах деятельности Словесная (вербальная) информация связана со слухом, но она почти вся перерабатывается в визуальные ментальные образы

Визуализация информации главный тренд во всех современных областях науки и сферах деятельности Это высказывание тоже можно визуализировать с помощью инфографики

Определения инфографики • Интеграция и синтез текста и графики. • Графическое отображение информации и знаний. • Визуализация логических связей, динамики процессов и смысловых структур. • Схематические, метафорические и аллегорические средства представления информации в графическом виде. • Обобщение данных в графической модели.

From Wikipedia, the free encyclopedia • Information graphics or infographics are graphic visual representations of information, data or knowledge. • These graphics present complex information quickly and clearly, such as in signs, maps, journalism, technical writing, and education. • With an information graphic, computer scientists, mathematicians, and statisticians develop and communicate concepts using a single symbol to process information.

Цикл уровней научного исследования мир образов визуальная модель мир идей абстрактная модель проблема решение мир вещей

Недостаток любого текста - он культурно и личностно обусловлен. Графика более универсальна.

Универсальность графики позволяет изъясняться с любой целевой группой. Pioneer 10 (старт 1972 г) с золотой табличкой на борту, запечатлевшей основные сведения о Земле и её обитателях, направляется в созвездие Тельца, к звезде Альдебаран

Инфографику в современном смысле активно начали использовать начиная с эпохи Возрождения (16 век)

Современные исследователи в области инфодизайна Эдвард Тафти (Edward Tufte) инициатор и главный авторитет университетского преподавания информационного дизайна (профессор политологии и компьютерных наук Йельского университета). Ричард Вурмен (Richard Wurman) автор понятия "информационная архитектура" основатель конференций TED (Technology Entertainment and Design) Дэн Роэм (Dan Roam) современный популяризатор прикладного использования закономерностей "визуального мышления"

из книги «The back of the napkin» by Dan Roam: «Визуальные символы, необходимы для выживания»

3 элементарных правила инфографики : - как сохранить ощущение верх-низ, - как выделить объекты, - как лучше показать между ними разницу. 1. Ориентация в пространстве. Мы понимаем где верх, а где низ еще до того как начинаем думать: «что в картинке не так? » 2. Сканирование окружения. Мы видим выделяющийся объект на тропинке. Мы тут же понимаем, что на него лучше не наступать. 3. Распознавание опасность-добыча. Мы сразу видим что больше, а что меньше. Что съест нас, а кого съедим мы.

Значение «внутреннего зрения» и визуализации для запоминания и целостного представления больших объёмов информации было осознано в средневековой схоластике. Гравюра из книги английского философа Роберта Фладда «De naturali, supernaturali, praeternaturali et contranaturali microcosmi historia» (1620 г. )

Raymundus Lullius (1235 — 1315) Луллий – один из наиболее оригинальных представителей средневековой философии. В своих трактатах об искусстве памяти Лестница восхождения и нисхождения интеллекта использовал инфографику в качестве основного познавательного из книги Р. Луллия "Liber de ascensu et descensu intellectus” инструмента.

Комбинаторно-логические фигуры из книги Луллия "Ars brevis" Луллий предполагал, что действительность есть упорядоченное и постепенное усложнение общих понятий через их различные комбинации друг с другом, а потому разум, следя за логическим порядком понятий, может открывать действительную связь вещей.

Джон Сноу (1813 - 1858), английский врач и один из лидеров в принятии анестезии и медицинской гигиены, один из основателей эпидемиологии. В XIX веке визуализацию данных стали применять не только в теоретических, но и в практических целях в разных сферах Опроверг "теорию миазмов" о загрязнённом воздухе как источнике болезни, с помощью визуализации статистики смертей выявил, что источником эпидемии холеры в 1854 г. в Лондоне является водонапорная башня и микроорганизмы в воде. На изображении мемориал посвящённый Дж. Сноу.

Оригинальные карты, Дж. Сноу. Кластеры случаев заболевания холерой в Лондоне во время эпидемии 1854 г.

Florence Nightingale's Rose Diagram Флоренс Найтингейл (1820 -1910) сестра милосердия и общественный деятель Великобритании. Придумала и использовала круговые сегментные диаграммы как аргумент за соблюдение гигиены в лазаретах «Заметки о факторах, влияющих на здоровье, эффективность и управление госпиталями британской армии» (Notes on Matters Affecting the Health, Efficiency and Hospital Administration of the British Army, 1858)

Charles Joseph Minard (1781 - 1870) Французский инженер. Исторически первый популяризатор визуализации прикладных статистических данных. Создатель «фигуративных карт» и «потоковых диаграмм»

Шарль Минард: «сухие и сложные колонки статистических данных, из которых анализ и обсуждение всегда требуют большого длительного умственного усилия, нужно заменить математически распределяемыми изображениями, которые первый взгляд принимает и знает без усталости, и которые проявляют немедленно естественные последствия или непредвиденные сравнения. »

Europe Raw Cotton Imports 1858, 1861

ISOTYPE International System of Typographic Picture Education Отто Нёйрат (Otto Neurath) (18821945) – авcтрийский социолог и политэконом, один из лидеров Венского кружка, создатель системы пиктограмм и института ISOTYPE Герд Арнц (Gerd Arntz) (1900 -1988) – немецкий художник, идеолог и главный дизайнер института ISOTYPE

За время существования институтом Isotype было разработано несколько тысяч стандартизированных пиктограмм и несколько десятков новых типов диаграмм и графиков. Вся коммуникация современной техногенной цивилизации пронизана универсальным графическим языком: от повседневного быта до сверхсложного научного моделирования.

Isotype в СССР

Рекомендуемая литература по истории инфографики и институту Isotype: Лаптев В. В. Изобразительная статистика. Введение в инфографику. 2011 г.

Второй этап развития инфографики связан с журналистикой. Первыми активно стали использовать оригинальную инфографику издатели газеты USA Today, запустившие свой проект в 1982 году. За несколько лет газета вошла в пятерку самых читаемых изданий страны. Ей стали подражать.

Инфографика обязательный компонент всех популярных современных СМИ

Новость в виде инфографики

Современные корпоративные издания и отраслевая пресса активно используют инфографику

Место инфодизайна и инфографики в системе корпоративных приоритетов Гараедаги Дж. "Системное мышление. Как управлять хаосом и сложными процессами" Место инфодизайна и инфографики в системе корпоративных приоритетов

Когда и где можно использовать инфографику в деловой сфере: • Имиджевые издания и репутационные статьи • Aнализ обзоров прессы для мониторинга образа компании и деятельности конкурентов • Отчётно-проектная документация и презентации • Коллективный мозговой штурм в командной работе • Убеждение в необходимости смены тактики решения текущих проблем с опорой на статистику и системный анализ • Разработка стратегии развития с опорой на эвристический анализ • Инфографическое резюме

(создатель схемы А. В. Бочаров) Основные этапы проведения оценки Project Evaluation and Review Technique (PERT-chart) Этап I. 15 дней Разработка модели Этап II. 40 дней Сбор данных Составление матрицы данных Разработка и согласование модели оценки BT AT 5 дней Разработка анкеты на основе должностных инструкций AT 7 дней 5 дней в соотвествии с должностными взаимодействиями 7 дней AT Проведение анкетирования служащих в офисах 15 дней Разработка алгоритмов автоматизированной обработки данных AT 10 дней Проведение анкетирования служащих на месторождениях AT 23 дня BT BT 7 дней Компьютерная обработка данных 16 дней BT 4 дня BT BT AT 22 дня 7 дней BT Разработка логистики опроса AT Этап III. 25 дней Обработка данных AT AT=Average Time (обычное время) BT=Best Time (лучшее время) 8 дней BT 5 дней Этап IV. 12 дней Итоговый Подготовка презентации результатов оценки AT 5 дней BT 4 дня Интерпретация и оформление индивидуальных и групповых оценок AT 5 дней BT 4 дня Подготовка персонализированной обратной связи AT 2 дня BT 1 день 39

Рекомендуемая литература по корпоративной инфографике: Кром Рэнди Инфографика. Визуальное представление данных. 2015 г. Ориг. название: Infographics: Effective Communication with Data Visualization and Design.

Картинки тут для эффекта, а не для передачи смыслов. Цель - привлечь внимание, не наскучить, удобнее организовать текст. Не любая иллюстрация к тексту или графическое оформление текста будет инфографикой. Это альтернативные текстовые форматы, это - инфодизайн, а не инфографика. Однако любой инфодизайн может использоваться как элемент инфографики.

внутренняя переписка Microsoft. . . письмо Стива Балмера об изменениях в компании. До визуализации — После — понятная при беглом унылый текст, просмотре информация, устрашающего объёма и вызывающая позитивные эмоции. Хорошая визуализация делает работу по объяснению и требующий убеждению на 100%. дополнительных разъяснений. Обычный сплошной текст может с этой работой вообще не справиться. Инфографика экономит время принятия эффективных решений и претворения их в жизнь путём убеждения и объяснения.

Пример по Дэну Роаму: специалисты по статистике перерабатывали стандартный отчет по исследованиям рынка: более 100 страниц, развернутая информация по сегментам, конкурентам и т. д. в компании не могли прийти к использованию этой информации.

Комплексность , концентрированность Команда инфограферов свела весь отчет к одной и целостность образа – странице, но очень концентрированной. главные преимущества инфографики Все игроки рынка были нанесены на карту из 2 х шкал: «Известность бренда» и «Широта ассортимента» . Величина треугольника показывает оборот компании, маленькие треугольники внутри — вся информация о производителе (в каких торговых каналах представлена, ценовая позиция и т. д. ).

Этапы структурирования текста 1. Выделение ключевых объектов, фактов, процессов и связей между ними 2. Вычленение их из текста в отдельный структурированный список

Творческий цикл инфодизайнера Информация Выражает: актуальность, полноту, доступность, понятность Учитывает / не учитывает: -аналитически, -эстетически, -вербально, -визуально сокращает / расширяет упрощает/ усложняет интегрирует / дифференцирует Разработчик удовлетворяет / не удовлетворяет Инфодизайн Управляет восприятием: последовательностью, скоростью, объёмом, запоминаемостью, удовольствием ожидает удобства, реагирует на привлекательность Пользователь

(создатель схемы А. В. Бочаров) До корректировки После корректировки

Виды неадекватного отношения к визуализации отчетно-проектной деятельности Непонимание и боязнь новых форм подачи информации Переоценка пользы и злоупотребление привлекательностью инфографики Тривиальность и шаблонность презентаций, отсутствие эвристичности и боязнь оригинальности

Вред от избыточного увлечения инфографикой и инфодизайном: Ø визуальные презентации дают иллюзию контроля Ø препятствуют дискуссиям Ø не дают простора для критического мышления Ø затрудняет принятие взвешенных решений. Ø подготовка к каждому заседанию презентаций на компьютерах занимает много рабочего времени.

актуальность важность новизна легкость полноценность пригодность удобство использования (юзабилити) точность связность тщательность красота структурированность внешний вид

4 этапа визуального мышления по Дэну Роэму: Посмотреть = собирать и фильтровать информацию Увидеть = отобрать и сгруппировать информацию Вообразить = увидеть неочевидное, связать данные с тем, чего в них нет Показать другим = объяснить

Этапы структурирования и делинеаризации информации Неструктурированный линейный текст-повествование Матрицы выборки данных Структурированный линейный текст-список Агрегирование данных Таблицы агрегированных данных Делинеаризация текста Превращение элементов структуры в гиперссылки Аллегоризация структуры текста Преобразование текста в таблицы и графики На основе семантики Диаграммы агрегированных параметров Графики зависимостей между признаками На основе статистики

Смотрите коллекции разных типов визуализации, учитесь на образцах Виды инфографики: affinity diagram, arc diagram, area chart, bar chart, bubble chart, Chernoff face, cartesian coordinates, clustering, cause effect chains, cognitive mapping, communication diagram, concentric circles, concept map, cone-tree diagram, critical path method, cycle diagram, data flow diagram, decision discovery diagram, decision tree, dilemma diagram, edgeworth box, failure tree, feedback diagram, flowchart, funnel, gantt chart, genealogy, Fractal, histogram, hype cycle, hyperbolic tree, ibis argumentation map, iceberg diagram, ishikawa-diagram (fishbone), Kabbalistic tree, knowledge map, layer chart, line chart, mindmap, minto pyramid technique, mandala, Nassi-Shneiderman diagrams, organisation chart, parameter ruler, performance charting, perspectives diagram, Pert chart, pie chart, portfolio diagram, process event chains, radar chart (cobweb), Sankey diagram, Scatter. Plot, semantic network, social networks, spectrogram, spray diagram, square of oppositions, story template, strategy canvas, supply demand curve, synergy map, system dynamics, Timeline, temple, treemap, tukey box plot, Venn diagrams (euler diagram ), SWOT, Five Forces Model, Mc. Kinsey matrix, Ansoff matrix, BCG matrix, ADL matrix, UML.

Творчески применяйте образцы визуализации из разных областей для своей предметной области Виды инфографики: affinity diagram, arc diagram, area chart, bar chart, bubble chart, Chernoff face, cartesian coordinates, clustering, cause effect chains, cognitive mapping, communication diagram, concentric circles, concept map, cone-tree diagram, critical path method, cycle diagram, data flow diagram, decision discovery diagram, decision tree, dilemma diagram, edgeworth box, failure tree, feedback diagram, flowchart, funnel, gantt chart, genealogy, Fractal, histogram, hype cycle, hyperbolic tree, ibis argumentation map, iceberg diagram, ishikawa-diagram (fishbone), Kabbalistic tree, knowledge map, layer chart, line chart, mindmap, minto pyramid technique, mandala, organisation chart, parameter ruler, performance charting, perspectives diagram, Pert chart, pie chart, portfolio diagram, process event chains, radar chart (cobweb), Sankey diagram, Scatter. Plot, semantic network, social networks, spectrogram, spray diagram, square of oppositions, story template, strategy canvas, supply demand curve, synergy map, system dynamics, Timeline, temple, treemap, tukey box plot, Venn diagrams (euler diagram ), SWOT, Five Forces Model, Mc. Kinsey matrix, Ansoff matrix, BCG matrix, ADL matrix, UML. Ключевые слова для Название предметной области (область программного поиска знаний, сфера жизни) обеспечения: make, maker, soft, editor, web application Инфографика из разных областей знаний имеет эвристическое значение для Вашей предметной области