САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ Факультет искусств Направление 070600 «Дизайн» Магистерская программа «Графический дизайн» Корниенко Ирина Юрьевна Выпускная квалификационная работа ТЕМА: Проблемы проектирования интерактивных графических интерфейсов электронных обучающих изданий по инфографике. На примере мультимедийного издания «Интерактивная инфографика» Автореферат Научный руководитель по практической части: член Союза Художников, член Союза Дизайнеров, профессор кафедры «Дизайн» факультета искусств СПбГУ Минаева Татьяна Ивановна Научный руководитель по теоретической части: доктор философских наук, профессор кафедры «Дизайн» факультета искусств СПбГУ Лола Галина Николаевна Санкт-Петербург 2013 Инфографика является самостоятельной дисциплиной графического дизайна, которая сформировалась недавно. Между тем, первые известные примеры визуализации данных появились много лет назад. Графические исследования, математика и исторические изучения стали основой для создания первых карт, графиков и хронологических диаграмм ещё в XVIII веке. Актуальность: В современное время инфографику применяют в газетах и медийной среде, когда необходимо показать устройство или алгоритм работы чего-либо, соотношение предметов и фактов во времени и пространстве, продемонстрировать тенденцию, реконструировать событие, организовать большие объёмы однородной информации. Её используют в разных областях, но преимущественно относят к медиа, считая универсальным средством распространения концептуальной информации. Стоит обратить внимание на тот факт, что в журналистике наглядное представление данных посредством изображения считается оригинальным и привлекательным решением, однако подобное представление информации давно применяется в науке, статистике и в образовании, в виде различного рода графиков, таблиц и диаграмм. Таким образом, стоит отметить, что для печатной и медийной учебной литературы характерным будет представление информации как вербально, так и визуально. Применяемые технологии мультимедиа при разработке КСО (компьютерных обучающих систем) вносят существенный вклад в эффективность освоения учебной информации, способствуют созданию новых форм обучения и образования. Назначение таких изданий не ограничивается в хранении и структурировании материала, организации предоставляемой информации. Проблема интеграции мультимедийных технологий в представлении обучающих материалов об инфографике актуальна в настоящий момент, о 2 чем свидетельствуют многочисленные публикации, посвящённые данной теме и растущий интерес к теме в области дизайна. Объект исследования: Объектом данного исследования являются интерактивные графические интерфейсы для электронных обучающих изданий, посвящённые инфографике. В процессе исследования как печатных, так и электронных образцов были выявлены основные способы представления изучаемого материала, построение взаимодействия или диалога с пользователем, организации рабочего виртуального пространства и навигации. Предмет исследования: Предметом исследования является проблемы проектирования интерактивного графического интерфейса электронного обучающего издания по инфографике. Цель исследования: В связи с этим целью данной работы является выявление и решение проблем проектирования интерактивных графических интерфейсов электронных обучающих изданий по инфографике. Для достижения поставленной цели решались следующие задачи: - Выявление тенденций развития инфографики в современном дизайне; - Обоснование внедрения знаковой системы в пользовательский интерфейс; - Обозначение проблем, возникающих при создании мультимедийных обучающих изданий; - Обоснование ключевой роль учёта психофизического восприятия при проектировании интерактивных пользовательских интерфейсов электронных изданий, в основе которых лежит самостоятельное изучение принципов и понятия инфографики; - Формирование принципов внедрения анимационных приёмов и принципов в статичную графику; 3 - Оценка возможности самостоятельного изучения и углубления по теме интерактивная инфографика. - Аргументирование необходимости создания графических пользовательских интерфейсов и позиционирования продукта как самостоятельного вида виртуальной обучающей системы. Краткий обзор литературы: Теоретической основой для формирования принципов проектирования интерфейса электронного обучающего издания послужили такие работы авторов в областях: проектирование графических интерфейсов для вебдизайна: Д. Раскина, Я. Нильсена, Д. Кирсанова, А. Уолтера, проектирование обучающих изданий, с помощью мультимедийных технологий: Башмаков А.И. и Башмаков И.А., основы создания инфографики: Э. Тафти, В. Бринтона, Д. Желязны, У. Плейфера, А. Сквейра, Э. Имхофа, О. Нейрата, психофизическое восприятие и психология цвета: Р. Арнхейма, И. Иттена. Одним из основателей инфодизайна можно считать Уильяма Плейфера, который сам является автором многих публикаций, книг, графиков и диаграмм. Методы и принципы визуализации У. Плейфера лежат основе многих работ и описываются в книгах многих авторов, например в книге Эдварда Тафти «Visual Display of Quantitative Information» (1983 год, переиздана в 2001 году). В данной книге описана теория и практика разработки графических данных на примере 250-ти иллюстраций лучших информационных графиков прошлых лет. Во втором издании книги автор рассматривает графическую целостность и совершенство, плотность данных в визуализации, множество приёмов и ошибок при создании графического дизайна. Проблему эффективности подходов к разработке интерфейсов рассматривает Д. Раскин в книге «Интерфейс: новые направления в проектировании компьютерных систем». Он объясняет, как изменить подход к разработке 4 интерфейса и предлагает нестандартные идеи, демонстрируя дальновидность и способность к практическому взгляду на проектирование. Взгляды Д. Раскина на подход к созданию пользовательского интерфейса пересекаются с взглядами Башмаков А.И. и Башмаков И.А на проектирование и роль компьютерных систем обучения. В своей книге авторы Башмаков А.И. и Башмаков И.А излагают методологию разработки компьютерных учебников и обучающих систем. Основное внимание авторы уделяют проектированию облика самого продукта, определение его содержания и направленности, дидактические и программные решения при разработке КСО. Башмаков А.И. и Башмаков И.А предоставляют классификацию компьютерных систем и описывают основные принципы и способы структуризации материала. Краткое содержание диссертации: Во введении обоснована актуальность исследования, сформулирована цель работы и перечислены решаемые задачи. В первой главе описаны текущие тенденции применения инфографики в мультимедийной среде, раскрывается понятие «инфографика» и рассматривается возможность внедрения статичной графики в медийную среду КСО. Проанализированы издания и многочисленные публикации, проведён обзор литературы по разработке инфографики. Во второй главе рассмотрены особенности проектирования графических интерфейсов электронных изданий и очерчен ряд проблем, возникших при проектировании пользовательских интерфейсов, в основе которого должны прослеживаться принципы построения диалога с пользователем. Во второй главе предпринята попытка обосновать проектирование графического пользовательского интерфейса обучающего издания по интерактивной инфографике. Сформулированы принципы и основы проектирования интерактивных пользовательских интерфейсов электронных изданий и обозначена их роль в представлении исследуемого материала. 5 В третьей главе предпринята попытка обосновать проектирование графического пользовательского интерфейса обучающего издания по интерактивной инфографике. Сформулированы принципы и основы проектирования интерактивных пользовательских интерфейсов электронных изданий и обозначена их роль в представлении исследуемого материала. Практическая значимость: Практическая значимость работы связана с демонстрацией основных средств, принципов инфографики посредством электронного издания, построение диалога ученика и учителя. Выводы: На основании изложенного исследования были сделаны выводы: 1. Мультимедийные технологии обеспечивают широкие возможности для организации, оптимизации и повышения эффективности процесса обучения; 2. Внедрение инфографики в электронный учебник облегчает восприятие визуального материала, а также является одним из наглядных и выразительных средств подачи информации; 3. Психофизические принципы проектирования графического интерфейса позволяют создать электронное издание, оптимизирующее учебный процесс, а также создаёт адекватную среду для обучения; 4. Построение диалога в мультимедийном пространстве является важной формой коммуникации, на которой строится обучение традиционными методами и взаимодействие с системой; 5. Основными требованиями к пользовательским интерфейсам обучающих изданий являются: унифицированность, дружественность, лаконичность и гибкость. 6