Что относится к визуальной информации

СРЕДСТВА И СИСТЕМЫ ВИЗУАЛЬНОЙ ИНФОРМАЦИИ

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

При интенсивном развитии отечественного художественного конструирования в 1960-е годы дизайнерский подход был привнесен в прикладную графику и упаковку с помощью промграфики (графические элементы на изделиях). Пик этого процесса пришелся на конец 60-х—начало 70-х годов. Теоретическая концепция, которую характеризовали как визуально-коммуникационную, формировалась на базе семиотики (науки, исследующей свойства знаков и знаковых систем) и теории информации с учетом социально-технического контекста.

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

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

Рассматривая визуальную составляющую рукотворной среды обитания можно выделить в ней несколько условных слоев.

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

Второй слой — средства визуальных коммуникаций в пространствах зданий, интерьерах: указатели, пиктограммы, таблички, рекламные объявления, плакаты и другие средства информации. Системы пиктограмм, относящихся к элементам второго слоя, особенно те, которые могут использоваться как инструкция по эксплуатации автоматов (в частности, банковских, множительной техники, компьютеров), имеют ярко выраженный функциональный характер. Их высокая информативность обеспечивает общедоступность, легкость восприятия и понимания людьми разных национальностей.

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

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

211

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

Поле зрения обоими глазами (бинокулярное зрение) ограничено угловыми размерами и предельными расстояниями от глаза до наблюдаемого предмета при нормальной освещенности последнего. Диаграмма (рис. 117 А) характеризует обзор без напряжения для глаз, т.е. для длительного и точного наблюдения при фиксированном положении головы и всего корпуса. Точность восприятия изображения предмета зависит от того, под каким углом оно рассматривается. При рассматривании изображения сбоку допустимый обзор не должен превышать 45° к нормали экрана, т.к. при больших углах изображение значительно искажается.

Видимые размеры объектов, в т.ч. знаков, определяются в угловых величинах (рис. 117 Б). Угловые размеры (в градусах, минутах и секундах) определяются по формуле:

где а— угол зрения; S — линейный размер объекта (знака); L — расстояние до объекта (знака) по линии взора.

Линейные размеры буквенно-цифровых знаков для больших индикаторных устройств приведены в табл. 34.

Таблица 34. Линейные размеры знаков индикации

Го ш

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

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

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

212

И о m

Рис. 117. Поля зрения человека (А) и оптимальные параметры элементов информации (Б). Знак прямого контраста (В) и рнак обратного контраста (Г)

Таблица 35. Время полной аккомодации

214

Объектами зрительного поиска оператора служат устройства отображения информации. Особую, наиболее перспективную группу устройств отображения информации составляют мнемосхемы (рис. 120). Они представляют собой наглядное графическое изображение функциональной схемы объекта или системы, технологического процесса и включают в себя цифровые и стрелочные приборы, видеотерминалы и пр. При компоновке мнемосхем стараются использовать привычные ассоциации и стереотипы. Так, схема может ассоциироваться с пространственным расположением обозначаемых объектов, отдельные символы — с функциональной схемой объектов, с внешним видом агрегатов либо с общепринятыми значками для их обозначения, буквами.

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

Ш о о.

216

Источник

Средства и системы визуальной информации

Цели урока:

Средства обучения – информационный материал, иллюстративный материал

Более 80% информации об окружающей среде человек получает визуально благодаря зрительному анализатору (глазам в сочетании с соответствующими участками головного мозга).

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

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

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

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

БЕСЕДА: Какая основная цель у визуальной графики? Цель средств визуальных коммуникаций привлечь (зацепить) наше внимание.

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

Инфогра́фика (γραφικος — письменный, от греч. γραφω — пишу) — это графический способ подачи информации, данных и знаний. Инфографикой можно назвать любое сочетание текста и графики, созданное с намерением изложить ту или иную историю.

Роль графического дизайна, целиком подчинена различным средствам массовой информации.

Рассматривая визуальную составляющую рукотворной среды обитания можно выделить в ней несколько условных слоев.

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

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

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

Второй слой — средства визуальных коммуникаций в пространствах зданий, интерьерах: указатели, пиктограммы, таблички, рекламные объявления, плакаты и другие средства информации. Системы пиктограмм, относящихся к элементам второго слоя, особенно те, которые могут использоваться как инструкция по эксплуатации автоматов (в частности, банковских, множительной техники, компьютеров), имеют ярко выраженный функциональный характер.

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

БЕСЕДА: (лекция №8) Они также имеют свои стандарты, в которых применяют следующие термины с соответствующими определениями.

3.1. Сигнальный цвет: цвет, предназначенный для привлечения внимания людей к непосредственной или возможной опасности, рабочим узлам оборудования, машин, механизмов и (или) элементам конструкции, которые могут являться источниками опасных и (или) вредных факторов, пожарной технике, средствам противопожарной и иной защиты, знакам безопасности и сигнальной разметке.

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

3.3. Знак безопасности: цветографическое изображение определенной геометрической формы с использованием сигнальных и контрастных цветов, графических символов и (или) поясняющих надписей, предназначенное для предупреждения людей о непосредственной или возможной опасности, запрещения, предписания или разрешения определенных действий, а также для информации о расположении объектов и средств, использование которых исключает или снижает воздействие опасных и (или) вредных факторов.

3.4. Знак пожарной безопасности: знак безопасности, предназначенный для регулирования поведения человека в целях предотвращения возникновения пожара, а также для обозначения мест нахождения средств противопожарной защиты, средств оповещения, предписания, разрешения или запрещения определенных действий при возникновении горения (пожара).

3.5. Сигнальная разметка: цветографическое изображение с использованием сигнальных и контрастных цветов, нанесенное на поверхности, конструкции, стены, перила, оборудование, машины, механизмы (или их элементы), ленты, цепи, столбики, стойки, заградительные барьеры, щиты и т.п. в целях обозначения опасности, а также для указания и информации.

3.6. Люминесценция: свечение (излучение света) материала, находящегося в неравновесном (возбужденном) состоянии за счет энергии внешнего воздействия (оптического, электрического, механического и т.п.) или за счет энергии внутреннего происхождения (химические и биохимические реакции и превращения).

3.7. Фотолюминесценция: люминесценция, возбуждаемая воздействием светом естественного или искусственного происхождения.

3.8. Светящийся материал: материал, обладающий свойством люминесценции.

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

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

Оптимальной дистанцией наблюдения средств индикации считается 500 см? (см. рисунок).

ПРИМЕР: Это, прежде всего, устройства, информирующие о функционировании систем отопления, вентиляции, охраны, наличии задымления. Также информационные устройства электронной бытовой техники.

Индикатор (лат. indicator — указатель) — прибор, устройство, информационная система, вещество — объект, отображающий изменения какого-либо параметра контролируемого процесса или состояния объекта в форме, наиболее удобной для непосредственного восприятия человеком визуально, акустически, тактильно.

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

Особая группа устройств отображения информации – мнемосхемы (см. рисунок).

Это наглядное графическое изображение функциональной схемы объекта (локомотива, атомной электростанции), предназначенное для выполнения следующих функций: отображать связи и характер взаимодействия управляемого объекта с другими объектами и внешней средой, сигнализировать обо всех существенных нарушениях в работе объекта. Включает в себя: цифровые и стрелочные приборы, видеотерминалы. Если мнемосхема выходит за пределы видимости (зоны, ограничиваемой предельными углами обзора, который не более 90°), она должна иметь дугообразную форму или состоять из нескольких плоскостей (состыкованных или пространственно разнесенных), повернутых к оператору. При компоновке мнемосхем стараются использовать привычные ассоциации и стереотипы.

ПРИМЕР: Использование мнемосхем диспетчерами воздушного сообщения, операторов атомных электростанций, отслеживание передвижения железнодорожных составов.

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

Каждый способ кодирования называется алфавитом, или категорией кодирования. Объединение в алфавите 2-х его видов — знакового и цифрового — ведет к существенному возрастанию скорости прочтения информации.

Буквенно-цифровое кодирование. Буквы — используются для передачи информации о названии объекта, цифры — используются для передачи информации о количественных характеристиках объекта.

Общие правила создания текстов для эффективного восприятия:

— Заголовки должны содержать менее 6 слов, тогда они хорошо запоминаются;

— Информация на цветном (оранжевый, желтый фон) более эффективно воздействует на зрителя;

— Текст в эллипсе воспринимается лучше, чем в квадрате или круге;

— Европейцы читают слева направо, поэтому правая сторона запоминается лучше (там останавливается взгляд);

— Верхняя часть страницы, в свою очередь, читается с большим вниманием;

— Человек способен одновременно удержать в поле зрения не более пяти-шести слов, при условии, что они логически взаимосвязаны;

— Начало и конец текста воспринимается лучше, чем середина

ПРИМЕР: Арабский цифровой алфавит состоит из знаков, многие из которых не удовлетворяют требованиям хорошей различимости. Антиквенные шрифты (с засечками) Times, Times New Roman и Palatino — это компромисс между старым и новым. Четкие и достаточно простые, они обладают хорошо выраженной формой и округлостью, вызывают чувство доверия. Шрифты Sans Serif (без засечек), такие как Arial, Modern и Univers, обладают малым эмоциональным зарядом и ассоциируются с практичностью и здравомыслием.

Кодирование цветом. Цвет — используется для передачи значимости характеристик. Человек может точно идентифицировать не более 10—12 цветовых тонов, что ограничивает длину алфавита (способ кодирования) при цветовом кодировании.

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

— для привлечения внимания предпочтение следует отдавать чистым основным цветам, а не смешанным;

— быстрее обращают на себя внимание светлые, чистые цвета;

— по силе, с какой цвета привлекают внимание, их можно расположить в следующей последовательности: оранжевый, красный, желтый, зеленый, синий, фиолетовый;

— при естественном освещении более выразительными оказываются теплые цвета (желтый, оранжевый, красный), чем холодные (зеленый, синий, фиолетовый).

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

Следует подбирать оптимальное цветовое сочетание фона и шрифта. Легче прочитываются:

— желтая надпись на черном фоне,

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

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

Графический фирменный стиль — термин, обычно обозначающий систему визуально-коммуникативных средств, спроектированную в целях создания определенного постоянного зрительного образа. Она включает в себя основные элементы: знак, логотип, цвет, шрифт, а также все многообразие визуальной информации: от документации, упаковки, сувениров, рекламы до элементов визуальной коммуникации, графики на одежде, транспортных средствах, зданиях и пр. (см. рисунок).

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

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

Источник

Зачем и как использовать визуализацию данных?

Данная статья написана представителем компании DevExpress и опубликована в блоге на ХабраХабре.

Медицинские исследователи установили, что если в инструкции к лекарству находится только текст, человек усваивает из нее лишь 70% информации. Если же в инструкцию добавить картинки, человек усвоит уже 95%.

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

Что такое визуализация данных?

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

Самые простые, а потому и самые распространенные методы визуализации — это графики.

Зачем использовать визуализацию данных?

Если попросить читателя вспомнить названия материков, в голове возникнет именно эта картинка в 60000 раз быстрее воспринимается визуальная информация по сравнению с текстовой

На графике читатель быстрее найдет минимальное и максимальное значения.

Инструкцию снизу намного легче и быстрее понять и выполнить.

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

С помощью графиков можно легко обратить внимание читателя на красные показатели.

На графике легко можно заметить важные данные.

Эстетическая привлекательность

Эстетически привлекательные графики делают подачу данных эффектной и запоминающейся.

Эдвард Тафти, автор одних из лучших книг по визуализации, описывает ее как инструмент для показа данных; побуждения зрителя задуматься о сути, а не методологии; избежания искажения того, что должны сказать данные; отображения многих чисел на небольшом пространстве; показа большого набора данных связным и единым целым; побуждения зрителя сравнивать фрагменты данных; служения достаточно четким целям: описанию, исследованию, упорядочиванию или украшению («The Visual Display of Quantitative Information», Edward Tufte).

Как правильно использовать визуализацию данных?

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

60% успеха визуализации зависит от выбора типа графика, 30% — от его правильного использования и 10% — от его верного оформления.

Правильный тип графика

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

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

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

Отношения в данных — это то, как они зависят друг от друга, связь между ними. С помощью отношений можно выявить наличие или отсутствие зависимостей между переменными. Если основная идея информации содержит фразы «относится к», «снижается/повышается при», то нужно стремиться показать именно отношения в данных.
Распределение данных — то, как они располагаются относительно чего-либо, сколько объектов попадает в определенные последовательные области числовых значений. Основная идея при этом будет содержать фразы «в диапазоне от x до y», «концентрация», «частотность», «распределение».

Композиция данных — объединение данных с целью анализа общей картины в целом, сравнения компонентов, составляющих процент от некоего целого. Ключевыми фразами для композиции являются «составило x%», «доля», «процент от целого».

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

После определения цели визуализации требуется определить тип данных. Они могут по своему типу и структуре быть очень разнородными, но в самом простом случае выделяют непрерывные числовые и временные данные, дискретные данные, географические и логические данные. Непрерывные числовые данные содержат в себе информацию зависимости одной числовой величины от другой, например графики функций, такой как y=2x. Непрерывные временные содержат в себе данные о событиях, происходящих на каком-либо промежутке времени, как график температуры, измеряемой каждый день. Дискретные данные могут содержать в себе зависимости категорийных величин, например график количества продаж товаров в разных магазинах. Географические данные содержат в себе различную информацию, связанную с местоположением, геологией и другими географическими показателями, яркий пример — это обычная географическая карта. Логические данные показывают логическое расположение компонентов относительно друг друга, например генеалогическое древо семьи.

Графики непрерывных числовых и временных данных, дискретных данных, географических и логических данных.

Линейные диаграммы, графики с областями и гистограммы могут содержать в одном аргументе для одной категории несколько значений, которые могут быть как абсолютными (тогда к таким видам графикам прибавляется приставка stacked), так и относительными (full stacked).

График со stacked значениями и с full stacked

При выборе подходящего графика можно руководствоваться следующей таблицей, составленной на основе этой диаграммы и книги «Говори на языке диаграмм» Джина Желязны:

Правильное использование графика

Такой график можно сравнить со спагетти и лучше разделить на несколько диаграмм.

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

Неверная шкала отрицательно влияет на восприятие данных. В первом случае некорректно выбран масштаб, во втором шкала инвертирована.

Правильное оформление графика

Вспомогательные линии на графике не должны отвлекать внимание от основной идеи данных.

Выводы

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

На графиках изображены одни и те же данные, слева показаны основные ошибки визуализации, а справа они исправлены.

При умелом применении визуализация данных позволяет сделать материал впечатляющим, нескучным и запоминающимся.

Источник