Текст книги "Корпоративный веб-сайт на 100%. Требуйте от сайта большего!"

64. Flash-версия веб-сайта

Adobe Flash (или просто Flash) – это определенный формат анимационных роликов, предназначенный для создания мультимедийного контента для платформы Adobe Engagement Platform. Как правило, на базе flash-технологий создаются веб-приложения, игры и мультфильмы.

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

Для большинства компаний flash-сайт имеет смысл делать только как одну из версий основного сайта

Особенно популярно использование flash для создания больших баннеров на первой странице сайта (например, можно посмотреть сайты www.sony.com, www.ibm.com). Отлично сделан flash-визард для выбора туристической поездки на сайте компании Belle Ville.

Минимальность применения flash-технологий на корпоративных сайтах объясняется целым рядом сложностей, которые важно учитывать:

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

♦ Flash-сайты гораздо менее «дружественны» по отношению к поисковикам, чем их «обычные» аналоги

♦ В Интернете есть множество «флешененавистников», которые сразу встанут в оппозицию к вашему сайту

♦ Flash-технологии делают невозможным использование некоторых стандартных способов навигации (например, кнопки «Назад» в браузерах), привычных многим пользователям

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

♦ Для запуска flash-ролика требуется установка специального плагина, который может отсутствовать или быть заблокирован из соображений безопасности на компьютере пользователя

♦ Flash-сайты в силу их нетрадиционности менее понятны неподготовленным пользователям

♦ Значительное количество flash-эффектов является просто бессмысленным и не приносит никакой дополнительной пользы посетителям

♦ Фактически отсутствуют полноценные системы управления контентом, ориентированные на подобные проекты. Это также существенно усложняет поддержку сайта

♦ Flash очень слабо приспособлен к работе с базами данных, что значительно осложняет создание интерактивных сайтов. Так, организовать с помощью ActionScript поиск в телефонной базе из сотен тысяч записей практически невозможно

При этом использование flash имеет и свои преимущества. Например, неизменность вида flash-ролика в зависимости от типа браузера или разрешения экрана, эффектность, запоминаемость и т. д. К тому же, flash-ролик можно целиком записать на CD или DVD.

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

• Flash-версией

• HTML-версией

Для большинства компаний flash-сайт имеет смысл делать только как одну из версий основного сайта (по аналогии с версией сайта для мобильных устройств). Исключение могут составлять рекламные и дизайн-студии, чья специфика работы часто диктует необходимость использования именно таких технологий. Примером может служить сайт мирового лидера flash-дизайна – компании 2AdvancedStudio (www.2advanced.com).

В среде веб-разработчиков flash-анимация рассматривается как один из видов специализации. Существуют компании, делающие акцент именно на таких услугах (например, студия Deluxe Interactive).

65. Версии сайта для мобильных устройств

Широкомасштабное внедрение мобильных устройств (сотовых телефонов, смартфонов, коммуникаторов, КПК и др.), имеющих встроенные браузеры для доступа в Интернет, привело к необходимости создания дополнительных версий сайтов, оптимизированных для «мобильных пользователей».

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

WAP-сайт

Протокол WAP (Wireless Application Protocol) позволяет просматривать с помощью мобильных устройств веб-страницы в текстовом режиме и с использованием гиперссылок. Более поздние версии данного протокола и развитие каналов передачи данных дали возможность использовать на WAP-сайтах иллюстрации.

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

В настоящее время лишь незначительное количество отечественных корпоративных сайтов имеют WAP-версии или самостоятельные WAP-проекты. Гораздо чаще создаются специализированные PDA-версии.

Виды WAP-сайтов:

♦ WAP-поисковики

♦ WAP-порталы операторов мобильной связи и провайдеров, предоставляющих доступ в Интернет с помощью мобильного телефона

♦ Персональные WAP-сайты

♦ WAP-сайты средств массовой информации и различных интернет-сервисов (погода, курсы валют, афиши и т. д.)

Создание WAP-сайта всегда предполагает разработку шаблонов оформления специально для него.

PDA-версия сайта

Если, по данным Департамента маркетинга, значительная часть Клиентов использует мобильные устройства для доступа к сайту, то для них имеет смысл создать PDA-версию сайта.

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

Проверить работу WAP/PDA-сайта вы можете по следующему контрольному списку:

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

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

♦ Наличие навигаций: «В начало», «В родительский раздел», «Предыдущее – следующее», в том числе, внизу на длинных экранах

♦ Строгое соответствие спецификациям W3C для мобильных протоколов и языков разметки

♦ Разбиение больших текстов на несколько страниц

♦ В случае, если источник данных для основной и WAP/PDA-версий сайта общий, – корректное преобразование всех выводимых тегов и встроенных объектов (изображений, Flash и т. п.) на мобильной версии из данных основной версии

66. Версия для печати

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

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

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

Любой сайт должен пройти испытание Браузером, Wordом и Принтером!

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

Аудит «версии для печати»

Проверить корректность «версии для печати» веб-страницы можно по следующему контрольному списку:

♦ Каждая страница должна содержать логотип компании и контактную информацию (в том числе, URL сайта, с которого страница распечатана)

♦ Важно убедиться, что страница корректно воспроизводится в черно-белом варианте (для распечатки на устаревших принтерах)

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

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

♦ В версии для печати должны отсутствовать рекламные баннеры (если не предусмотрено противоположное – включение баннеров в версии для печати)

♦ На странице не должно быть навигационных элементов сайта

♦ Контент должен приемлемым образом разбиваться на страницы стандартного формата (обычно А4)

♦ Если информация быстро устаревает, то должна быть проставлена дата генерации страницы

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

67. Промосайты

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

Для чего нужен промосайт

Решение о создании промосайта может быть обусловлено желанием решить одну из следующих задач:

♦ Продвижение продукта (товара, услуги), проекта или мероприятия

♦ Организация оперативной обратной связи с потребителями товара или услуги (опросы, анкеты, голосования)

♦ Максимально акцентированная демонстрация спецпредложений

♦ Формирование и поддержка бренда (довольно часто в ситуации вывода на рынок новой марки)

♦ Стимулирование продаж за счет интерактивных сервисов (розыгрыш призов, викторины, игры и т. д.)

Например, косметическая компания может открыть промосайт для отдельной линии или марки косметики. Так поступила компания L'Oreal, создавшая отдельный сайт для дерматологической марки «La Roche-Posay».

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

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

♦ Акцентирование внимания пользователей на одном аспекте деятельности компании (например, на каком-либо товаре или услуге)

♦ Предоставление исчерпывающей информации по конкретному товару или услуге (обычно в гораздо более богатом дизайне)

♦ Демонстрация продукта в формате интернет-презентации

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

Особенности

Как правило, промосайт имеет целый ряд особенностей:

♦ Является частью общей рекламной кампании

♦ Акцент делается не на количестве информации, а на способе ее подачи (здесь действует принцип «чем компактнее и визуальнее, тем лучше»)

♦ Заключает в себе эффектное и оригинальное дизайнерское решение (часто применяются flash-технологии)

♦ Требует максимально быстрого изготовления (не более месяца) и запуска

♦ Рассчитан на однократное/двукратное посещение пользователями

♦ Имеет ограниченный срок существования

♦ Требует проведения оперативного анализа результатов

♦ Имеет ограниченную аудиторию, которую всегда можно четко определить и отслеживать

♦ Располагается на субдомене типа www.action.namecompany.com

♦ Дает сильный, но краткосрочный результат в виде массового отклика Клиентов

Сильный эффект обеспечивает совмещение промосайта с рекламой вне Сети, а также с элементами вирусного маркетинга

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

68. Аудио

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

Для чего лучше использовать аудио

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

♦ Акцентирования свойств продукта (скажем, звук ревущего мотора в разделе, посвященном мотоциклам)

♦ «Очеловечивания» компании (например, путем выкладывания PR-службой аудиоверсий пресс-релизов или предоставления интервью с известными экспертами). Так поступает издательство «Манн, Иванов и Фербер», предлагающее послушать интервью со своими авторами

♦ Демонстрация предлагаемого аудиоконтента (например, фрагмента музыкальной композиции, выступления артиста или аудиокниги)

Звуковое сопровождение должно включаться только по запросу пользователя, а не запускаться автоматически

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

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

Способы работы с аудио

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

В первом случае в окне браузера присутствует мини-плеер с интерфейсом управления «play/pause» и т. д. Проигрывание начинается почти сразу после нажатия на «play», не дожидаясь полной загрузки аудиофайла на компьютер пользователя.

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

Как управлять подкастами

Часто подкасты сравнивают со своеобразным «корпоративным радио», вещание которого организовано в Сети. Например, книжное издательство может регулярно публиковать в виде подкастов интервью со своими авторами.

Оценить грамотность и эффективность работы с подкастами можно по следующему контрольному списку:

♦ Тематические аудиофайлы (то есть собственно подкасты) должны публиковаться достаточно регулярно (например, еженедельно)

♦ Каждый подкаст должен содержать элементы бренда (фирменные аудиоотбивки, название компании, «корпоративные голоса», слоганы и т. д.)

♦ Необходимо обеспечить автоматическую проверку обновлений с помощью технологий RSS

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

69. Видео

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

Как лучше использовать видео

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

При размещении видеоконтента на корпоративном сайте мы рекомендуем учитывать следующее:

♦ Ролик, как правило, должен иметь строго прикладной характер (гораздо реже используется имиджевое видео)

♦ Видео должно запускаться только «по запросу» (по желанию посетителя), а не по умолчанию

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

Великолепный пример использования видео можно найти на корпоративном сайте ОАО «Вымпелком» (бренд «Билайн»), предлагающем посмотреть видеоизображение генерального директора компании Александра Изосимова.

Способы предоставления видеоконтента

Видеоконтент может:

♦ Просматриваться прямо на веб-странице, динамически подгружаясь с сайта компании или других сайтов

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

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

Альтернативой размещению ролика на собственной площадке может быть «выкладывание» его на общедоступный видеохостинг (например, на www.YouTube.com или www.RuTube.ru)

Для всех перечисленных выше способов трансляции важно учитывать техническую доступность файлов для просмотра «среднестатистическим» пользователем (как правило, все файлы нужно сохранять в широко распространенных форматах, таких как. FLV, AVI, WMV, RM, MOV и др.).

Эпоха полноценного и эффективного использования видео в Интернете еще не наступила

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

Преимущества внешних видеохостингов

Размещение видеоконтента на внешних видеохостингах, например, на www.youtube.com, имеет целый ряд преимуществ:

♦ Бесплатное хранение и передача (при этом не возникнет необходимости тратить дисковое пространство на собственном хостинге и оплачивать лишний трафик, неся дополнительные финансовые расходы)

♦ Простота и скорость работы (фактически вам придется просто вставить сгенерированную видеохостингом ссылку в контент вашего сайта)

♦ Автоматическая конвертация интернет-сервисом файлов в необходимые для просмотра форматы (например, в формат flash-видео)

♦ Возможность использования внешних площадок в качестве инструментов для проведения распределенных фокус-групп (например, для тестирования рекламных роликов)

♦ Дополнительное продвижение вашего видеоконтента через каналы распространения видеохостинга

Из рецензий наших экспертов

70. Файлы «для загрузки»

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

Материалы «для загрузки»

В зависимости от специфики деятельности компании ее Клиентам могут потребоваться различные материалы «для загрузки», например:

♦ Прайс-листы на продукцию

♦ Руководства пользователя (например, инструкции по работе с цифровыми фотокамерами)

♦ Подборка отзывов и рекомендаций от Клиентов

♦ Спецификации, техническая документация

♦ Портфолио (список выполненных проектов)

♦ Электронная версия буклета «О компании» (можно сразу на первой странице)

♦ Пресс-релизы

♦ Видео– или аудиоархивы выступлений экспертов

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

Как грамотно предоставить файлы «для загрузки»

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

♦ Название ссылки на файл должно раскрывать его содержание (например, Прайс-лист на деревянных коньков-горбунков. doc)

♦ Для каждого файла должен быть указан его формат (желательно с помощью пиктограммы)

♦ Для каждого файла «для скачивания» необходимо указать его размер, чтобы пользователи могли представить себе объем материала и время скачивания

♦ Размер всех файлов должен быть оптимизирован (объемные материалы надо архивировать)

♦ Все файлы следует сохранять в широко распространенных форматах (.pdf, doc, docx, xls, xlsx, ppt и др.)

♦ Все файлы, содержащие официальные документы, следует подготовить к печати

♦ Все файлы должны быть проверены на вирусы

♦ Файлы, содержание которых запрещено для модификации, должны размещаться в форматах «только для чтения» (например, pdf, DJVU и т. п.)

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

♦ Хорошим тоном считается наличие рядом с файлом «для скачивания» ссылки на программу для его просмотра (например, ссылки на Adobe Reader для формата. pdf)

♦ Содержание файлов с документами должно быть оформлено в соответствии с требованиями фирменного стиля

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

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