Элементы визуальной коммуникации. Понятие визуальных коммуникаций в сфере услуг

Андрей Батурин, 27 июля, 2017

Андрей Батурин

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

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

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

Цвет

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

Красный - эмоционально этот цвет воспринимается как важный, уверенный и властный. Он привлекает наше внимание больше других цветов и, как следствие, используется для предупреждений и важных объявлений. В дизайне сайта цвет может нести следующие эмоциональные посылы: страсть, энергия, важность, сила, кровь и т.п. Использовать его нужно с умом, иначе есть риск отпугнуть аудиторию, которая стремится как можно быстрее покинуть “опасную” зону, пестрящую агрессивным оттенком.

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

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

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

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

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

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

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

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

Пикторгаммы

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

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

Баннеры

Баннеры - графическое изображение рекламного характера.

Может быть как статичной картинкой, так и залипательным интерактивным элементом. Обычно баннеры содержат ссылку на сайт рекламируемой продукции.

Существует несколько типов баннеров:

    Статичные изображения - обычный, всем известный и постепенно уходящий баннер-картинка.

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

    Richtext - дословно “богатые на текст” баннеры представляют собой текстовые блоки. Они самые невзрачные из всех видов, но убирать их из арсенала не стоит. Бывают случаи, где пестрая реклама просто неуместна.

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

Баннеры имеют несколько задач:

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

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

Визуальные коммуникации

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

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

1. Привлечение внимания. Обычно визуальные образы лучше привлекают и удерживают внимание, чем слова.

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

3. Укрепление убеждения. Увидеть – значит поверить, как демонстрирует реклама IBM , поэтому визуальные образы усиливают правдоподобие рекламного послания.

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

5. Быстрое осуществление коммуникаций. Картинки позволяют рассказать историю быстрее, чем слова, как показывает реклама Handgun Control . Картинка обеспечивает мгновенную коммуникацию, в то время как вербальное/ письменное сообщение должно расшифровываться потребителями слово за словом, предложение за предложением, строчка за строчкой.

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

Данный текст является ознакомительным фрагментом. Из книги Избавь свою жизнь от хлама! автора Меллен Эндрю

Коммуникации Внутренняя сеть. USB. FireWire. Удлинители. Предохранитель (аварийный

Из книги Настольная книга по внутреннему аудиту. Риски и бизнес-процессы автора Крышкин Олег

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

Из книги Торговля на победу. Психология успеха на финансовых рынках автора Киев Ари

Глава 4. Визуальные образы – репетиция ваших действий На холодных плато Тибета столетиями живут люди, практикующие оккультный метод туммо (tummo) – искусство внутреннего огня. Это еще один путь по направлению к центрированию. Практика туммо подразумевает интенсивные и

Из книги Мечтай, создавай, изменяй! автора Лейси Сара

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

Из книги Утерянное искусство красноречия автора Доуиз Ричард

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

Из книги Анатомия сарафанного маркетинга автора Розен Эмануил

Визуальные образы как инициатор слухов Еще один тип заразительных продуктов – те, которые создают визуальные коммуникации. Представьте себе, что сейчас 1888 год. Субботним утром вы гуляете в парке и вдруг видите человека, который держит у пояса какой-то ящик; мужчина

Из книги Практика управления человеческими ресурсами автора Армстронг Майкл

КОММУНИКАЦИИ Коммуникации, используемые в организациях, заметно влияют на то, как они функционируют, особенно если коммуникация осуществляется через социальные связи, которые затем могут превратиться в «систему слухов». Электронная почта во внутренней сети позволяет

Из книги Великолепная команда. Что нужно знать, делать и говорить для создания великолепной команды автора Миллер Дуглас

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

Из книги Совершенная машина продаж. 12 проверенных стратегий эффективности бизнеса автора Холмс Чет

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

Из книги Работа мечты. Как построить компанию, которую любят автора Шеридан Ричард Бринсли

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

автора Олт Филип Г.

Аудио– и визуальные СМИ Радио, телевидение, кино и видео оказывают сильное воздействие практически на каждого. Сообщения, которые они содержат, обычно передаются в исполнении людей, чей выразительный голос и/или внешний вид добавляют силы воздействия словам. Связи с

Из книги Самое главное в PR автора Олт Филип Г.

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

автора Сиббет Дэвид

Визуальные истории Самая главная задача, поставленная перед каждым участником тренинга Leadership Expedition, заключалась в создании общего видения для команды, которому ее члены могли бы следовать в работе. Тренинг включал следующие моменты:1. Участники слушали речь Мартина

Из книги Визуализируй это! Как использовать графику, стикеры и интеллект-карты для командной работы автора Сиббет Дэвид

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

Из книги Визуализируй это! Как использовать графику, стикеры и интеллект-карты для командной работы автора Сиббет Дэвид

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

Из книги Основы менеджмента автора Мескон Майкл

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

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

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

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

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

На первом этапе человеческий глаз считает больше информации если изображение будет:

  • - контрастным;
  • - достаточно крупного размера;
  • - лаконичным.

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

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

  • - привычность образов;
  • - легко читаемые шрифты.

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

На правильный результат коммуникации влияет множество аспектов, начиная c социального статуса и менталитета зрителя, заканчивая решением самого послания.

Каждое послание неизбежно должно быть наделено смыслом и иметь вполне ощутимую цель. Дизайнер, имея предельную ясность целей сообщения, без труда сможет найти верное визуальное решение, а владелец рекламируемого товара или услуги сможет точнее отслеживать результаты кампаний. Отсутствие целостного понимания смысла коммуникации с потребителем приводит к тупиковым решениям и часто сводится к поверхностному «украшательству» рекламного материала (печатной продукции, сайтов, сувенирной продукции). Это касается как дизайнеров, так и их клиентов -- владельцев бизнеса.

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

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

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

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

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

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

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

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

изобразительного искусства (графики, рисунка, иллюстрации);

фотографии (в том числе искусства коллажа);

киноискусства;

современной полиграфии;

дизайна, в том числе веб-дизайна;

современных технологий (в том числе цифровой, голографии, видео-арта, жидких кристаллов);

современных компьютерных технологий (специальные программы);

Каждый сайт можно разделить на две основные составляющие:

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

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

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

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

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

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

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

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

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

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