Веб-дизайн
Шрифт:
Первыми появились баннеры с изображениями полей ввода, кнопок «Искать», «Перейти», «Показать» и списков с прокруткой; популярным приемом был какой–нибудь провокационный вопрос, два варианта ответа на который представлены парой интерфейсных кнопок («Да» и «Нет», а иногда и что–нибудь позаковыристее, вроде «Конечно, хочу» и «За кого вы меня принимаете?»). Затем кому–то пришла в голову идея добавить к соблазну нажатия на кнопку — хоть и очень сильному, но все же не дающему стопроцентного эффекта — совершенно непреодолимый соблазн промотать, чтобы посмотреть, «что там дальше». Было время, когда чуть ли не большинство баннеров в русском Интернете украшались изображениями вертикальной полосы прокрутки вдоль правого края. К счастью, довольно скоро аудитория выработала иммунитет к этому патентованному снадобью, и сейчас его эффект, видимо, близок к нулю. Пожалуй, история этого изобретения —
Рис. 71 Баннер (и) довольно типичен для русского Интернета: он комбинирует два самых распространенных «муляжи» элементов интерфейсы — поле вводи с кнопкой поиска и полосу прокрутки вдоль правого края. Баннер (б), наоборот, без обмина и подвоха предлагает вам раскрыть самый настоящий выпадающий список, элементы которого разъясняют и конкретизируют основное содержание баннера
Характерно, что в англоязычном рекламном дизайне такого повального увлечения «нечестными» приемами не было, и вполне невинные намеки вроде интерфейсных кнопок с надписью «click here» встречаются только как исключение. Вместо этого весьма популярны составные баннеры, размещающие на баннерном прямоугольнике стандартного размера одну–две графические вставки и несколько настоящих кнопок, списков или полей ввода. Пользователь при этом может свободно разворачивать списки, устанавливать и сбрасывать флажки, писать в полях ввода и, разумеется, нажимать кнопки, получая от этого определенное удовольствие. Даже если завершающая кнопка в такой мини–форме ведет на одну и ту же статическую страницу вне зависимости от положения остальных переключателей или списков (а так оно чаще всего и бывает), пользователь чувствует себя при этом обманутым гораздо меньше, чем когда ему подсовывают откровенную бутафорию с «муляжами».
Очевидно, что, если только такой интерактивный баннер не вписан жестко и навсегда в исходный код страницы, программа, управляющая размещением рекламы, должна иметь возможность вставлять в страницу целые HTML-фрагменты, а не просто подставлять разные изображения по фиксированному URL. Пока что это возможно только с помощью SSI (стр. 71) или других технологий генерации страниц «на лету», поэтому программа управления баннерами должна обязательно стоять прямо на сервере, размещающем эту рекламу. Поскольку иметь собственный сервер могут позволить себе только достаточно крупные контент–сайты, рядовым сайтам и страницам приходится покупать интерактивные составные баннеры поштучно и развешивать их вручную.
Смена поколений. Даже самый пробивной баннер со временем неумолимо стареет, «намозоливает глаза» аудитории, и CTR его снижается. Разумеется, для англоязычной рекламы этот эффект «выгорания» выражен довольно слабо из–за большого объема аудитории и, соответственно, большого количества потенциальных заинтересовавшихся, Однако и там срок жизни баннера ограничен — подсчитано, что после приблизительно двухсот тысяч показов CTR баннера снижается вдвое. Понятно, что узость русскоязычной аудитории заставляет русские баннеры стариться гораздо быстрее — парадоксальным образом работа для сравнительно узкого круга требует здесь от создателей рекламы более (а не менее) интенсивного потока свежей продукции.
На килограмм живого веса. Последний в списке, но далеко не последний по важности фактор, оказывающий влияние на CTR баннера, — это объем графического файла в байтах: чем дольше загружается баннер, тем большая доля читателей страницы не дождется его полного проявления и, следовательно, будет навсегда потеряна для рекламодателя. На западных сайтах верхней границей размера для баннера формата 468х 60 считается 15 Кб, а на некоторых живущих за счет рекламы и потому стремящихся к максимальной эффективности контент–сайтах — даже и 10 Кб. В России, где пропускная способность интернетовских каналов заметно ниже, баннеру лучше не выходить за пределы 7–8 Кб. Для этого приходится прибегать к значительно более агрессивной, чем обычно, оптимизации графических файлов (стр. 252), в особенности для баннеров анимированных.
Совместить несовместимое — богатую анимацию и минимальный размер файла — в одном баннере очень сложно. Проще сделать это в серии баннеров, образующих спланированную рекламную кампанию. Если цель оправдывает затраченные средства, даже не очень крупные фирмы вполне могут добиться того, чтобы средний посетитель сайтов определенной тематики видел их баннеры не реже раза в день. В таких случаях выгодно выпустить одновременно серию близких по стилю и содержанию баннеров, различия между которыми позволили бы охватить максимально широкую аудиторию.
Очевидно, в первую очередь баннеры должны различаться начальными кадрами представления: если одного обязательно привлечет «мультик», то другого с большей вероятностью заинтересует текстовый вопрос на близкую ему тему. Кроме того, принадлежность баннеров к одной серии лучше раскрывать только в самом конце, чтобы не ослаблять внимание тех, кто, возможно, уже видел другие баннеры на ту же тему. Не менее важно варьировать баннеры серии по объему файлов, так чтобы самые легковесные экземпляры могли «зацепить» пользователей с медленной связью за счет быстрой загрузки, а «тяжеловесы» поражали бы качественной анимацией воображение тех, для кого время загрузки страницы значения не имеет.
Рис. 72Менее «агрессивный» вариант баннера на рис. 68, использующий иные средства для начального привлечения внимания
Рис. 73Самый простой и незамысловатый баннер из той же серии (см. рис. 68, 72)
Пример такой сбалансированной рекламной кампании — баннеры на рис. 72 и рис. 73, вместе с рис. 68 составляющие серию, одновременно «выпущенную в обращение» фирмой IBM для рекламы продукта под названием «Conference Tracker». Если баннер на рис. 68 весит без малого 15 Кб, то баннеру с рис. 72 хватает десяти, а объем рис. 73 — всего три с половиной килобайта. Очевидно, последний баннер имеет смысл только в контексте всей серии, так как сам по себе он не слишком интересен.
Acknowledgements. Кроме полноразмерных, часто сменяющихся рекламных баннеров, на первых страницах сайтов можно встретить особые «минибаннеры» (или попросту «кнопки»), обычный размер которых — 88х 31 пикселов. Большинство из них предназначено для несменяемых ссылок на сайты, которые автор, обычно на вполне добровольной основе, хотел бы порекомендовать своим посетителям. Нередко минибаннеры ссылаются на страницы тех программных продуктов, с помощью которых данный сайт был создан или (с точки зрения его автора) должен просматриваться, — бесчисленные «Powered by», «Created in» и «Best viewed with». Конечно, нет ничего плохого в том, чтобы поддержать бесплатной ссылкой производителей понравившейся вам программы. Однако по непонятной лично мне причине многие дизайнеры предпочитают вывешивать на своих сайтах кнопки именно тех двух фирм, которые вряд ли нуждаются в их рекламе, — Netscape и Microsoft. Утверждение, что данную страницу «лучше всего» смотреть в таком–то из броузеров, если и соответствует действительности, должно звучать скорее как признание автора в непрофессионализме — ведь, как я уже показывал, в большинстве случаев ничто не мешает сделать информацию сайта доступной для всех мыслимых броузеров и устройств воспроизведения. А какой именно из броузеров будет самым удобным для вашего пользователя — решать во всяком случае не вам. В тех же редких ситуациях, когда основное содержание сайта визуально по своей природе, корректнее ограничиться как можно более обшей формулировкой (например, «A browser with image display capability is recommended»), не пытаясь угнаться за быстро меняющейся броузерной модой.
ВИЗУАЛ
Нечто среднее между «декоративным пятном», тематической иллюстрацией и эмблемой, визуал (англ. visual) — главное оружие дизайнера в борьбе за внимание пресыщенного информацией посетителя. У фирм поменьше и победнее визуал на первой странице месяцами остается одним и тем же; в этом случае он обычно иллюстрирует постоянную основу деятельности фирмы, метафорически отражает ее название (пример 10) или рекламный лозунг. Более богатые и влиятельные фирмы, стремясь к тематическому разнообразию при сохранении общего стиля оформления, могут позволить себе регулярно менять визуал первой страницы вместе с относящимся к нему текстом — последними новостями, пресс–релизами, обзорами и т. п.