Доработка рекламной информационной системы

Визуальные аспекты эффективности ИС

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

Психология восприятия цвета — это способность человека воспринимать, идентифицировать и называть цвета. Ощущение цвета зависит от комплекса физиологических, психологических и культурно-социальных факторов. Первоначально исследования восприятия цвета проводились в рамках цветоведения; позже к проблеме подключились этнографы, социологи и психологи, и лишь к 2001 году в России, на основах собственных наблюдений и наблюдений за исследованиями зарубежных аналитиков, было заключено о необходимости всем дизайнерам и искусствоведам присматриваться и углубляться в понимание «как создавать графическую среду?», «почему именно так?» и так далее.

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

Цветоведение — анализ процесса восприятия и различения цвета на основе систематизированных сведений из физики, физиологии и психологии. Цветоведение включает:

• — физическую теорию цвета,
• — теории цветового зрения,
• — теорию измерения и количественного выражения цвета.
• — субъективный аспект восприятия цвета известен также как квалиа

Квалиа — от лат. qualia (мн. ч.) — свойства, качества, quale (ед. ч.) — какого сорта или какого рода. Термин, используемый в философии, преимущественно в англоязычной аналитической философии сознания, для обозначения сенсорных, чувствительных явлений любого рода. Введен американским философом К. И. Льюисом (Clarence Irving Lewis) в 1929 г. Квалиа это «необычный термин для обозначения самой обычной из возможных для нас вещи: того, как вещи выглядят для нас» [16]. Они могут быть определены как качества или ощущения, вроде, например, красноты или боли, и рассматриваются отдельно от их влияния на поведение, а также от любых физических условий, которые могли их вызвать. В более точных философских терминах, квалиа — это свойства чувственного опыта.

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

Стоит обратить внимание на цветовую систему CIE XYZ — линейная 3-компонентная цветовая модель, основанная на результатах измерения характеристик человеческого глаза. Построена на основе зрительных возможностей «стандартного наблюдателя», то есть гипотетического зрителя, возможности которого были тщательно изучены и зафиксированы в ходе длительных исследований человеческого зрения, проведённых комитетом CIE (в переводе с французского — Commission Internationale de l’Eclairage).

Как известно, цветовое зрение человека обусловлено наличием трёх видов световосприимчивых рецепторов на сетчатке глаза, максимумы спектральной чувствительности которых локализованы в области 420, 534 и 564 нм, что соответствует синему, зелёному и жёлтому (хотя в литературе обычно пишут «красному») цветам. Они являются базовыми, все остальные тона воспринимаются как их смешение в определённой пропорции. Например, чтобы получить жёлтый спектральный цвет, совсем необязательно воспроизводить его точную длину волны 570—590 нм, достаточно создать такой спектр излучения, который возбуждает рецепторы глаза сходным образом. Это явление называется метамерией. Метамерия — свойство зрения, при котором свет различного спектрального состава может вызывать ощущение одинакового цвета.

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

Функции соответствия цветов — это значения каждой первичной составляющей света — красной, зелёной и синей, которые должны присутствовать, чтобы человек со средним зрением мог воспринимать все цвета видимого спектра. Этим трём первичным составляющим были поставлены в соответствие координаты X, Y и Z.

Основное свойство, присущее этой системе — положительная определённость — любой физически ощутимый цвет представляется в системе XYZ только положительными величинами. С другой стороны, не всем точкам в пространстве XYZ соответствуют реальные цвета в силу неортогональности функций соответствия цветов. Говоря об «эталонных» оттенках, часто говорят только о паре x, y, считая z = 1-x-y. Говоря о «яркости» цвета (например, для перевода изображения в чёрно-белое), часто имеют в виду величину Y.

Имя цвета — термин, отражающий психологическую компоненту в восприятии света и цвета [7]. Имя цвета — психологическая его характеристика, имеющая выраженную этническую компоненту. Так, имя цвета зеленый достаточно однозначно определяет диапазон длин волн отраженного излучения (или же источника света), хотя и может быть синтезирован при помощи других цветов, в то время как имя цвета коричневый неоднозначно — этот ощущаемый человеком цвет, как и большинство других, может быть синтезирован с помощью разных спектральных наборов (метамерия). В разных языках имя цвета для одного и того же физического объекта могут отличаться, или даже отсутствовать (см., например Синий, Сине-зеленый, Азур, Пурпурный, Маджента). В то же время цвет в колориметрии определяется однозначно, как вектор в заданной системе координат. Системы координат могут быть разными, например, RGB, CMYK, XYZ. [11].

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

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

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

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

Поскольку в конкретном языке и, шире, в конкретной культуре концентрируется исторический опыт их носителей, ментальные представления носителей различных языков могут не совпадать. В качестве примера того, как по-разному языки выделяют (как принято говорить в лингвистике, «концептуализуют») внеязыковую реальность, нередко приводят термины системы цветообозначения. Так, в русском языке присутствуют два отдельных слова синий и голубой — в отличие от многих германских языков, в которых диапазон цветов соответствующей части спектра перекрывается единым обозначением, типа английского blue (ср. нем. blau и фр. bleu). Близкая система цветообозначения сине-голубых цветов принята в других славянских языках, например, в украинском и польском.

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

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

Например, в колориметрии одинаково определяются некоторые цвета (такие, как оранжевый или жёлтый), которые в повседневной жизни воспринимаются (в зависимости от светлоты) как бурый, «каштановый», коричневый, «шоколадный», «оливковый» и т. д. В одной из лучших попыток определения понятия Цвет, принадлежащей Эрвину Шрёдингеру, трудности снимаются простым отсутствием указаний на зависимость цветовых ощущений от многочисленных конкретных условий наблюдения. По Шредингеру, Цвет есть свойство спектрального состава излучений, общее всем излучениям, визуально не различимым для человека.

Цветоведение и техническая семиотика. В технических приложениях смысл цветовых маркеров достаточно жестко определяет применение каждого цвета.

• — Красный — опасность, запрет.
• — Желтый — осторожно! Внимание!
• — Зеленый — безопасность, экологичность.

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

Дополняя «осиную» предупреждающую раскраску нанесением косых полос, обеспечивают улучшение распознавания опасных технических объектов — балки, краны, столбы (обеспечивается визуальное отделение от вертикальных и горизонтальных природных объектов, преимущественно формирующихся в поле силы тяжести).

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

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

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

Феномен синестезии известен науке на протяжении уже трех столетий. Пик интереса к ней пришёлся на рубеж XIX и XX веков. Тогда смешением чувств заинтересовались не только медики, но и люди искусства. Например, были популярны концерты «музыка плюс цветосвет», в которых использовался специальный орган, чьи клавиши извлекали не только звуки, но и цветовое освещение.

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

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

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

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

1. Перегрузка графикой Никогда не бойтесь сделать проще. Многие начинающие дизайнеры для того, чтобы приукрасить сайт, всегда пытаются напихать кучу разной анимации, картинок. В итоге страница получается слишком пестрой, ляпистой, бросается в глаза отсутствие стиля, единства в построении композиции. Помимо всего время загрузки страниц увеличивается. Профессиональный дизайнер тем и отличается от начинающего, что никогда не боится делать проще. Как сказал известный скульптур Микеланжело, «я беру в руки камень и отсекаю все лишнее». Поэтому старайтесь использовать минимум различных «наворотов» и графики, используйте по возможности формат GIF вместо JPG .

2. Отсутствие четкой структуры сайта.

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

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

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

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

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

Для сравнительного анализа приведем примеры «живых» (работающих в данный момент) Интернет-систем.

Примеры тональности одного цвета: ФК Зенит (http://www.fc-zenit.ru/info/main.phtml) (синие), Википедия (http://ru.wikipedia.org/wiki) (серые), Интернет Университет Информационных Технологий (http://www.intuit.ru) (оранжевые), Сannabis fun club (http://www.cannabisfunclub.com) и прочие.

Примерами одного цвета: МТС (www.mts.ru) (бело-красный), Магнит (http://www.magnit-info.ru) (бело-красный), D-Link (www.dlink.ru) (синий), ФК Динамо (www.fcdinamo.ru) (темно-синий) и другие.

Примеры двух цветов служат: Билайн (www.beeline.ru) (желто-черный), Мегафон (www.megafon.ru) (бело-зеленый), рекламное агентство МегаПро (www.megapro.ru) (серо-красный), сайт компьютерных ошибок «Help-Yelp» (http://help-yelp.ru) (серо-оранжевый) и прочие сайты.

Многотональные и остальные дизайны, привлекающие остротой изображений (чаще в остроту входит качество баннеров, шапки, фотографий, рисунков): рекламное агентство «АртМедиа принт» (http://www.1aprint.ru), КубаньТренд (http://www.kubantrend.ru), ОАО НЭСК (http://www.nesk.ru) и многие другие веб-ресурсы компаний. Интересный портал Знакомства LOVE-YUGL (http://www.love.yugl.ru) включает в себя три основных цвета: красный, зеленый и оранжевый.

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

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

Также если говорить о риторике, то можно писать диссертации о том, как правильно и верно выбирать фразы для определенных целей. Имеет место история влияния фраз на человека, поколения или отдельные суб-, культурные личности. К примеру, фразы «Отдых для Вас» или «Ваш почтовый ящик» уже (с 2007 года) не привлекают и не заманивают, но исключения будут всегда. Плавно Интернет-человечество снова переходят на фразы подобно легкому обвиванию и обаяния сказанным или написанным. Никто не исключает звуковые сопровождения, наведенного курсором мыши, текста; наоборот, данный механизм, написанный на программе Adobe Flash, используется в новой версии веб-системы, но представлен быть не может по законам авторского права. Приблизительно с 2009 года разработчики изменили тактику привлечения и стали активно изменять свои информационно-развлекательные или научные системы. По анализам было выведено, что люди привыкли к старому и в данные года могут завлечься за комментариями такого рода «Большие возможности и открытый доступ», «Легкий аромат чаев», «Познакомиться легко» и другие. Человеку после сумбура и напряжения, нарастающего с каждый годом, нужна легкость и простота. А подбор слов тоже играет очень важную роль.

5. Выравнивание и отступы Часто дизайнеры сайтов имеют определенные проблемы с версткой текста. Абзацы не выделены, никаких отступов от края страницы, текст навален сплошь и рядом. Поэтому обязательно разделяйте абзацы. Если несколько абзацев текста идут подряд, существует два способа отделения их друг от друга:

• — отступ «красной строки» (т.е. первой строки абзаца)
• — вертикальные отступы между абзацами

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

В коротких версиях новостей или статей не обязательно ставить абзац, так легче воспринимается текст в виде одного ознакомительного абзаца, а в полной версии статья или новости необходим абзац. Заголовок по центру не всегда уместен, с вероятностью в 50%-60% нужно устанавливать текст по левому краю в заголовках для удобства чтения, а в текстовом контексте — по ширине. Но никогда нельзя ставить комментарий или короткое описание (в одну-две строчки) по центру, даже если заголовок по центру.

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

Среди вышеперечисленных параметров эффективного написания Интернет-системы имеется целая серия подобных ньюансов, о них писали Роман Овчинников и Сергей Сухов в книге «Корпоративный веб-сайт на 100%. Требуйте от сайта большего!», Белунцов в самоучителе «Новейший самоучитель по созданию Web-страниц» и другие авторы, также многие Интернет-ресурсы помогают освоить навыки правильного написания веб-страниц.

От себя также хотелось бы сказать, что в рекламной среде важно учитывать такие мелочи как фон вставляемого баннера (Рисунок 4). Баннеры должны быть одним фоном с фоном сайта, чтобы не было видно границ, тогда пользователь, нажимая только на анимационный рисунок, не промахивается, но и не раздражается что это рекламный Интернет-баннер. Доказано еще поклонниками Фен-Шуя что углы стопорят и сохраняют негативную энергию, чем больше округлений тем приятней человеку наблюдать предмет (символизирую как бы вечный кругооборот энергии). Так же и во внешнем дизайне любой ИС — чем меньше видно острых углов и границ, тем больше времени пользователь просматривает страницы.