В настоящее время нет каких-то установленных стандартов или нормативов по разработке концепции сайтов. Однако в любом случае при разработке концепции сайта рекомендуется сформулировать четкие ответы на перечисленные ниже вопросы.
1. Для чего необходимо создание сайта? Например, сайт может быть нужен для зарабатывания денег, для общения и досуга, для поиска работы, для представления компании (корпоративный сайт), для привлечения клиентов или увеличения их числа, для продвижения конкретного продукта или линейки продуктов, для технической поддержки, для интернет-торговли, и т. д.
2. Что будет получено в результате создания сайта? Ответ нужно сформулировать максимально конкретно: доход в размере столько-то рублей в месяц, увеличение числа клиентов на 20%, продажа нового продукта не менее чем на такую-то сумму в месяц, и т. п. Однако подобная конкретика возможна не всегда. Например, если вы создаете сайт, чтобы разместить на нем резюме и найти работу, можно поставить такую задачу: получение отклика не менее чем от 5 потенциальных работодателей в неделю (декаду, месяц, и т.п.). А для нового корпоративного сайта можно поставить задачу привлечения посетителей не менее 50 человек в день.
3. В чем состоят основные функции будущего интернет-ресурса? Например, сайт должен содержать всю интересующую посетителей информацию, предоставлять возможность связи с владельцем ресурса или администрацией сайта, иметь механизмы регистрации и авторизации, обеспечивать дополнительный сервис для зарегистрированных пользователей, и т. п.
4. Что требуется для создания сайта, а также для его последующего обслуживания, поддержки и администрирования? Например, нужно столько-то денег (заплатить за хостинг, и т.п.), один веб-программист, один дизайнер, высокоскоростной канал связи, программное обеспечение для разработки и администрирования сайтов (кстати, с некоторыми такими программами мы познакомимся ниже, в соответствующих главах книги), и т. п.
5. Что будет утрачено в случае, если результат создания интернет-ресурса не оправдает ожиданий? Например, не окупятся затраты на создание сайта в сумме 1000 долларов, предприятие не получит 20 новых потенциальных клиентов в месяц, товары для интернет-магазина «зависнут» на складе, и т. д. И при этом необходимо оценить, насколько тяжелыми окажутся для вас возможные последствия низкой эффективности будущего веб-ресурса.
Отметим, что содержимое и состав концепции сайта, а также степень проработки некоторых ее пунктов во многом определяется спецификой текущей ситуации, в частности – масштабностью и сложностью проекта, его конечными целями, и т. д.
Существует несколько типичных ошибок, допускаемых большинством неопытных веб-разработчиков и администраторов веб-ресурсов. Наиболее известная из них – нежелание составлять подробную концепцию будущего сайта или отношение к этому важнейшему этапу «спустя рукава». Результатом подобной беспечности всегда является практически нерабочий веб-ресурс, не вызывающий никакого интереса у посетителей, и являющийся совершенно бесполезным с коммерческой точки зрения. В конечном итоге получается так, что время и средства на создание сайта были потрачены абсолютно впустую.
Еще одна распространенная ошибка состоит в том, что при разработке концепции сайта его владелец (или тот, кто занимается разработкой) исходит из своего представления ситуации. Такой подход является в корне неправильным: руководствоваться следует в первую очередь потребностями, пожеланиями и ожиданиями будущей аудитории сайта. Иначе говоря, нужно уметь представить себя на месте потенциального посетителя сайта и ответить на вопрос: зачем и для чего ему может понадобиться быть полезен данный веб-ресурс? Так что учтите: без предварительного анализа интернет-рынка, проведения соответствующих исследований (для масштабных проектов может потребоваться помощь специалистов – маркетологов, аналитиков, и т.п.), ваш веб-ресурс имеет не очень много шансов стать успешным, эффективным и прибыльным проектом.
Также типичной ошибкой малоопытных веб-разработчиков и администраторов веб-ресурсов является отказ от проведения предварительных исследований по причине экономии денег и времени. Помните: лучше заранее потратить определенную часть ресурсов (финансовых, временн
ы
Одним из важных этапов при разработке концепции сайта является четкое представление его функциональности. При этом необходимо определить перечень программных продуктов и компонентов, которые позволят обеспечить удовлетворение предъявляемых требований к функционалу и возможностям веб-ресурса. Например, определитесь с тем, нужна ли вам форма регистрации и авторизации пользователей, система автоматической рассылки электронных почтовых сообщений, механизм автоматического расчета цены товаров, и т. п.
Информационное наполнение (контент) сайта
Ключевым элементом любого сайта является его информационное наполнение – контент. Ведь посетители приходят на веб-ресурс в первую очередь за информацией, поэтому сайт должен отличаться грамотным, тщательно выверенным и профессионально написанным контентом. При этом представленный на сайте текст должен не только доносить до посетителей информацию, но и заинтересовывать их, а также мотивировать к сотрудничеству, покупке, партнерству или хотя бы знакомству. Исключением в данном случае могут являться лишь специфические веб-ресурсы – вроде сервиса бесплатной почты.
При планировании информационного наполнения сайта важно определить тип и формат представления данных. Будет ли контент представлять собой только текст, либо в него будут добавлены графические объекты, звуковые файлы, Flash-элементы и т.п.? Какие страницы будут включены в состав веб-ресурса – только статические HTML-страницы или динамические, генерируемые на основании сформированных пользователем запросов? Отметим, что характерной особенностью динамичных страниц является то, что они предоставляют посетителю именно те сведения, которые его интересуют, причем именно в той форме, которая для данного посетителя является наиболее удобной для восприятия.
Также необходимо заранее продумать такой вопрос, как структурирование содержащейся на сайте информации, иначе говоря – какие разделы будет включать в себя данный веб-ресурс. Отметим, что сортировать и разделять информацию можно по разным критериям, например:
•
•
•
•
•
•
Помимо перечисленных, для структурирования информационного наполнения сайта можно применять и иные критерии – в зависимости от специфики и направленности конкретного веб-ресурса.
Еще один немаловажный момент – это объем представленной на сайте информации. Этот параметр может выражаться в стандартных страницах (например, 30 страниц формата А4), однако данный показатель нельзя признать объективным: ведь многое зависит, в частности, от ширины строк, от размера шрифта, и т. п. А вот наиболее точным критерием для оценки количества текстового контента является его измерение в количестве печатных знаков (обычно – в тысячах печатных знаков). Данный показатель можно использовать в двух вариантах: с учетом пробелов или без учета пробелов.
Также необходимо заранее предусмотреть количество иных элементов контента: графических объектов, таблиц, мультимедийных файлов, и т.д., а также порядок из размещения и представления на сайте. Причем данный процесс можно формализовать – например, определив, что после каждых 2000 – 3000 знаков текста обязательно должен следовать рисунок, анимационный файл либо иной объект.
СОВЕТ
Однообразный текст на сайте может выглядеть скучно и неинтересно, поэтому в большинстве случаев рекомендуется «оживить» его какими-либо элементами (рисунками, анимацией, и т.п.). Помните, что текст с экрана монитора читать труднее, чем текст, представленный на бумажном носителе. Но и слишком злоупотреблять «разбавлением» текста не стоит, иначе контент будет выглядеть слишком «пестро», а это всегда мешает сосредоточиться.
Важный момент – источник появления контента. Сразу определитесь – вы будете готовить его самостоятельно или для этого необходимо привлечение сторонних специалистов (копирайтеров, писателей, журналистов и т.п.)? В последнем случае необходимо заранее предусмотреть сумму, которую вы согласны потратить на оплату услуг наемных работников.
СОВЕТ
В настоящее время существует немало виртуальных магазинов и бирж интернет-контента, где можно дешево купить подходящий текст. Наиболее популярными такими биржами в настоящее время являются ресурсы www.textsale.ru и www.advego.ru. Расчеты за купленные материалы осуществляются через систему WebMoney (www.webmoney.ru), при этом биржа берет определенный процент за каждую купленную/проданную статью.
В зависимости от того, какой объем информации будет представлен на сайте и каким образом это информационное наполнение структурировано и отсортировано, определяется механизм навигации по сайту. Одним из ключевых требований, предъявляемых к системе навигации, является то, что она должна быть очевидной и интуитивно понятной посетителям с любым уровнем подготовки. В общем случае система навигации должна:
•
•
•
В настоящее время веб-разработчики используют разные инструменты для навигации по сайту. Лучше всего, если на сайте будет сразу несколько разных инструментов навигации, дублирующих друг друга. При этом каждый такой инструмент должен быть удобным для определенной аудитории, а также для осуществления разных типов поиска данных. Наиболее распространенными навигационными инструментами являются:
•
Меню
•
Раскрывающийся список
•
Карта сайта
•
Back and Forward
Вперед
Назад
Next
Back
Далее
Возврат
Далее
Возврат
•
Система поиска
Еще одним ключевым моментом при планировании информационного наполнения сайта является способ подачи материала. Характерной особенностью Интернета как средства массовой информации является то, что здесь очень важно максимально быстро завоевать внимание посетителей: ведь буквально одним щелчком мыши посетитель может моментально перейти на конкурирующий веб-ресурс.
Поэтому уже на главной странице сайта посетитель должен иметь возможность быстро оценить, что представляет собой данный веб-ресурс и чем он может быть полезен или интересен. Повышению привлекательности сайта во многом способствует размещение на его главной странице анонсов новостных сообщений, информации о новых направлениях деятельности компании, актуальных маркетинговых программах и т. п. Такого рода сведения всегда полезны, в частности, для постоянных посетителей сайта, поскольку они стимулируют посетителей возвращаться на этот веб-ресурс вновь и вновь. Кроме этого, подобная мобильность свидетельствует о динамичном развитии веб-ресурса и, если это корпоративный портал – о развитии компании.
При конструировании сайтов нередко применяется пирамидальный способ представления данных. Сущность его заключается в том, что вначале следует главная информация, а далее – подробности. Характерный пример – новостные ленты: на них почти всегда вначале идет заголовок и небольшой анонс, и если посетителю данное сообщение интересно – он щелкает мышью на ссылке
Далее
Если предполагается, что посетитель будет читать предложенную информацию с экрана – рекомендуется не делать страницы слишком большими, а подавать материал «порционно». А вот что касается материалов, находящихся в разделах «Версия для печати», то их дробить не стоит, а лучше подавать всю информацию сразу в полном объеме.
По мере возможности старайтесь конструировать страницы сайта таким образом, чтобы они загружались максимально быстро. Иначе говоря, они не должны быть слишком «тяжелыми»: ведь далеко не все посетители имеют высокоскоростной Интернет, и если страница будет неоправданно долго загружаться – человек может просто не дождаться ее отображения, и попросту уйдет на другой веб-ресурс. Поэтому рекомендуется не злоупотреблять графическими, анимационными, мультимедийными и иными объектами, которые могут «утяжелить» страницу. А те подобные объекты, использование которых необходимо, следует максимально оптимизировать.
Правилом хорошего тона считается использование на сайте механизма персонализации контента. Он позволит посетителю самостоятельно формировать состав интересующие его сведений и способ их подачи. В частности, он сможет выбирать для просмотра только интересующие его анонсы и новости, определять их оформление, представление на странице, и т. д.
Одним из ключевых требований к информационному наполнению сайта является его восприимчивость. И здесь одна из ключевых ролей отводится дизайну веб-ресурса, который в общем случае представляет собой графическое воплощение сайта. Хороший дизайн должен органично дополнять общую концепцию и направленность веб-ресурса. Отметим, что в настоящее время существует немало дизайнерских приемов, которые обеспечивают легкость восприятия содержащейся на сайте информации, а также способны акцентировать внимание посетителя на определенных участках этой информации.
Понятие статической и динамической веб-страницы
Ранее мы уже кратко говорили о том, что представляют собой статические и динамические веб-страницы. В данном же разделе мы рассмотрим этот вопрос более детально.
Название статической страницы говорит само за себя: на такой странице представлена статичная, постоянная и не изменяющаяся информация. Вернее, изменить-то ее можно, но для этого необходимо внести соответствующие корректировки в программный код страницы.
Обычно файл статической страницы имеет HTML-формат. Веб-разработчик пишет HTML-код, формируя при этом информационное наполнение сайта, файлу присваивается имя, после чего страница загружается на веб-сервер и становится доступной пользователям Интернета. Например, на корпоративном сайте статическая страница может содержать сведения о об истории компании, основных направлениях ее деятельности, и т. п. Отметим, что начинать свои первые опыты в области веб-разработки следует именно с создания статических веб-страниц. Более подробно об этом мы поговорим в главе, посвященной основам веб-программирования с помощью языка HTML.
ПРИМЕЧАНИЕ
Адрес страницы, написанной на языке HTML, будет заканчиваться символами
html
, следующими после точки.Принципиальное отличие динамической веб-страницы от статической состоит в том, что ее содержимое является не постоянным, а может изменяться. Оно формируется в зависимости от пожеланий пользователя, а точнее – на основании запросов, созданных посетителям и отправленным на веб-сервер. Как мы уже отмечали ранее, наиболее типичный пример динамической веб-страницы – это страница с результатами поиска, выданными поисковой системой (тем же www.google.ru) на основании отправленного пользователем поискового запроса. Еще один характерный пример использования веб-страниц – интернет-магазины: посетитель с помощью опций указывает, какой товар и с какими свойствами его интересует, отправляет запрос (для этого обычно предназначена соответствующая кнопка –