Для чего нужно ТЗ

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

Конечно, можно обойтись и без ТЗ для разработки сайта, однако нецелесообразно так работать. Мало кто из области веб-разработки работает без технического задания.

Чем ТЗ помогает заказчику

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

Чем ТЗ помогает исполнителю

• разработка проекта значительно ускориТЗя
• четко понятно какова главная задача
• страхует от выполнения задач, которые не были согласованы

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

Однако следует отметить, что техническое задание никоим образом не может заменить договор. Это не одно и то же, даже не равноценно друг другу.

Техническое задание на разработку сайта – кто и как его создает

Лучшим вариантом является создание ТЗ заказчика вместе с исполнителем, таким образом, оба смогут поделиться своим видением проекта и тем, как он будет реализован. Однако обычно техническое задание создает исполнитель, (поскольку заказчик не разбирается во всех тонкостях создания сайта), объясняет все тонкости и детали и подает уже готовый документ на согласование заказчику.

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

Пример предварительного брифа на разработку сайта:

Пример структуры сайта:

1. Главная страница
2. Товары (каталог)
   2.1. Разделы
   2.1.1. Товар
   2.2. Корзина
   2.3. Заказ и его оформление
3. Новости/статьи
   3.1. Новость/статья
4. Акции/предложения
   4.1. Акция/предложение
5. Контакты
6. О нас
7. Доставка и оплата

Дополнительно в брифе заказчик должен предоставить информацию о своей компании: отрасль, ЦА, продажи и их специфика, каналы по которым привлекаются клиенты. Таким образом исполнитель будет иметь возможность понять, какие потребности имеет бизнес и как создать сайт, чтобы он отличался от конкурентов и удовлетворил пожелания клиента.

Пункты и примеры технического задания на сайте

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

Вопросы по организации

• Дедлайн сдачи сайта. Нельзя назвать оптимального термина до определения особенностей проекта, однако приблизительные термины можно. Разработка сайта на шаблоне может занять 2-4 недели. Если это лендинг на шаблоне, то термин еще сокращается. Однако, если сайт делается не из шаблона, а "с чистого листа" без существующего дизайна, со сложными функциями, то такая работа может занять минимум месяц.
• Объем работы в деталях. Сложность задач определяет объем работы. Лендинг с одной страницы и интернет-магазин (с привлечением поддержки сторонних сервисов) будут иметь разные задачи и соответственно разный объем работ для исполнителя.
• Этапы работы и подробное описание каждого из них. Сюда входят и программные движки и дизайн и главные разделы веб-сайта, содержимое, контент, доменное имя и особенности всего перечисленного.

Какие требования к сайту

1. Использование сайта и сценарий
2. Требования к структуре
   a. к навигации
   b. к дизайну
   c. к юзабилити сайта
   d. к функциональным возможностям
   e. к технологиям

Это достаточно обобщенный список, однако достаточный для понимания, что нужно иметь в ТЗ для разработки сайта.

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

1. Содержимое Главной страницы
2. Шапка
   2.1. Логотип (при нажатии ведет на главную страницу)
   2.2. Номера телефонов
   2.3. Поиск
   2.4. Корзина (указано количество избранных позиций и общая сумма)
   2.5. Обратная связь (кнопка)
3. Меню навигации
   3.1. Каталог (включая функцию выпадающего меню с блоками категорий
   3.2. Акции
   3.3. Оплата и доставка
   3.4. Блог
   3.5. Контакты

Подробнее о главных пунктах в ТЗ на разработку сайта

Программный двигатель

В техническом задании должно быть указано какой программный движок сайта есть в приоритете. Варианты:

• Wix или Tilda – SaaS-платформы (способ аренды программного обеспечения)
• framework (платформа для создания, шаблон) или самописный программный двигатель
• Wordpress, Drupal или OpenCart – CMS (система управления контентом, набор скриптов для создания, редактирования и управления им на сайте)

Для выбора соответствующего программного двигателя на помощь придут следующие вопросы:

1. Администрирование сайта. Кто будет заниматься? Профессиональный вебмастер или заказчик берет это на себя?
2. Публикация контента. Кто будет заниматься?
3. Обслуживание сайта. Кто будет обслуживать? Разработчик или заказчик берет это на себя?

Если у компании нет собственного разработчика, то лучше выбирать коробочные CMS. В свою очередь SaaS-сервисы своеобразны и более ограничены в типах сайтов, к которым могут применяться.

Самые популярные бесплатные CMS

Дизайн

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

• Шрифты: главные и второстепенные
• Тематика изображений
• Цвета: главные и второстепенные
• Сочетание цветов (которые можно и строго недопустимо)
• Визуальное пространство и его компоновка

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

Разделы на сайте

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

Примеры типов структуры: линейная и блочная

Навигация обычно стандартная, однако если есть особые пожелания, обязательно нужно указать их в ТЗ.

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

Содержимое страниц

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

Описание элементов содержимого страниц

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

Генерация страниц

В этом разделе нужно указать, какие особенности могут быть формируя служебные страницы такие как 404.

Фильтры

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

Интернет-магазин

Если в ТЗ есть интернет-магазин, то стоит обратить внимание на прописание оптимизации фильтров. Вариант требований для фильтров:

• Первый уровень страниц-фильтров или там, где пересекаются два и более параметра, нужно использовать статистические ссылки (URL должен быть семантическим). Также такие страницы должны иметь возможность настройки тегов, таких как Title, заголовки H1-H6, Description и Keywords собственноручно.
• Формируя URL-фильтры нужно продумать порядок, поскольку можно в результате столкнуться с ошибками и неработающими параметрами.
• Также будут полезны настройки индексации страниц-фильтров и корректная внутренняя перелинковка.

Контент

Если не прописать наличие контента при формировании технического задания, можно получить пустой сайт. Следует прописать этот момент в ТЗ на разработку сайта. Контент может предоставить как заказчик, так и исполнитель, прописав требования к текстам, фото и т.п. в техническом задании. (Интересно по теме контента: 10 основных правил создания высококачественного контента).

Технологии, которые должны поддерживаться

Требования по техническим особенностям к сайту следует прописать в отдельном списке. Для примера:

1. Мобильная версия и адаптивный шаблон
2. Верстка под все браузеры
3. Соответствие параметрам касательно:
   a. скорости загрузки основного контента (до 2,5 сек.)
   b. перемещение элементов в течение загрузки страницы (до 0,1 балла)
   c. ожидание первого взаимодействия с контентом (до 100 миллисек.)
4. Поисковая оптимизация главных страниц
5. Корректный код ответа сервера на всех страницах
6. Доступ через FTP
7. Семантический URL
8. Карта сайта

Имя и зона домена

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

Для избрания верного имени следует предоставить чек-лист с требованиями доменного имени:

1. Продающие слова в имени такие как kupi, sale и т.д.
2. Название компании в имени
3. Ключевые слова (желательно иметь список слов, которые можно использовать в доменном имени)
4. Тематика или категория доменного имени: реклама, продукты, спорт и т.д.

Хостинг-провайдер и требования к нему

На сколько будет доступен ваш сайт и на сколько будет бесперебойно работать, зависит от хостинга. Заполняя техническое задание следует указать следующее:

• тип - виртуальный, VPS или сервер
• быстрая установка CMS
• доступ по SSH, защита от DDoS-атак, backup
• статическая нагрузка на аккаунт (по плану)
• трафик (по плану: кол-во пользователей/сутки)
• файловый менеджер
• бесплатный перенос сайта