Оглавление

1. Что такое ТЗ для сайта
2. Техническое задание на сайт: польза для клиента
3. Техническое задание на разработку сайта: плюсы для исполнителя
4. ТЗ для сайта: пример того, что там должно быть, а что нет
5. Техзадание по сайту: структура разделов
6. Как составить техническое задание для сайта?

ТЗ для сайта: что это такое и кому оно нужно?

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

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

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

Цена разработки технического задания на сайт зависит от нескольких факторов:

• Тип сайта: сайт-каталог, лендинг, корпоративный, сайт для общения.
• Объем исходных данных. Чем меньше контента есть у заказчика, тем больше работы для отдела контента и это повышает стоимость проекта.
• Разработка фирменного стиля. Нужно это или нет – тоже вопрос цены.
• Необходимость СЕО оптимизации сайта. Это необходимо для эффективного продвижения ресурса в поисковой выдаче на топовые позиции, но не все клиенты это понимают и хотят оплачивать.
• Количество уникальных шаблонов страниц сайта – для каждого нужно тоже расписать техническое задание.
• Административная панель – она должна быть понятна и удобна как простому пользователю, так и контент-менеджеру.
• Подключение и интеграция внешних сервисов: E-mail, SMS, форма доставки, платежные системы, система учетов товаров, CRM. Может потребоваться разработка особенных интеграций, заточенных четко под нужды заказчика.

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

Что такое ТЗ для сайта

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

ТЗ по созданию сайта – это документ, который должен заверяться сторонами, он входит в проектную документацию.

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

В техзадании рассматриваются основные вопросы, связанные с разработкой сайта:

• Цель создаваемого web-ресурса – зачем он нужен, какие задачи он должен выполнять.
• Список пожеланий заказчика к дизайну.
• Проработанная структура сайта – в основе должно быть usability, то есть удобно для пользователя.
• Удобная навигация по страницам. Есть простое правило: из текущего места положения к главной странице или форме заказа пользователь должен иметь возможность добраться в 3 клика, не больше.
• Удобная и административная панель (CMS). Если управление сайтом будет выполняться самостоятельно, то следует прописать все требования к управлению.

По желанию заказчика, составление ТЗ проводится согласно требованиям ГОСТ 34.602-89 - «Техническое задание на создание автоматизированной системы», 19.201-78 - «Техническое задание. Требования к содержанию и оформлению».

В нашей компании TZ Profi мы делаем технические задания, по которым понятно, как сделать сайт, который хочет заказчик.

Техническое задание на сайт: польза для клиента

Грамотное, адекватное техническое задание на сайт – это польза не только для разработчика, но и клиента, потому что:

• Наглядно показывает, сколько все это будет стоить. Так как видно объем работ, сложность, сроки проекта, понятно, почему нужно за это заплатить столько-то денег.
• Хороший разработчик объяснит клиенту, какие его требования стоит внедрят, а какие нет, потому что это навредит сайту или будет пустой тратой бюджета. И это будет показатель его компетентности для клиента.
• Это защита от недобросовестных исполнителей. По техзаданию для разработки сайта можно проверить работу исполнителя и попросить внести обоснованные правки. А если заключен договор с подрядчиком, техническое задание может быть доказательством в судебных спорах.
• С техзаданием можно без ущерба для работы над проектом заменить исполнителя, потому что есть расписанный и утвержденный рабочий процесс, следующему разработчику понятно куда двигаться дальше.

Техническое задание на разработку сайта: плюсы для исполнителя

Команде девелоперов и контентщиков техническое задание на разработку сайта дает такие плюшки:

• Четкое понимание того, что в итоге хочет получить заказчик.
• Исключить бесконечные правки и «хотелки». Не редкость случаи, когда клиент захотел изменить что-то кардинально на средине проекта, но не хочет за это заплатить. Утвержденное ТЗ такие случаи исключает – есть документ, он подписан, по нему и делается все. Хотите по-другому? Окей, но давайте оплатим эту работу и составим новое ТЗ.
• Показатель компетентности исполнителя, понимания требований заказчика, навыки реализации проекта грамотно и по адекватной цене.
• Облегчение и ускорение процесса разработки. Тщательно составленное ТЗ уже содержит структуру сайта, все необходимые для его работы функции и дополнительные элементы на каждую из страниц. Соответственно, разработчику останется только реализовать все описанное + дизайн\вёрстка.

Мы в TZ Profi сделаем техзадание для сайта, которое понятно заказчику и исполнителю, не создает лишних вопросов, проблем, закрывает все задачи.

ТЗ для сайта: пример того, что там должно быть, а что нет

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

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

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

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

Техзадание по сайту: структура разделов

Общие сведения

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

Задачи сайта

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

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

Возможный сценарий по форме заказа для интернет-магазина:

Функции сайта

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

Например: для интернет-магазина – каталог с карточками товара, корзина, форма заказа, страница благодарности.

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

Определения и термины

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

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

Данные и списки

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

Разберем понятие «сущность» на примере новостного сайта. Здесь важно понимать, что такое сущность «новость». Стандартно – это материал, состоящий из заголовка, даты публикации, и текста.

Часто забывают про такой атрибут как анонс новости (небольшой текст, который показывается в списке). Добавить такой раздел просто, доработки будут незначительными.

Хуже, если в процессе разработки не будет добавлен атрибут «Категория новости». Простого решения такой задачи уже нет. Придётся добавлять дополнительную сущность, таблицы с категориями и дополнительные раздел в панели администрирования, а если сайт проиндексировался, то и применять редиректы для склеивания адресов.

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

Списки. Новость и список новостей – это не одно и тоже, программист такого может и не знать. При размещении на главной странице последних новостей из-за неточностей могут также возникать сложности.

Именно последние новости и являются в такой ситуации тем самым списком. Однако определение последних новостей может быть понято по-разному. Это может быть как 5 материалов, так и все публикации за последние сутки.

Чтобы техническое задание веб-сайта не содержало таких неточностей, нужно внимательно проработать атрибуты сущностей, как на примере ниже:

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

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

Описание страниц сайта

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

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

Описывать контент, который будет размещаться на странице в этом разделе не нужно, потому что ТЗ только на разработку. На контент и наполнение создается техзадание отдельно – это работа редактора проекта, сео-специалиста, копирайтеров и контент-менеджеров.

В этом разделе уместно разместить макет страниц, а если есть возможность, то сделать прототипирование:

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

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

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

Например, адаптивность и кроссабраузерность сайта может быть так указана в техзадании:

Обязательно в ТЗ нужно прописать работы по бэкапу сайта.

Требования к хостингу

От хостинга зависит работоспособность сайта. Например, проект написанный на Diango не получится загрузить на хостинг с PHP. Поэтому, следует сразу уточнить детали, иначе потом придётся переделывать все.

Наполнение контентом

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

Например, в техзадании это может быть отображено так:

Как составить техническое задание для сайта?

Если вы не руководитель веб-студии, разработчик или project-менеджер, то самому никак. Но, вы можете заполнить подробно бриф, на основе которого специалисты разработают ТЗ.

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

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

Можем разработать для вас техническую документацию и задания на иностранных языках, любого уровня сложности. Примеры наших работ можно увидеть здесь.

Чтобы заказать услуги или получить консультацию, напишите нам в форму обратной связи или на почту: order@tzgen.ru.