 |
 |
|
|
Как получить скидку создание сайта?
Ваша скидка зависит от того, насколько детально Вы предоставите техническое задание на разработку сайта. В этой публикации наши рекомендации о его составлении.
Рассмотрим структуру технического задания
Создание любого интернет сайта подразумевает три основных этапа:
1. Структурный дизайн сайта
2. Дизайн шаблона сайта
3. Программирование сайта
Структурный дизайн сайта предполагает:
Структура сайта может быть:
-
однородной (сайт организован по принципу вывода документа на страницу, при обращении к основному меню);
-
блочной (обращаясь к определенному разделу или документу сайта, кроме основного содержания выводятся информационные блоки, которые в свою очередь также являются элементами навигации). Самый характерный пример блочной структуры - главная страница большинства сайтов. На ней, как правило, выводятся новостные ленты, баннеры, рекламные и информационные анонсы и т.д.
Формирование структуры. При формировании структуры сайта необходимо определить его разделы, подразделы и документы, а также описать их свойства.
Пример
|
Структура
|
Характеристика
|
Свойства разделов и документов
|
| 1. О компании |
раздел |
Название (О компании), текст (наша компания...) |
| 1.1. История |
документ раздела 1 |
Название (История), анонс к тексту (компания основана в 2000г.), основной текст |
| 1.2. Миссия |
документ раздела 1 |
... |
| 1.3. Координаты |
документ раздела 1 |
... |
Разделы и документы также должны/могут содержать дополнительные служебные свойства (редактирование "мета" данных, дату, графические анонсы раздела/документа ...).
Описание вывода информации на страницах сайта определяет какие свойства документов/разделов будут выводиться на страницах сайта.
Описание навигации предполагает какие свойства документов/разделов могут являться ссылками и путь, ведущий на источник этих ссылок (ссылка).
Пример для однородной структуры
| Страница сайта |
Вывод данных |
1.О компании
1.1. История
1.2. Миссия
1.3. Координаты |
1.Меню сайта
2.Название + текст папки/документа |
Пример для блочной структуры
| Страница сайта |
Вывод данных / навигация |
| 1.О компании |
1.Меню сайта
2.Основной блок раздела: Название + текст
3.Дополнительные блоки:
3.1. Блок "Анонс документа История". Ссостоит из названия (История) + анонс к тексту. Ссылка ведет на страницу документа "история".
3.2. Блок "Анонс документа Мисия". Состоит из названия (Миссия) + анонс к тексту. Ссылка ведет на страницу документа "миссия".
3.3. Баннерная позиция. Графический элемент в виде ссылки, ведущей на страницу акции.
3.4. Блок "Координаты". Вывод основного текста из документа Координаты.
3.5. Блок "Лента новостей" В ленте 3-и последние публикаций со свойствами: дата, графический анонс, название, анонс документа. Ссылка ведет на страницу выбранной новости. |
| 1.1. История |
1.Меню сайта
2.Основной блок раздела: Название + анонс к тексту + текст
3.Дополнительные блоки:
3.1. Баннерная позиция. Графический элемент в виде ссылки, ведущей на страницу акции.
3.2. Блок "Координаты". Вывод основного текста из документа Координаты. |
| 1.2. Миссия |
... |
| 1.3. Координаты |
... |
Наглядный пример:
Мы рекомендуем следующий порядок формирования структурного дизайна:
1 Сформируйте структуру (дерево) сайта с характеристиками
2. Определите свойства Ваших документов.
3. Сформируйте страницу вывода документа самого последнего уровня
4. В последствии, формируйте страницы вывода разделов и подразделов. Так легче определить какие дополнительные блоки необходимо в них выводить.
5. Продумайте навигацию. При этом помните, желательно дать возможность пользователю попасть на любой раздел или документ как можно меньшим количеством кликов. Это особенно актуально для разделов и документов связанных с предметом вашей деятельности.
6. Желательно готовить ТЗ в виде блок схем.
Структурный дизайн является основой для работы web-дизайнера и программиста!
Дизайн шаблона сайта.
Для разработки шаблона необходимо помимо структурного дизайна, предоставить web-дизайнеру исходники с Вашим фирменным стилем (или заказать их разработку). Привести примеры сайтов, которые Вам нравятся и наоборот. Высказать свои идеи и пожелания относительно будущего дизайна.
Если предполагается использование динамичных элементов (флеш), необходимо предоставить сценарий к этому сюжету.
Кроме того, необходимо предоставить технические требования к дизайну: ширина сайта (ограничена ли она или сайт "резиновый"), есть ли ограничения по графике и ее объему, какие шрифты для контента желательно использовать и должен ли быть у них эффект сглаживания.
Программирование сайта.
Для программирования сайта, помимо структурного дизайна необходимо:
-
Указать сколько языковых версий предполагает Ваш сайт
-
Описать Ваши требования к системе управления сайта (CMS) (ваши возможности по добавлению и редактированию разделов, документов, графики, управлением вывода для блоков...). Либо запросите у разработчика описание возможностей CMS и дополнительных модулей и выберете наиболее оптимальный для Ваших потребностей вариант. Здесь можно ознакомиться с нашей CMS, ее версиями и функционалом.
-
Описать дополнительные функциональные возможности сайта и принципы их работы (каталог продукции, создание/редактирование веб форм, форум...)
-
Предоставить информацию о требованиях размещения сайтов на хостинге, если Вы планируете размещать его не на хостинге разработчика.
Резюме. Работа по составлению технического задания очень кропотливый и достаточно продолжительный процесс, требующий определенного опыта. На основании грамотного ТЗ разработка сайта продлиться гораздо быстрее. Посему у заказчика всегда есть право:
-
Самостоятельно взять на себя данную инициативу. Таким образом Вы избавляете специалистов web студии от некоторого объема работ, влияющего на стоимость проекта;
-
Довериться группе специалистов (за деньги разумеется), которые на основании Ваших общих пожеланий разработают техническое задание.
В нашей студии в процессе создания сайта (не шаблонного разумеется) кроме руководителя проекта задействованы три рабочие группы:
-
маркетологи
-
дизайнеры
-
программисты
За дополнительными консультациями обращайтесь к нашим специалистам
|
|
