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

Но, увы! Даже полный пересмотр сайта по всем темам этой книги – это только самое начало пути. Дойдя до первого финала, вы обязательно обнаружите, что необходимо начинать все с исходной точки. И так постоянно. Ведь даже компании, которые занимаются ТОЛЬКО своим сайтом (например, www.yahoo.com), осуществляют его полный пересмотр и редизайн раз в один – три года. К счастью, средний корпоративный сайт можно избавить от 90 % недостатков примерно за год напряженной работы.

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

На семинаре нас как-то спросили: «А можно ли достичь 100 %?» Мы думаем, что если вы проявите творческий подход (у нас есть темы, где требуется что-то ПРИДУМАТЬ!), то и 100 % вполне достижимо!

Тогда у вас получится самый вдохновенный маркетинговый инструмент, на который вы будете с гордостью давать ссылку, например, с расстановкой диктовать в телефонную трубку: «ввв… русская "Р"… "У" – „подковка“… снова русская "Р"… "С", как доллар… "И" с точечкой, затем русская "К"… точка „ру“»  Особенно нам нравится, конечно, «С», как «доллар» .

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

Всем ребятам пример

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

Мы готовим первый в мире видеосериал «Корпоративный веб-сайт на 100 %» с живым рассказом о лучших практиках сайтостроительства

С нашей стороны была единственная просьба: ограничиться сайтами компаний, входящих в список «Top400» по версии журнала «Эксперт». Мы искренне благодарны всем специалистам, откликнувшимся на нашу просьбу.

Beta-версия книги

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

Эта книга должна быть у каждого, кто занимается разработкой сайтов, у каждого, кто заказывает сайты и развивает их

Свои комментарии, пожелания и предложения вы можете оставить на сайте книги – www.webdevelopment.ru, и мы обязательно учтем их в следующей редакции. Там же вы найдете своеобразную виртуальную лабораторию, в которой постоянно накапливаются и обсуждаются новые материалы будущих изданий.

Мечта авторов

Мы хотели бы, чтобы наши читатели говорили: «Это первая удачная попытка компактно и практично рассказать о важных параметрах, которые должны быть у корпоративного веб-сайта». Скажете?

Роман Овчинников,

Сергей Сухов,

декабрь 2008 года

От издательства

Ваши замечания, предложения и вопросы отправляйте по адресу электронной почты [email protected] (издательство «Питер», московское отделение).

Мы будем рады узнать ваше мнение!

На сайте издательства http://www.piter.com вы найдете подробную информацию о наших книгах.

Почему нельзя реализовать все рекомендации?

Существует целая серия книг с общей темой «***Things to Do Before You Die» («Сделать столько-то чего-то прежде, чем умереть»). Например, «1000 мест, которые стоит увидеть, прежде чем умереть» или «100 дел, которые надо сделать, пока ты не сыграл в ящик».

Это вовсе не 100 тем, требования по которым надо реализовать на корпоративном сайте, пока вы не умерли

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

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

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

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

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

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

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

• сверхбыстрое развитие информационных и коммуникационных технологий, которое приводит к «мгновенному» устареванию любых решений. Это относится и к нашему материалу (именно поэтому на обложке книги стоит значок «beta»). Возможно, уже через 1–2 недели после выхода книги Сеть захлестнет волна инноваций, которые сделают многие рекомендации бессмысленными и банальными. Мы живем в эпоху сингулярности, когда невозможны никакие прогнозы!

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

Что же делать в таком случае? Читайте дальше нашу книгу.

Что такое корпоративный веб-сайт?

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

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

В среде веб-разработчиков словосочетание «корпоративный сайт» воспринимается как сложившееся и устойчивое понятие. Однако если задуматься над его содержанием, то появляется множество вопросов. Ведь очевидно, что корпоративный сайт небольшой компании «Квазимода и Сыновья», занимающейся продажей хлопушек в Тихуане, и корпоративные сайты Microsoft, Sony, Orange или IBM – это, как говорил известный сатирик, «две большие разницы». Тем не менее, множество принципов их проектирования, поддержки и развития являются сходными.

Из диалогов с Клиентами:

– Все ясно, вам нужен хороший корпоративный сайт.

– Нет, нам совсем простенький сайт требуется, а не корпоративный. Мы же не корпорация! Корпорации-то все в Америке

Мы говорим именно о таких – устоявшихся – принципах, обязательно указывая на имеющиеся нюансы, особенности и отличия. Без знания таких «мелочей» и «деталей» ваш проект, к сожалению, никогда не будет работать на 100 %.

Корпоративные сайты растворяются

Сегодня корпоративный веб-сайт стал частью единой информационной системы компании, включающей множество других сайтов и интегрированной с внешними и внутренними приложениями (например, с 1С или SAP R/3, мобильными сервисами, другими интернет-проектами).

Корпоративные сайты постепенно растворяются в единой коммуникационной среде

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

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

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

Веб-сайт на 100 %

Пожалуйста, поясните еще раз, как пользоваться этой книгой

Идея очень простая.

• Открываете любую тему из ста. Внимательно ее изучаете. При этом в тексте вам будут встречаться пункты, отмеченные «ромбиками» («♦»). Каждый такой пункт мы рекомендуем проанализировать на предмет его использования на сайте вашей компании.

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

• Затем подводите итог по всей теме, заполняя форму («Всего пунктов для проверки/Проверено») внизу страницы.

• Данные из этой формы переносите в табличку «Общий счетчик баллов».

• Далее переходите к следующей теме и т. д.

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

1. Поколения веб-сайтов

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

Первое поколение развития веб-сайтов (1994–1997). В Интернете начали появляться первые «статические сайты». Размещаемая на них текстовая информация никак не адаптировалась под особенности восприятия с экрана. Основу дизайна интерфейса составляла заставочная страница с обилием бесполезной графики.

1994–1997: основной встречный вопрос Клиента на предложение создать сайт: «А зачем мне этот участок на Марсе?»

Функционал фронт-офиса практически отсутствовал. Функционала бек-офиса еще не было. Интеграции с внешними и внутренними приложениями также еще не существовало.

Второе поколение (1998–2002). Появляется само понятие «динамический сайт на своей системе управления контентом». Это позволило расширить используемую среду до «Интернет + экстранет». Вся информация размещалась на сайте по-прежнему согласно «профессиональному видению» дизайнеров.

1998–2002: дизайн сайта ни с кем не согласовывался и являлся единственным правильным дизайном конкретного сайта

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

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

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

2003–2005: сайт начинает приносить реальную прибыль, это, в свою очередь, усиливает внимание целевой аудитории и снимает иллюзии относительно «легкости проектирования»

В дизайне – «начало поиска оптимума» – возникают идеи Веб 2.0. Функционал фронт-офиса насчитывает уже десятки модулей и сервисов. Активно развивается интеграция сайта со сторонними приложениями.

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

С 2006: эффективный минимализм – поиск оптимума, расширение и усложнение самого востребованного функционала

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

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

♦ Первое поколение

♦ Второе поколение

♦ Третье поколение

♦ Четвертое поколение

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

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

2. Концепция присутствия в Интернете

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

Концепция присутствия в Интернете должна быть частью общей стратегии развития компании, входить в ее план маркетинга. Она может быть представлена в очень разной форме. Нам приходилось видеть концепции, быстро набросанные на столовой салфетке. Встречались и развернутые трехсотстраничные документы, готовившиеся по 1,5–2 года (рекорд здесь принадлежит концепции, предоставленной нам ОАО «Газпром»). Но, пожалуй, одной из самых наглядных форм стал сорокапятиминутный видеофильм, в котором менеджер заказчика очень подробно рассказывал и показывал на прототипе все пожелания к проектируемому сайту. Фильм был снабжен скринкастами (записями действий на экране) и по уровню детальности проработки требований вполне мог заменить полноценное техническое задание.

Концепция является основой для составления брифа на разработку веб-сайта и технического задания

Обычно концепцию начинают готовить в двух ситуациях:

• при создании нового сайта (обычно вместо предыдущей устаревшей версии или при открытии нового бизнеса);

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

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

Короче говоря, вы должны убедиться, что написали свою книгу «1000 требований к моему сайту»

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

1. Общая стратегия развития веб-сайта

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

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

♦ Определен предполагаемый объем финансирования (бюджет разработки и поддержки)

♦ Рассмотрены различные способы получения прямых и косвенных доходов от владения веб-сайтом

♦ Составлен прогноз возврата инвестиций

♦ Сопоставлены потребительские характеристики сайтов-конкурентов, сделаны выводы об их сильных и слабых сторонах

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

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

♦ Предложены методы адаптации требований брендбука и Руководства по фирменному стилю для использования на веб-сайте

♦ Определены основные точки контакта с Клиентами (применительно к веб-сайту)

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

2. Целевые аудитории

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

♦ Определены и учтены требования всех целевых аудиторий (Клиентов, бизнес-партнеров, СМИ и т. д.)

♦ Определены основные сценарии поведения пользователей

♦ Составлен график проведения пользовательских тестирований

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

3. Дизайнерское решение

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

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

4. Функциональности и сервисы

♦ Определены наиболее полезные для посетителей сервисы

♦ Сформулированы требования к работе интернет-магазина

♦ Описаны стандарты работы закрытых сервисов для партнеров

♦ Составлены требования к организации обратной связи с посетителями сайта

♦ Определены требования к ведению электронной переписки и организации электронных рассылок с сайта

5. Контент

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

♦ Определены основные и вспомогательные способы навигации по сайту

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

6. Техническая инфраструктура

♦ Выбрано доменное имя (или доменные имена)

♦ Выбрана система управления контентом и прочее программное обеспечение

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

♦ Определено место корпоративного сайта в общей структуре веб-сайтов компании (в средах Интернет – экстранет – интранет)

♦ Определены общие требования к производительности веб-сайта

♦ Составлен список всех дополнительных версий сайта (обычно, WAP-версия и PDA-версия)

♦ Составлены требования к аппаратному обеспечению и критерии выбора хостинговой площадки

♦ Составлен план масштабирования сайта с учетом возрастания нагрузки и объема контента

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

♦ Составлен план обеспечения безопасности веб-сайта с учетом возможности его работы во внештатном режиме

7. Интеграция

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

8. Продвижение

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

♦ Сформулированы основные принципы продвижения веб-сайта в Сети

♦ Заданы базовые рекомендации по оптимизации сайта под требования поисковых систем

♦ Определены пути координации усилий по продвижению в онлайне и в офлайне

9. Создание, поддержка и развитие сайта

♦ Составлен план создания и/или модернизации сайта

♦ Сформулированы требования к команде разработки и/или поддержки

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

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

♦ Определен предполагаемый объем финансирования (бюджет разработки и поддержки)

♦ Найдены идеи и «фишки», которые должны вызвать повышенный интерес аудитории

10. Глоссарий (словарь терминов по заданной предметной области)

Без концепции

Ошибки в начале пути обходятся дороже всего

Часто задают вопрос: «А можно ли обойтись без создания концепции?» Ответ простой: «Конечно, можно. Но при этом много усилий будет потрачено нецеленаправленно. Потеряется фокус. Сайт не даст тех результатов, которые от него ожидаются».

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