Применение инфографики к отображению аналитической информации энерго- и ресурсопотребления

Аннотация

Юлина Ю.А., Харитонов А.Ю. Применение инфографики к отображению аналитической информации энерго- и ресурсопотребления. Выполнен анализ инфографики к отображению аналитической информации энерго- и ресурсопотребления. Определены рекомендации по проектированию графического интерфейса пользователя на основе инфографики.

Ключевые слова: информация, визуализация данных, инфографика.

Актуальность исследования.

Познавая окружающий мир, человек постоянно имеет дело с информацией. Она помогает человеку правильно оценить происходящие события, принять обдуманное решение, найти наиболее удачный вариант своих действий. Информация стала одним из важнейших стратегических, управленческих ресурсов, наряду с ресурсами - человеческим, финансовым, материальным. Ее производство и потребление составляют необходимую основу эффективного функционирования и развития различных сфер общественной жизни. Данные могут выглядеть по-разному – как огромные таблицы с числами, как большие географические карты, как схемы, тексты, иллюстрации.

Более наглядной и эффективной формой визуализации данных является графическая, а, например, при моделировании и обработке изображений – единственно возможная. Многие программы для финансовых, научных, технических расчётов используют эти и некоторые другие способы визуализации данных. Визуальное представление информации является прекрасным инструментом при проведении научных исследований, наглядным и веским аргументом в научных статьях и дискуссиях [1].

Цель работы

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

Постановка задачи исследования

Сформулировать рекомендации по созданию инфографики на основе аналитической информации энерго- и ресурсопотребления, проектирования графического интерфейса пользователя на основе инфографики.

Решение задач и результаты исследований

Визуализация информации – это представление числовой и текстовой информации в виде графиков, диаграмм, структурных схем, таблиц, карт и т. д.

Инфографика – способ передачи информации c помощью графики и текста. Инфографика может использоваться в любой научной или профессиональной сфере, где есть необходимость схематизации материала: в ряде естественных и гуманитарных наук, в рекламе, маркетинге, журналистике, статистике и во многих других областях знаний

Инфографика работает там, где нужно показать устройство и алгоритм работы чего-либо, соотношение предметов и фактов во времени и пространстве, продемонстрировать тенденцию, показать, как что-то выглядит, организовать большие объёмы информации. Используется там, где сложную информацию нужно представить быстро и чётко.

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

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

Цели визуализации – это реализация основной идеи информации, это то, ради чего нужно показать выбранные данные, какого эффекта нужно добиться – выявления отношений в информации, показа распределения данных, композиции или сравнения данных.

Отношения в данных – это то, как они зависят друг от друга, связь между ними. С помощью отношений можно выявить наличие или отсутствие зависимостей между переменными.

Распределение данных – то, как они располагаются относительно чего-либо, сколько объектов попадает в определенные последовательные области числовых значений.

Композиция данных – объединение данных с целью анализа общей картины в целом, сравнения компонентов, составляющих процент от некоего целого.

Сравнение данных – объединение данных, с целью сравнения некоторых показателей, выявление того, как объекты соотносятся друг с другом, сравнение компонентов, изменяющихся с течением времени.

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

Для инфографики информационной аналитики наиболее важна визуализация результатов сравнения данных, так как аналитик находится в переплетении сравнений данных разного рода.

Можно выделить пять видов сравнения, какими может быть выражен любой аспект данных:

• временное сравнение – показывает развитие объекта в некоторых хронологических рамках;
• покомпонентное сравнение – позволяет выделить каждый компонент в процентах от общего целого;
• позиционное сравнение – помогает изобразить соотношение данных между собой;
• корреляционное сравнение – показывает зависимость данных между собой;
• частотное сравнение – отображение попадания объектов в определенные интервалы.

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

Общенаучные формы свертывания данных широко применяются в аналитике, например, диаграммы сравнения, которыми могут выступать столбовые, круговые, лепестковые диаграммы, точечные графики. Линейные диаграммы, графики с областями и гистограммы могут содержать в одном аргументе для одной категории несколько значений, которые могут быть как абсолютными, так и относительными.

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

Неформализованным и привлекательным способом передачи информации являются наглядные изображения результатов анализа. Аналитики все чаще прибегают к инфографике, чтобы наглядно подтвердить выявленные тенденции, полученные результаты и упростить процесс восприятия сложной аналитической информации. Успех визуализации напрямую зависит от правильности ее применения, а именно от выбора типа графика, его верного использования и оформления.

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

• выбор темы – должна быть актуальна и востребована;
• сбор информации;
• систематизация и структуризация – организация ранее собранной информации, создание плана ее презентации;
• создание эскиза и раскадровка – создание макета на основе которого будет построен интерфейс;
• создание дизайна – выбор шрифта, стиля, цветовой палитры;
• вычитка и корректура – окончательная проверка дизайна и контента.

Информационный дизайн часто является связующим материалом, который скрепляет компоненты дизайна. Однако во всех случаях информационный дизайн сводится к принятию решений о том, как представить информацию, чтобы людям было легче воспринимать и использовать ее[2].

Макет страницы – это место встречи информационного дизайна, дизайна интерфейса и дизайна навигации, которые совместно формируют единую конструкцию, связывающую части в целое. Для описания макета страницы составляется подробный документ, называемый схемой страниц или прототипом страниц. Прототипы страниц необходимы прежде всего в работе над визуальным дизайном сайта, где они служат первым шагом процесса формального определения дизайна. Прототип интерфейса для web-ориентированной системы анализа потребления энергии и ресурсов школами г. Донецка представлен на рис.1.

Для того, чтобы разработать дизайн будущего приложения, подойдет любой графический редактор. В своей работе буду использовать такие редакторы как Adobe Photoshop и Adobe Illustrator. В процессе разработки макета определяется вариант размещения основных блоков на странице, выбор шрифтов и цветовой схемы.

Цвет – это очень важная часть любого дизайна, особенно когда речь идет о создании необходимого контраста между фоном и текстом, фоном и визуальными данными. Цвета позволяют подчеркнуть идею, заложенную в контенте, и способствуют лучшему восприятию графической информации. Поэтому выбирать цвета необходимо исходя из темы своей работы, для того чтобы инфографику сделать более информативной.

Выводы

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

Список использованной литературы

1. Визуализация данных в науке и технике [электронный ресурс] // ПиКО - Кафедра Прикладной и Компьютерной Оптики [сайт]. URL: http://aco.ifmo.ru/el_books/computer_visualization/lectures/1.html
2. Дж.Гарретт. Веб-дизайн: книга Джесса Гарретта.Элементы опыта взаимодействия, 2008 – 186с.
3. Р.Крам. Инфографика. Визуальное представление данных, 2015 – 382с.
4. 8 принципов создания отличной инфографики [электронный ресурс] // Infogra [сайт]. URL:http://infogra.ru/infographics/8-printsipov-sozdaniya-otlichnoj-infografiki
5. Занимательная инфографика [электронный ресурс] // CMSmagazine аналитический портал рынка веб-разработок [сайт]. URL: http://www.cmsmagazine.ru/library/items/graphical_design/interesting-infographics