Разработка сайтов в Ярославле
c 2001 года
Более 20 лет опыта!
и другие преимущества
(4852) 58-66-40

Что необходимо знать заказчику сайта.

Итак, вы решили что вам нужен сайт. А для чего он вам нужен? Для того, чтобы напечатать адрес на визитке и говорить знакомым «А у моей фирмы тоже есть сайт!». Или потому что у конкурентов есть и вроде тоже надо? Или слышали, что у «продвинутых» компаний обязательно должен быть сайт, но не представляете, что это такое? Пожалуйста, откажитесь от привычных представлений о визуальной рекламе. Интернет-сайт это не рекламный плакат и не видеоролик по ТВ. Это не бумажный рекламный буклет. Не подходите к нему с теми же требованиями и задачами. Это новый инструмент ведения бизнеса 21 века. Он решает другие задачи, выглядит и работает иначе.

Наша задача - сделать для вас удобный, современный, грамотный и эффективный (приносящий прибыль) сайт. Мы заинтересованы в этом. Успех вашего сайта – это и наш успех.

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

Сайт, как дом, должен строиться по заранее утвержденному плану – техническому заданию. Представьте, что будет, если строительная фирма начнет строить дом, руководствуясь лишь желанием заказчика его иметь. Вначале он хочет 3-х этажный, с 2 башенками, потом увидит у одного соседа симпатичный балкончик, и попросит ему приделать такой же, когда сделаны 3 этажа, ему захочется лифт, и строители будут ломать потолки и ставить лифт. Потом попросит доделать 4 этаж с тайным ходом из подвала. А на 1 этаже объединить 3 комнаты в 1 зал. Потом ему перестанут нравиться башенки…. И так до бесконечности. В результате, если такой дом и будет построен, то и выглядеть он будет нелепо, да и скорее всего сразу рухнет.

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

Очень «приятно» работать с заказчиками, которые хотят «ну мне типа сайт, чтобы здесь все круто, здесь все супер, здесь чтобы видеоролик как в рекламе сникерса, ну где они там на экскаваторах, вот здесь как на этом сайте, здесь как на том, вот эту фишечку вставьте, а еще вот у меня есть буклетики рекламные 15 фирм, все это на мой сайт забейте…. И обязательно на главной странице большую картинку с надписью “Добро пожаловать на сайт” ». Без комментариев.

Этапы составления ТЗ

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

2. Определитесь со структурой сайта. Она должна быть четкой, простой и понятной пользователю. Разделите информацию и сервисы в разделы, разделы на подразделы и т.д. Постарайтесь не делать слишком глубокой вложенности разделов, не более 4 уровней. Оптимально, для среднего сайта, чтобы любая страница была на 2-3 уровне. (Главная / Раздел 1 / Подраздел 1 / Документ 1). Существует так называемое правило «трех кликов» - посетитель сайта должен найти нужную ему информацию, кликнув не более 3 раз по меню сайта. В случае, если пользователь «зароется» в нагромождении разных меню и подменю, либо если структура сайта и способ навигации ему не понятны, он быстро уйдет с сайта, не найдя нужной информации. И больше не вернется.

3. Определитесь, какую информацию и в каком виде будут содержать разделы, какова логика работы раздела и соответственно пользователя с ним. Например, в разделе «О компании» необходим раздел «Дипломы и сертификаты» Диплом (сертификат) представляет собой сканированную картинку, размером, например, 400х600 пикселов. А у компании таких сертификатов 7, а дипломов 8 и в будущем будут новые. Помещать на одной странице 15 больших картинок некрасиво и нецелесообразно. Значит структура и логика раздела пусть будет следующая: Вначале на странице пусть идет подзаголовок «Дипломы» под ним уменьшенные копии дипломов (100х150), по 3 в 1 ряду, под каждой картинкой подпись с названием и датой. Далее идет подзаголовок «Сертификаты», и под ним также ряды уменьшенных копий сертификатов. Нажав на интересующую картинку, в новом открывшемся окне пользователь увидит изображение диплома в полный размер. Заранее определитесь, нужна ли возможность добавления и редактирования подзаголовков раздела. Например, если в последствии к «Дипломам» и «Сертификатам» вы захотите самостоятельно добавить «Патенты», то такая возможность должна быть также предусмотрена в техническом задании.

4. Определиться с дизайном. Основные цвета, расположение элементов дизайна, навигации. Что будет на главной странице, как будут выглядеть другие разделы и страницы. Как говорил известный Web-дизайнер Артемий Лебедев о простоте дизайна сайта – «Дизайн должен быть простым». Пользователь пришел на ваш сайт за информацией. Не стоит прятать ее даже за очень красивыми ‘наворотами’ – все должно быть легко и стильно, пользователя не должны отвлекать многочисленные видеоролики и мелькающие баннеры. Навигация должна быть одинаковой или очень похожей на всех разделах сайта. Цвета должны быть приятны для глаза, не быть слишком яркими. Текст контрастным. Наиболее читабелен черный или темно-серый цвет шрифта на белом фоне.

Составление ТЗ – это совместная работа заказчика и студии. Вы говорите, что хотите иметь на сайте, а мы, на основании опыта, целесообразности и удобства предлагаем варианты исполнения. Утвержденные варианты прописываются в ТЗ, и работа над сайтом идет по этим утвержденным планам. Если уже во время разработки сайта у вас появятся новые идеи о дополнениях и изменениях, то тут есть варианты:

1. Изменения легко осуществимы и на их внесение требуются минимальные затраты времени. Делаются бесплатно.

2. Изменения возможны, но требуются затраты времени и сил, переделка уже сделанного. Составляется отдельный документ – приложение к ТЗ, оговаривается стоимость.

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

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

Условия популярности сайта.

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

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

Структура сайта должна быть грамотно продумана и удобна.

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

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

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

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

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

Долго грузится, каждый раз раздражая этим посетителей.

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

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

Каталог товаров/услуг

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

Оптимальна по объему, т.е. ее должно быть именно столько, чтобы заинтересовать потенциального покупателя, дать всю основную информацию о товаре, не заставляя прочитывать 10 страниц текста. Например, если фирма занимается продажей холодильников, крайностями будут два случая:

1. Просто список марок холодильников, в лучшем случае с указанием цены.

2. Максимально подробное описание каждой модели, полностью помещенная на сайт инструкция по эксплуатации, со всеми схемами и рисунками, возможными неисправностями и.т.

В первом случае, ваш сайт скорее всего просто не найдут в Интернете, поскольку информации слишком мало. А если и найдут, то покупатель не сможет определиться, купить ему у вас холодильник Stinol или Indesit, поскольку цена ему вряд ли что скажет, и он уйдет на сайт вашего конкурента.

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

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

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

Например, в том же случае с холодильниками, удобно создать каталог с заданной степенью вложенности, равной 2 :

Каталог / Производитель / Тип холодильника / Модель

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

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

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

  • 2-3 фотографии;
  • Набор параметров, по которым пользователь сможет производить поиск (марка, цена, цвет, объем, высота, объем морозильной камеры…. продавцы холодильников я думаю назовут и другие);
  • Дополнительные параметры – потребляемая мощность, тип электропитания, шумность, вес и др.;
  • Список функций;
  • Текстовое описание – 1 -2 страницы.
  • При необходимости, полное техническое описание и инструкции можно прикрепить в виде скачиваемого файла в архиве, кому интересно – скачает и почитает.

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

Оформление и дизайн

Цвета. Внешний вид сайта пожалуйста проверяйте на современном, 19-21 дюймовом мониторе, плоском, корректно отображающем цвета, в разрешении 1400x900. На тусклом, выпуклом, 14-15 дюймовом мониторе с разрешением 800х600 любой сайт будет выглядеть крайне непривлекательно. Особенно, если при просмотре на таком мониторе, заказчик просит сделать цвета поярче. У него они может и станут поярче, но у остальных пользователей с нормальными мониторами глаза будет резать от крикливо-ярких цветов.

Т.е. сайт наиболее «красиво» должен отображаться в разрешении 1440x900, но и при уменьшении до 1024х768 он должен отображаться корректно – т.е. без нижней полосы прокрутки экрана. Возможно при этом он будет менее привлекателен, но четверть посетителей увидят нужную информацию. И исходя из того, что разрешение мониторов у людей разное, и отображаться сайт может в окнах разного размера, не стоит подходить к внешнему виду сайта как к статичной картинке. Дизайн меняется при изменении размера окна, а это накладывает свои ограничения, по этому с пониманием относитесь к словам разработчиков, что такую-то деталь дизайна ставить не удобно, она не будет всегда корректно отображаться. Полагайтесь на их опыт.

Помните, сайт делают не для вас, а для его посетителей – ваших потенциальных клиентов. По этому при согласовании дизайна ориентируйтесь не только на свое мнение, спросите, что думают о предложенном варианте еще хотя бы 10-15 человек. Если 70%-90% из них дизайн нравится, а расположение и логика навигации понятна, значит сайт понравится и большинству посетителей. И полагайтесь на мнение профессионалов. Если люди делают сайты не один год, значит они разбираются в этом деле, знают, как правильно, как не правильно. Ведь приходя, скажем в строительную фирму, вы не будете инженеров учить, как проектировать дом, просто выскажете свои пожелания, а как это правильно реализовать – их дело.