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

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

Человеческое восприятие

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

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

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

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

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

Магия слов

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

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

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

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

Как показывает практика, наиболее удобны для чтения строки длиной 26 40 символов. Более длинные воспринимаются хуже, так как требуют нескольких повторных просмотров для выделения и восприятия отдельных слов текста.

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

Выше радуги Одним из самых мощных средств влияния на восприятие информации cчитается цвет. Именно этот элемент часто становится для вэб-разработчика камнем преткновения при создании нового ресурса в Сети. Как правило, элементы страниц нового сайта (простые линии, задний фон-подложка, цвет шрифта или какое-нибудь графическое изображение) наделяют цветовыми гаммами интуитивно или руководствуясь мнениями одного-двух опрошенных с этой целью респондентов. Отсюда возникают ошибки, действующие на восприятие часто с прямо противоположным смыслом тому, который подразумевался изначально. Воздействие цвета зависит от его количества и оттенка, времени воздействия, особенностей нервной системы посетителя вэб-ресурса, его возраста, пола и т. д. Сильное физиологическое влияние на организм человека оказывают максимально насыщенные красный и синий цвета. Красный возбуждает нервную систему, вызывает учащение дыхания, сердцебиения и активизирует работу мускульной системы. Синий цвет, напротив, производит тормозящее действие. Оранжевый и красный цвета воздействуют попутно со зрительным еще и на слуховой центр, что вызывает кажущееся увеличение громкости. Желто-коричневый цвет покажется посетителю вэб-странички сухим, зеленовато-синий влажным, розовый слащавым, оранжевый кричащим, фиолетовый тяжелым. Есть и оптическое воздействие цвета: иллюзии или оптические явления, изменяющие внешний вид предметов. Светлые цвета (белый или желтый) как бы распространяются на расположенные рядом более темные и уменьшают окрашенные в них поверхности (возникает физиологический эффект иррадиации при фокусировке глаза на соседствующих поверхностях). Это явление учитывают при конструировании шрифтов. Так, буквы E и Г на белом фоне сохраняют полную высоту, а размер O и С несколько уменьшается. Еще больше "сжимаются" из-за острых окончаний буквы A и латинская V. Еще одна сторона человеческого восприятия чувства и переживания, возникающие под влиянием того или иного цвета. Самый спокойный абсолютно зеленый. Он никуда не движется и не имеет оттенков радости или печали. Эта неподвижность благотворно действует на утомленный взор зрителя, но со временем может и наскучить. При добавлении желтого цвета к зеленому происходит его оживление. А в сочетании с синим зеленый становится более серьезным, "вдумчивым". Чистый желтый цвет беспокоит человека, "колет" его, возбуждает. Чем глубже, темнее синий цвет, тем сильнее он зовет к бесконечному, чистому и сверхчувственному. Очень темный синий несет элемент покоя, а доведенный до пределов черного содержит оттенок печали. Становясь более светлым, синий приобретает равнодушный характер и становится далеким и безразличным, как голубое небо. Белый цвет часто определяется как "некраска". Он символ мира, где исчезают все цвета и материальные свойства. Поэтому и на психику белый цвет действует как молчание, наполненное возможностями. А черный воздействует как мертвое "молчание без будущего". Равновесие белого и черного рождает серое. Он беззвучен и обездвижен, но эта неподвижность другого характера, чем у зеленого цвета, рожденного двумя активными цветами желтым и синим. Поэтому серый цвет это безутешная неподвижность. Определенные цветовые сочетания в вэб-дизайне стали своего рода шаблонами. Если пока сложно определиться с выбором цветовой гаммы, можно остановиться на одной из комбинаций, приведенных в таблице. Рядом с названием приведены их числовые характеристики в двух значениях формата RGB (red, green, blue красный, зеленый, голубой). Наименование схемы Квадраты Значение цвета в формате RGB Полоски Значение в формате RGB Аппетитная Темно-коричневый Cветло-оранжевый Бордово-коричневый 102, 51, 51; #663333 255, 153, 102; #FF9966 153, 51, 51; #993333 Приглушенный красно-оранжевый Темно-зеленый Темный красно-коричневый 204, 51, 51; #CC3333 0, 102, 51; #006633 102, 0, 0; #660000 Недорогая (выгодная сделка) Оранжевый Белый 255, 102, 0; #FF6600 255, 255, 255; #FFFFFF Красновато-коричневый Желто-оранжевый 153, 51, 0; #993300 255, 153, 0; #FF9900 Элегантная Темно-фиолетовый Cветлый серовато-фиолетовый 51, 0, 102; #330066 153, 153, 204; #9999СС Светло-фиолетовый Бордово-фиолетовый 204, 204, 255; #CCССFF 102, 0, 102; #660066 Здоровая Теплый розовый Песочно-оранжевый 255, 102, 102; #FF6666 255, 204, 153; #FFСС99 Приглушенный оранжевый Желто-оранжевый 153, 51, 51; #СС3333 255, 153, 0; #FF9900 Интеллигентная,креативная Сине-серый Приглушенный темно-синий 51, 102, 153; #336699 0, 51, 102; #003366 Светлый голубовато-серый Белый 102, 153, 204; #6699СС 255, 255, 255; #FFFFFF Веселая Золотой желтый Белый 255, 204, 0; #FFСС00 255, 255, 255; #FFFFFF Желто-оранжевый Яркий вишнево-красный Желтый 255, 0, 51; #FF9900 255, 153, 0; #FF0033 255, 255, 0; #FFFF00 Спокойная, мирная Светлый голубовато-серый Светло-голубой 102, 153, 204; #6699СС 153, 204, 255; #99ССFF Приглушенный синий 51, 102, 204; #3366СС

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

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

Как вы яхту назовете...

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

Заголовки один из основных помощников в деле привлечения внимания посетителя вэб-сайта, формировании читательской аудитории. Исследования показали, что неудачное название может уменьшить доходчивость одного и того же текста с 67 до 17 %.

Эмоции в шрифтах

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

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

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

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

и энергичности.

Незначительные изменения межстрочного интервала могут увеличить число понявших содержание материала с 77

до 98 %, а вариации стиля заголовков способны поднять коэффициент удобочитаемости с 57 до 92 %.

Живопись для сайта

Графические элементы и фотографии придают завершенность и дополняют целостность восприятия информации

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

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

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

Простота хуже воровства? Количество сайтов в Сети увеличивается в геометрической прогрессии, а похожих друг на друга вэб-ресурсов становится все больше и больше. Блеклые и неумело составленные сайты, даже при условии правильного информационного наполнения, заранее обречены на неудачу. Внешние критерии, такие как дизайн или простота навигации, приобретают важное значение. Успех использования Flash-анимации на сайтах доказывает это утверждение сполна. Однако не всегда использование красочного, тяжелого дизайна оправдано. В первую очередь его задача дополнять концепцию вэб-ресурса: информационный портал, к примеру, должен иметь минимум графических элементов и в то же время максимально удобное расположение основных блоков, хорошо продуманную навигацию. А имиджевый сайт, представляющий визитку компании или брэнда, несомненно, украсит и выделит splash-страница (первая страница сайта, являющаяся прологом) с яркой Flash-анимацией или картинкой.

Рекомендации напоследок

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

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

Источник: журнал "Мир связи"