Впервые сталкиваясь с понятием “техническое задание”, те, кто только погружается в IT, как и любую другую сферу, может недооценить важность этого этапа при работе с проектом. Если вы на словах договорились с клиентом о функционале и дизайне нового сайта, это не значит, что вы мыслите на одной волне. Существует вероятность того, что вы по-разному поняли задание, а на финальной стадии проекта, клиент увидит не то, на что он рассчитывал. Как результат - конфликт. Поэтому давайте детально разберёмся, что же такое “техническое задание” с чем его едят и “съедобен” ли он в целом как для разработчика, так и для клиента.
Что такое техзадание
Прежде чем переходить к более детальным моментам, давайте затронем азы. Для начала нужно разобраться в самом понятии “техническое задание”. Ведь ТЗ бывает разным, в зависимости от сферы деятельности. Техзадание - это утверждённый заказчиком и специалистами документ, в котором детально фиксируются все требования к сайту. Чем детальнее сформировано техническое задание - тем меньше риск недопонимания и недосказанностей.
Какие преимущества дает ТЗ заказчику и исполнителю
Разработка веб ресурса - процесс трудоемкий и сложный. Поэтому, во избежание потребности в постоянных изменениях и исправлениях, техническое задание может принести пользу как клиенту, так и разработчику, в результате чего, каждый останется в выигрыше.
Преимущества для заказчика
- Наличие четкой структуры. Клиент видит, как будет выглядеть его сайт в будущем, какие элементы будут находиться на его веб ресурсе, а также какая работа будет предприниматься исполнителями.
- Понимание бюджета. Заказчик сможет увидеть бюджет проекта в целом, а также детальную информацию по стоимости каждого процесса.
- Возможность уберечь себя от некомпетентных исполнителей. Техническое задание даёт возможность пройтись по всем пунктам после того, как разработчики предоставили вам готовый сайт. Вы сможете проверить, насколько эффективно был выполнен план и все ли пункты из ТЗ были учтены.
- Проверить компетентность исполнителя. Вряд ли у клиента возникнут претензии к тем, кто детально и понятно расписал техническое задание. Именно с помощью этого заказчик уже может легко убедиться в том, что он сделал правильный выбор и нанял специалистов, а не мошенников.
Преимущества для исполнителя
- Наличие продуманного плана. В интересах разработчиков расписывать техзадание по всем пунктам. Ведь этот документ может стать опорой во время создания сайта.
- Знание пожеланий клиента. Если ТЗ согласовано с клиентом, то в руках у исполнителя появляется некий путеводитель “хотелок” заказчика. Благодаря этому, разработчику не нужно будет каждый раз просить менеджера уточнять детали или же додумывать их самостоятельно (что очень не рекомендуется).
- Защита от “хотелок” клиента. Многим знакома ситуация, когда соглашение с клиентом было достигнуто, все детали обсуждены, а позже оказывается, что заказчик хотел еще “это, это и вот это”. Именно в таких ситуациях ТЗ становиться вашим “щитом”, ведь если оно согласовывалось с клиентом изначально и он утвердил все пожелания, вопросов возникать не должно.
- Маленький способ заработать. Многие уважающие себя компании также оплачивают работу по созданию технического задания, что является приятным бонусом.
Кто должен составлять техзадание: заказчик или исполнитель?
Здесь нет четких границ. Если клиент может грамотно оформить техническое задание и указать все свои пожелания, это упрощает работу исполнителю. С другой стороны, разработчик всегда может помочь клиенту в создании ТЗ, если у второго возникли проблемы во время этого процесса. В любом случае, гармоничное сотрудничество заказчика с исполнителем, и наоборот, обычно приводят к положительным результатам, где все остаются довольны.
Основные требования к стилю документа
Теперь, когда мы знаем, что такое техническое задание и какие его преимущества для каждой из сторон, давайте пройдемся по основным требованиям к документу. А требование здесь одно - пишите точно и ясно. Заливание воды по края приведёт к тому, что заказчик прочтет интересную пьесу в трех действиях, в конце которой задаст вопрос: “Интересно. А что по сайту?” ТЗ - это не художественное произведение, а спланированный до мелочей документ, где структурировано излагаются все моменты, касающиеся будущего сайта.
Какую информацию должно содержать техническое задание
Для создания веб ресурса требуется грамотно составленное техзадание. Оно должно состоять из важных пунктов, без фривольностей. Ниже мы предоставим список необходимой информации, которая точно не будет лишней и не испортит техническое задание, а, наоборот, сделает более презентабельным и понятным.
Общая информация: цели и задачи проекта
Не стоит пренебрегать общей информацией, так как в будущем над этим проектом могут работать не только разработчики, но также и маркетологи, SEO специалисты или менеджеры. Поэтому обязательно в нескольких предложениях укажите сферу деятельности компании и целевую аудиторию (ЦА).
Следующим шагом будет написание цели создания веб ресурса. Ведь если упустить этот момент, в конце можно легко перепутать зерно с камнем и создать блог, вместо интернет-магазина.
Внимание: не упустите этап пояснения различных сложных терминов, чтобы клиенту не приходилось искать информацию самостоятельно. Самообучение - всегда прекрасная идея, но клиент явно обратился к вам не за этим.
Требования к хостингу
Представим следующую ситуацию: вы согласовали техническое задание с клиентом, начали создание сайта, трудились над ним днями и ночами, при этом постоянно общались с заказчиком и показывали проделанную работу. Но в техническом задании вы забыли указать платформу, на которой планируется создание сайта. Есть два варианта развития событий:
- Клиент не обратит на это особого внимания, так как в выборе платформы он доверился именно вам.
- Окажется, что он планировал работать с совершенно другой платформой, а значит - ваши старания ушли ноутбуку под крышку.
Мораль - не забывайте о таких важных вещах. Всегда указывайте все платформы, библиотеки, движки, с которыми планируете работать.
Технические требования к сайту
Вроде бы для каждого специалиста требования к сайту являются очевидными. Но поставьте себя на место растерянного клиента, который уже приблизительно знает, что он хочет, но понятия не имеет, как это должно работать. Представили?
Не поленитесь указать в техническом задании, что веб сайт должен качественно отображаться во всех браузерах и на всех устройствах. Также стоит упомянуть о требованиям к скорости загрузки сайта, так как это влияет и на SEO продвижение.
Структура сайта
Указание структуры страниц в иерархической последовательности позволит более детально и ясно изобразить будущее построение сайта. Однако также не забудьте указать, какие элементы являются сквозными, а какие из них - уникальные страницы.
К сквозным элементам относим: шапку и подвал сайта, боковые панели, всплывающие формы и окна - те детали, которые появляются на каждой странице сайта. Уникальные же страницы называются именно так не спроста, поскольку они требуют больше затрат времени и сил со стороны дизайнера и разработчика. Именно на их базе будут создаваться, а также множиться страницы веб ресурса.
Пример описания страницы:
Страница услуги в каталоге. Состоит из сквозных элементов (шапка и подвал сайта), дополнительных блоков: боковой панели с фильтрацией услуг и списком услуг в конкретных категориях.
Макет каждой страницы
Общего описания страниц никогда не бывает достаточно для того, чтобы клиент кивнул и сказал: “Сойдёт! Делай”. Каждый заказчик хочет полностью вникнуть в задумку исполнителя. Именно для этого и требуются макеты каждой страницы сайта. Благодаря созданию прототипов страниц, клиент сможет самостоятельно изучить структуру своего будущего веб сайта и указать на то, что бы он хотел изменить или добавить, а что его полностью устраивает.
Функциональные особенности
Если у вас остались какие-либо функциональные особенности, которые сложно отнести к конкретной странице, выведите их в отдельном разделе. Очень популярным примером служит раздел комментариев. Детально опишите процесс модерации и публикации комментариев, укажите все, даже самые незначительные, элементы, которые будут присутствовать в этом разделе.
Требования к дизайну сайту
Клиент конечно же заинтересован в продуктивности и эффективности сайта, но давайте будем честны. Если вы разработали идеальную структуру ресурса, по скорости загрузки веб сайт порхает как бабочка, но дизайн выглядит как “слепили из того, что было”, клиент, в лучшем случае, помашет вам рукой, а в худшем - всё индивидуально.
Настоятельно рекомендуем забыть об опыте написания курсовых и дипломных, где воды больше, чем суши. Детально распишите дизайн сайта со всеми цветовыми решениями, шрифтами и стилем. Пример:
Блог:
- Фон сайта - белый.
- Фирменный цвет - синий.
В заключение
ТЗ для сайта - еще тот труд. Его создание требует времени, последовательности в работе, внимательности, а самое главное - опыта. Поэтому не останавливайтесь в совершенствовании навыков, ведь каждая ошибка действительно “дает по голове”, но, в то же время, и учит чему-то полезному. А наш небольшая инструкция по формированию технического задания станет опорой для вас, как хорошее техзадание - для исполнителя.
Основные разделы технического задания для сайта |
|
Разделы |
Что нужно указать с подробным описанием |
Общая информация |
Чем занимается компания |
Цели и задачи сайта | |
Целевая аудитория |
|
Тип сайта |
|
Технические требования |
Тип хостинга |
CMS сайта |
|
Используемые технологии |
|
Требования к работе сайта |
Кроссбраузерность |
Адаптивность к мобильным устройствам |
|
Производительность (скорость загрузки) сайта |
|
Требования к карте sitemap.xml |
|
Файл robots.txt |
|
Правила настройки 301 редиректа |
|
Настройка страницы 404 |
|
Требования к генерации URL |
|
Требования к валидности HTML кода |
|
Требования к каноническим страницам и страницам пагинации |
|
Микроразметка сайта |
|
Возможность задавать мета теги: H1, Title, Description вручную для каждой страниці |
|
Возможность генерации Title и Description по заданным шаблонам |
|
Возможность автогенерации атрибута Alt для изображений |
|
Наличие автоматической оптимизации изображений при добавлении на сайт |
|
Структура сайта |
Подробное описание структуры сайта |
Подробное описание каждого типа страниц |
|
Наличие форм и кнопок на страницах. С подробным описанием сценария их работы |
|
Дизайн сайта |
Требования к дизайну сайта |