Создание Web-ресурса, ... Домой | Контакты

Описание курса
Содержание курса
План курса
Вопросы
Литература Интернет как типовой Инновационный проект в Америке - национальные информационные ресурсы,  информационные технологии  и мировой компьютерный рынок

... принципы формирования контента

Определение целей создания Web-ресурса

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

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

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

И в некоторых случаях - вполне возможно - при ответе на этот вопрос выяснится, что сайт не нужен.

Если в Сети уже есть аналогичные ресурсы, то требуется ответить на другой вопрос – «чем создаваемый ресурс будет отличаться от уже имеющихся в Сети Web-ресурсов?»

Определение целевой аудитории

Следующий этап создания Web-ресурса – моделирование целевой аудитории ресурса:

bullet

кто будет посетителем этого сайта?

bullet

какова предполагаемая численность этой аудитории?

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

Определение "портрета" посетителя сайта и предполагаемой численности этой аудитории - это, как правила, задача отдела маркетинга и продаж.

Разработка информационной структуры Web-ресурса

Типовые структуры корпоративных Web-сайтов, Интернет-магазинов, корпоративных порталов.

Информационная структура сайта может быть представлена в виде блок-схемы со связями между отдельными HTML-страницами или в виде таблицы. 

Типовая структура корпоративного Web-сайта компании.

 

Раздел

Содержание раздела

 

Главная страница

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

 

История компании

Информация о создателях компании, историческая справка, календарь ключевых дат.

 

Новости, пресс-релизы

Оперативная информация о текущей деятельности компании.

 

Пресса о компании

Подборка публикаций в оффлайновых и онлайновых издания о компании.

 

Участие в выставках, семинарах, конференциях

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

Программа, форма заявки на участие.

 

Адреса, телефоны компании

Полная контактная информация компании: адреса, телефоны, номера факсов, часы работы, фамилии контактных персон и их адреса электронной почты, общие адреса электронной почты, схемы проезда.

 

Направления деятельности

Общая информация о том, какими направлениями деятельности занимается компания: производство, поставка, оказание услуг, …

 

Услуги, оказываемые компаний

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

 

Реализованные проекты

Описание наиболее крупных заказов и внедренных систем (как правило, для сервисных компаний).

 

Каталог продукции компании

Иерархический каталог продукции компании.

 

Партнеры компании

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

 

Типовые документы

Договоры, заявки,

 

Образовательные программы компании

Программа обучения и повышения квалификации сотрудников.

 

Вакансии

Информация о вакансиях в компании, форма  предложения для отправки резюме кандидатов.

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

При разработке информационной структуры сайта определяется также набор интерактивных функций, которые будут реализованы на сайте:

bulletПоиск информации
bulletWeb-формы для отправки запросов, подписки на информационные материалы сайта

Постраничное описание Web-сайта

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

Пример:

Страница «Новость»

Ссылки на служебные разделы: «О компании», «E-mail», «Адреса», «Вакансии»

Главное меню раздела со ссылками на соответствующие страницы:

bullet

Логин, пароль

bullet

Каталог  продуктов

bullet

Прайс-лист

bullet

Новости

bullet

Объявления

bullet

Вопросы-ответы

bullet

E-mail

Текст новости.

Графические элементы оформления сайта

 

Поиск

Подписка

Принципы организации доступа к информации, навигация

  1. Простая и понятная навигация
  2. Наличие оптимальных по объему для восприятия пользователем пояснительных текстов
  3. Минимально возможный объем размещаемой графики
  4. Не всегда оправдано применение сложных мультимедийных технологий, предъявляющих высокие требования к пропускной способности каналов и производительности клиентских компьютеров (Flash-анимация, аудио-, видео-технологии, …)

Подходы к формированию Главной страницы корпоративного Web-сайта

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

При анализе главных страниц Web-сайтов российских и западных компаний были выявлены следующие типовые элементы:

  1. Элементы навигации по сайту.

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

  1. Новости – как правило, выносятся важнейшие новости.
  2. События – как правило, выносятся важнейшие.
  3. Ссылки на публикации о компании - как правило, выносятся важнейшие.
  4. Награды и другие сообщения маркетингового характера.
  5. Горячая тема(ы) – тема, событие, услуга, решения, которые компания считает наиболее важным с точки зрения маркетинга в данный момент. Для подачи горячей темы помимо текста может использоваться графическое решение – коллаж, фото и т.д.
  6. Заголовки материалов, размещенных на сайте.
  7. Точка зрения

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

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

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

Некоторые вопросы дизайна Web-ресурса

Графика и скорость загрузки.

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

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

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

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

Читайте также:

Как подготовить фото к WEBу

   

Организация работ с Web-дизайнерскими студиями

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

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

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

bulletна первом этапе заказчик понимает, что ему делать НЕ нужно
bulletна втором этапе заказчик понимает, что ему делать нужно
bulletна третьем этапе делается то, что нужно.

Для того, чтобы минимизировать затраты целесообразно еще до обращения в Web-дизайнерскую студию сделать макет Web-ресурса с помощью простых «подручных» средств HTML-редакторов, не требующих навыков работы с HTML, например, Microsoft Front Page.

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

Работа в рамках договора на разработку строится поэтапно по календарному плану.

Примерный календарный план работ по разработке Web-сайта

 

Наименование этапа

Срок исполнения

Форма отчетности

1.       

Разработка технического задания (ТЗ)

2-4 недели

Утвержденное сторонами ТЗ, акт сдачи-приемки работ по этапу.

2.       

Разработка дизайна сайта

2-3 недели

Графические файлы с экранными образами базовых страниц сайта (первая страница сайта, первые страницы разделов), акт сдачи-приемки работ по этапу.

3.       

Разработка шаблонов базовых страниц сайтов.

2 недели

HTML-файлы с шаблонам базовых страниц сайта, акт сдачи-приемки работ по этапу.

4.       

Подготовка и утверждение перечня и сроков передачи текстовых и графических материалов Исполнителю.

1 неделя

 

5.       

Редакционная обработка информационных материалов и обработка графических материалов. верстка «Раздела 1», размещение раздела на сервере с доступом из Интернет, тестирование.

Зависит от объема раздела

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

6.       

Редакционная обработка информационных материалов и обработка графических материалов. верстка «Раздела 2», размещение раздела на сервере с доступом из Интернет, тестирование.

Зависит от объема раздела

 

7.       

Окончательная сборка сайта, размещение сайта в Интернет, тестирование.

Зависит от объема сайта

Размещенный в Интернет сайт, копии электронных форм регистрации сайта, акт сдачи-приемки работ по договору.

8.       

Регистрация сайтов в поисковых системах и каталогах.

1 неделя

 

9.       

Приемка сайта Заказчиком

1 неделя

Акт сдачи приемки работ по договору.

 

Читайте также:

«Десять главных ошибок веб-менеджера»

Контрольные вопросы к разделу
 

Назад

Вперед

horizontal rule

Домой | Описание курса | Содержание курса | План курса | Вопросы | Литература

Курс "Контент-инжиниринг", editor@wdigest.ru.
© Кузнецов В.Ю., 2002-2009.
Последнее изменение: 14.05.2009.