Разработка технического задания по созданию веб-проекта.

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

    Техническое задание на разработку сайта (электронного издания) должно содержать следующие пункты:

1. Название сайта, компании, слоган. Основание для разработки. Указывается необходимость создания логотипа или его редизайн. Для создания логотипа и фирменного стиля необходимо привести описание миссии компании, предпочитаемые цвета, формы. В соответствии с этой информацией также может быть выбрано доменное имя сайта.

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

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

4. Тип сайта. Указать тип сайта – сайт-визитка, промосайт, интернет-магазин, портал, каталог, блог, форум, инфосайт, корпоративный сайт (или landing page), лонгрид и т. д. 

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

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

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

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

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

10. Описание страниц сайта. В пункте «структура сайта» перечисляются требуемые типы страниц. В этом разделе для каждой страницы приводится полное описание содержания страницы, включая дизайн и функциональность.

11. Графический и текстовый контент. Внешний вид сайта зависит от качественно сделанных фотографий продукции, организации и пр., грамотности предоставляемого контента для заполнения сайта. В этом разделе указывается минимальное / максимальное количество фотоматериала, источники его получения – авторская съемка, стоковые изображения, использование архивных съемок предприятия и т. п. В случае создания рисованных или мультипликационных фрагментов необходимо отдельно указать продолжительность и количество мультипликационных фрагментов, качество прорисовки графики. При возможности необходимо указать желаемые размеры текстовых и графических блоков по согласованию с заказчиком. Для текстового и графического контента указываются предпочтительные форматы и объемы.

12. Тестирование сайта. В данном разделе необходимо обозначить время на тестирование работоспособности и функционала сайта. Чем сложнее разрабатываемый проект, тем больше времени требуется на его тестирование и внесение доработок. В этом разделе рекомендуется привести данные и их характеристики для тестирования. Например, при десктопной версии ширина сайта не должна превышать 1140 пикселов, хедер и футер растягиваются по ширине экрана и одинаковы для всех страниц. В мобильной версии номер телефона должен быть кликабельным, т. е. при нажатии должна открываться панель ввода номера с уже набранным номером и кнопкой вызова. Меню – гамбургер, при нажатии открытие происходит сверху вниз. Горизонтальной прокрутки на страницах сайта не должно быть.

13. Размещение сайта на хостинге. Указываются условия размещения сайта, его поддержка и сопровождение. В случае необходимости постоянной поддержки сайта рекомендуется перечислить те виды работ, которые в нее будут входить. В зависимости от этого определяется сумма на поддержку, будет ли это ежемесячная абонентская плата или разовые платежи.

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

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