Техническое задание на разработку сайта: пример, образец и требования
Взаимопонимание между заказчиком и исполнителем — гарант эффективного сотрудничества и хорошего результата.
Увы, заказчики небольших проектов часто оставляют этот пункт без внимания, ограничиваясь общим описанием задачи. В этой статье мы расскажем, почему не стоит так делать, как правильно составить ТЗ и зачем это в принципе нужно.
Для чего нужно техническое задание
Техническое задание на разработку сайта — документ, необходимый обеим сторонам: он упрощает жизнь и заказчику, и исполнителю. Тому есть несколько обоснований.
Позволяет избежать недопонимания. Восприятие один и тех же понятий может кардинально различаться у разных людей. Эпитеты «красивый», «удобный» и «функциональный»:
- Абсолютно неинформативны.
- Могут трактоваться по-разному.
Если описывать задачу подобным образом, представления о результате у исполнителя и заказчика с большой долей вероятности просто не совпадут. Это чревато ухудшением взаимоотношений: одна сторона будет считать, что не получила хорошего результата и зря потратила деньги, другая — что её используют для постоянных правок из-за непонятных капризов.
Подробное ТЗ с объяснением каждой детали не оставит места для субъективной оценки.
- Экономит время и бюджет. Этот пункт вытекает из предыдущего — постоянные правки отнимают драгоценное время, а иногда требуют доплаты, если задача описана в общих чертах и может трактоваться по-разному.
- Даёт эффективный результат. Работа над техническим заданием позволяет увидеть задачу со стороны и лучше понять её. Это понимание, в свою очередь, позволяет чётче определить необходимую функциональность.
- Гарантирует результат. Если согласованное ТЗ конкретно и объективно описывает задачу, исполнитель обязан следовать ему и любые несоответствия корректировать бесплатно.
Как видите, этот этап подготовки имеет колоссальное значение, поэтому им не стоит пренебрегать.
Кто составляет техническое задание
Фактически ТЗ на разработку сайта может составляться самим заказчиком, но вот качество документа в таком случае остаётся под вопросом. Будет лучше, если за дело возьмётся опытный человек — например, проект-менеджер: так вы не только получите задание, но и сможете проверить компетентность разработчика.
Если задание путанное, наполнено туманными объяснениями с минимальной конкретикой, это повод задуматься о профессионализме выбранной компании. Это спасёт вас от бесперспективного сотрудничества.
В идеале заказчик и разработчик работают сообща. Вы набрасываете черновой вариант, в котором описываете основные критерии будущего проекта — потом этот документ станет основной для чистовой версии.
Большую же часть работы берёт на себя исполнитель. Опытный проект-менеджер знает, из каких этапов состоит работа над сайтом, поэтому сможет оформить ТЗ лучше владельца бизнеса, который рискует упустить какие-то нюансы.
Разработчик может предложить вам заполнить — анкету с наиболее существенными на его взгляд вопросами. После согласования техническое задание утверждается и используется по прямому назначению.
Формат и структура технического задания
Формат и структура ТЗ на разработку сайта могут варьироваться, но есть несколько общих правил оформления. Им стоит следовать — это упрощает и написание, и трактование, и, в последующем, разработку сайта.
Формат технического задания
Техническое задание: полное руководство + шаблон (уникальный)
Решили заказать сайт (он же лендинг)? Как показывает практика, это не так просто. Сотни заказчиков, увидев свой готовый сайт, обнаруживают, что он им не подходит: дизайн не тот, расположение хромает, тексты мимо, прикрутили кучу ненужных функций.
А дальше – начинаются долгие разборки с разработчиками, по мере которых сроки изготовления, бюджет проекта и градус нервного напряжения растёт до неопределённых масштабов.
Чтобы таких последствий избежать, Вам необходимо техническое задание на разработку сайта.
чТО ЭТО И ЗАЧЕМ НУЖНО
Неважно, кто будет исполнителем сайта – Вы сами, Ваш родственник, фрилансеры за скромную оплату, специализированная компания за огромную сумму денег…
Техническое задание на сайт должно быть. Оно станет Вашим щитом, в этот документ Вы, в случае чего, сможете ткнуть пальцем недобросовестному разработчику и потребовать привести Ваш сайт в соответствие с ним.
Техническое задание (коротко “ТЗ”) – это документ, который максимально подробно и однозначно отражает требования к Вашему будущему сайту.
Сайт создают именно на основе ТЗ. Чем более подробным и однозначным оно будет, тем больше Ваш новый сайт будет соответствовать Вашим ожиданиям.
ТЗ на создание сайта – как закон, не должно допускать трактовок и разночтений.
Всё, что не прописано в ТЗ разработчик делает на своё усмотрение. И, как показывает практика, его усмотрение сплошь и рядом не будет совпадать с Вашим.
1. Кто пишет ТЗ
Кто должен составлять техническое задание на разработку сайта? На этот вопрос есть только два варианта ответа: заказчик или исполнитель.
И это логично, кроме одной тонкости – смысл в составлении ТЗ для Вас и для разработчика разный, а от этого разные подходы и требования к нему.
Ваши цели:
- Понять, какой именно сайт Вам нужен;
- Зафиксировать бюджет (иначе Вам потом выставят счёт, мама не горюй);
- Контролировать разработчика (сроки, объём работ, функционал, переделки и т.д.).
Цель разработчика:
- Понять и с первой попытки удовлетворить заявленные Вами пожелания;
- Избежать бесплатных доработок и корректировок.
Таким образом, Вы оба – и заказчик, и исполнитель сайта, заинтересованы прийти к максимальному пониманию.
Поэтому не торопитесь, ведь если у Вас появятся новые идеи по функционалу и дизайну, после подписания техзадания на разработку сайта, то разработчик вправе попросить за них дополнительную плату.
2. Бриф на разработку сайта
Плюс в том, что добросовестные разработчики сайтов тоже не заинтересованы в появлении разногласий с клиентом, поэтому, скорее всего, сами предложат Вам утвердить и подписать техническое задание для сайта.
И даже сами его составят. В этом нет ничего плохого. Но не спешите подмахнуть, не читая, иначе техническое задание потеряет всякий смысл, и Вы закажете кота в мешке.
- ТЗ на разработку сайта можно составить только на основе Ваших пожеланий и никак иначе.
- Самый простой и эффективный способ выяснить эти пожелания, к которому чаще всего и прибегают, – предложить Вам заполнить бриф на разработку сайта, который в дальнейшем преобразуется в техническое задание.
- Бриф – это анкета с вопросами о содержании, дизайне, технических возможностях Вашего будущего сайта.
- Конечно, подробно заполненный бриф, подписанный двумя сторонами, может заменить техническое задание.
- Ведь это практически то же самое, разница лишь в том, что бриф это Ваше видение, а техническое задание это финальный документ на основе Вашего брифа и самих комментариев разработчика.
Если отдельные пункты вызывают затруднения, то не стесняйтесь задавать разработчику вопросы по типу “Что это значит?”, “Как это повлияет на работу моего сайта?”, так как не все разработчики под одним понимают то же самое, что и Вы.
Либо в графе “Дополнительная информация” обязательно укажите все Ваши пожелания, не вошедшие в ответы на вопросы. Если эта графа отсутствует, просто допишите их в конце брифа. Главное не оставлять недосказанности.
Ещё не определились, кому доверить создание Вашего сайта? Можно написать техническое задание самому, разослать его нескольким потенциальным исполнителям и сравнить их ценовые предложения.
Имейте ввиду, что у Вас получится только основа, набросок технического задания.
Оно обязательно должно вызвать у потенциального разработчика массу вопросов, отвечая на которые, Вы будете вносить в ТЗ подробности и нюансы.
В последствии техническое задание будет неоднократно редактироваться обеими сторонами. Это нормальный рабочий процесс.
И чтобы Вы не ломали голову и не создавали самолёт заново, ниже я покажу Вам пример технического задания, уже заполненного. Если же Вам нужен сразу шаблон для отправки, то просто скачайте его по этой ссылке.
| Пункт технического задания | Что писать? | Пример заполнения |
| БИЗНЕС-ТРЕБОВАНИЯ | ||
| Информация о компании | Название, товары, услуги, род деятельности, дата создания, знаки отличия и достижения, основные конкуренты | Компания “Брандмейстер”. Поставка пожарного оборудования. Основана в 2018 году. Лауреат премии “Партнёр года”. Конкуренты “ПожСервис”, “ПожАвтоматика” |
| Целевая аудитория | Максимально подробно опишите людей, которых Вы хотите видеть в роли посетителей Вашего сайта – социально-демографические признаки, привычки, увлечения, географию проживания – всё, что знаете. И не забудьте продумать, зачем они будут приходить на Ваш сайт(найти полезную информацию, пообщаться, узнать новости и т.д.). Какую их проблемуон сможет решить.Если целевая аудитория большая, её нужно сегментировать и рассказывать о каждом сегменте. | Лица, занимающие должность ответственного по пожарной безопасности на крупных предприятиях.Мужчины от 35 до 55 лет.С высшим техническим (преимущественно пожарным) образованием.Проживающие и работающие на юге России.Со средним доходом 35 000 — 50 000 тысяч рублей в месяц.Имеют собственное жильё и личный автомобиль.Семейные, есть дети.Работают по графику Пн-Пт 9:00-18:00.Проблема целевой аудитории: плохое знание нормативных документов по необходимому оснащению предприятий пожарным оборудованием.Решение: благодаря статьям из блога пользователи, не углубляясь в чтение законов и нормативов, поймут, какое оборудование и в каких количествах должно быть на их предприятии. |
| Цели сайта | Какого целевого действия Вы хотите добиться от посетителей сайта – сделать онлайн-заказ, подписаться на рассылку, позвонить к Вам в офис или что-то другое. Если целей несколько – пишите их все.Это очень важный, буквально ключевой пункт, потому что именно целям сайта должен быть подчинен и функционал, и дизайн, и любой контент – всё на сайте. | 1. Подписаться на рассылку по нашим акциям и предложениям.2. Запрашивать наш прайс или цены на отдельные позиции при закупке товара. |
| Анализ существующего сайта | Ссылка на него и что в нём хорошо, а что плохо | Ссылка.ruОтсутствие возможности редактирования и обновления информации.Скучный дизайн.Нет форм обратной связи. |
| НЕФУНКЦИОНАЛЬНЫЕ ТРЕБОВАНИЯ | ||
| Предварительная структура сайта | Какие разделы обязательно должны быть | Главная (о компании, география работы, текущие акции); Каталог; Блог; Новости; Акции; Контакты |
| Примерная структура страниц | Какие элементы должны присутствовать на страницах, как размещаться | Строка поиска по сайту; Телефон горячей линии; Диалоговое окно с менеджером; Текущие акции; В боковом меню: список разделов каталога; Форма подписки на рассылку |
| Требования к дизайну и оформлению | Шрифты, цвета, стилистика, наличие/отсутствие незаполненного пространства | Сайт в строгом деловом стиле.Корпоративные цвета красный и серый. Красный используется в качестве принта. Оттенки светло-серого как основной фоновый.Фотографии – насыщенные цветные, иллюстрирующие процесс использования оборудования в деле.Предпочтительные шрифты: Bravo; Yanone Kaffeesatz; Intro Condensed или похожие. |
| Имеющиеся материалы | Ссылки на понравившиеся сайты, а также буклеты, журналы, фотографии – что угодно, а может быть у Вас есть готовый бренд-бук. | Прилагается отдельным архивом. |
| Минимальное разрешение и устройства отображения | В этом пункте укажите, с каких устройств предполагается просматривать сайт – ПК, ноутбуков, смартфонов… | Мониторы ПК от 19 до 27 дюймов; Ноутбуки от 15,6 до 17,3 дюйма; Смартфоны от 3,5 до 6 дюймов; Планшеты от 7 до 12 дюймов |
| Нужна ли мобильная версия? | Да | |
| ФУНКЦИОНАЛЬНЫЕ ТРЕБОВАНИЯ | ||
| Примерный набор модулей (для пользователей) | В этом разделе нужно перечислить все функциональные возможности, которые Вы хотите видеть на сайте. Это может быть корзина, фильтры каталога по разным параметрам, возможность сделать онлайн-заказ, оставить заявку на обратный звонок, подписаться на рассылку и любые другие опции | Фильтры каталога по цене, по алфавиту, по производителю.Личный кабинет с историей заказов и просмотров.Автоматическое формирование счёта.Онлайн консультация.Подписка на рассылку.Возможность заказать обратный звонок.Калькулятор стоимости. |
| Возможности администрирования | Здесь нужно описать, какие текущие изменения Вы (или Ваш сотрудник) планируете самостоятельно вносить в работу будущего сайта, не прибегая к помощи разработчика.После завершения работы, попросите научить Вас производить эти изменения. | Возможность создания/удаления/редактирования карточки товара, акций, новостей.Возможность редактирования контактов, добавления/удаления дополнительных офисов. |
| Подключение платёжных систем и служб доставок | Желательно указать, каких именно. | Нужна рекомендация разработчика |
| Интеграция с CRM, 1С и другими программами | Интеграция с Мегапланом и 1С. | |
| ОБЗОР ИНТЕРНЕТ-РЕСУРСОВ | ||
| Обзор | Лучше всего делать в формате: ссылка – что именно по этой ссылке нравится/категорически не нравится | adme.ru— Развертывание менюtobiafran.com — Анимация загрузкиanotherstate.co — Шрифты |
| ДОПОЛНИТЕЛЬНО | ||
| Вопросы к разработчику | Если у Вас есть, о чём спросить предполагаемого исполнителя Вашего сайта, лучше задать их письменно и получить ответ в той же форме. | |
| Дополнительные пожелания | В этот пункт можно включить, если осталось что-то, не вошедшее ни в один предыдущий раздел ТЗ. |
Предпроектное проектирование
- Этот пункт является неотъемлемой частью технического задания на создание сайта, хотя фактически он к нему не относится.
- Дело в том, что после того как Вы заполнили бриф, подписали техническое задание и разработчик изучил всё это (включая рынок и конкурентов), то он делает предпроектное проектирование.
- Предпроектное проектирование – это создание прототипа Вашего сайта, его скелета, который потом будет обрастать дизайном, контентом и функционалом с фишечками.
- Происходит это после договора, потому что создать хороший прототип, не изучив всё о компании, рынке и конкуренции невозможно.
- А так как этот процесс занимает не один день, то логично, что компании, которые делают проектирование до договора, просто показывают Вам шаблон в формате “как у всех”.
- И да, сам прототип можно сделать с помощью обычных листов бумаги и цветных фломастеров.
Каждый лист – отдельная страница сайта (или экран одностраничника).
Либо можно воспользоваться простыми офисными программами вроде Microsoft World или Microsoft Excel.
Лично мы при разработке landing page используем специальные программные продукты.
С их помощью можно быстро и легко составлять проекты даже сложных сайтов – это, например, Balsamiq. Впрочем, как мы делаем весь прототип уже рассказывали в статье.
Предпроектным проектированием можно заняться совместно с разработчиком или полностью переложить это на его плечи. Главное, не забудьте, потом его согласовать и подписать двумя сторонами.
Интересно. Не забудьте установить на сайт систему комментирования. Так пользователи смогут делиться своим мнением и даже подталкивать к покупкам других посетителей (а еще это положительно влияет на SEO). Кликайте и узнавайте подробнее -> Сackle
Лайфхаки по составлению тз
Эти пункты в равной степени относятся как к заполнению брифа, так и к составлению технического задания. И в них я открою Вам небольшие хитрости, как составить тз для сайта и облегчить, и без того сложную жизнь предпринимателя:
1. Где взять сайты-образцы
Хорошим помощником могут стать широко представленные в сети рейтинги и ТОПы Интернет-ресурсов.
Например, ресурс allawards.ru подойдёт для этих целей. Здесь собирают лучшие, с точки зрения юзабилити, дизайна, креатива и эффективности сайты.
Кроме того, можно создавать собственные подборки и коллекции из понравившихся сайтов, что очень удобно в нашем случае.
allawards.ru
Хорошая практика – посмотреть иностранные сайты по Вашему направлению, потому что технологии интернет-маркетинга за рубежом слегка опережают в развитии наши, и там можно будет найти интересные фишки.
Но слепо не копируйте, наш российский менталитет всё-таки отличается и это не просто слова.
2. Как определить цветовую гамму
Задача облегчается, если у Вас есть готовый бренд-бук или чёткий фирменный стиль.
В обратном случае не стоит руководствоваться исключительно собственными эстетическими предпочтениями, иначе Вы рискуете стать его единственным пользователем.
Тз на разработку сайта образец бланк
Перед тем, как приступить разработчику к исполнению заказа, надо составить план действия и определить точно конечную картину, которая должна быть в результате работы.
Это именно тот итог, который желает видеть заказчик. Но порой короткой формулировки заказа не хватает, чтобы ясно себе представлять ожидания заказчика.
Необходимость ТЗ на разработку сайта
Для этого существуют технические задания, цель которых как можно подробнее описать желаемый результат заказчика, чтобы по итогу работы избежать спорных и конфликтных ситуаций с клиентом.
Каждый исполнитель должен ценить свое время и умения, поэтому так необходимо избежать возможных разногласий и обмана надежд клиента. Ведь когда выяснится, что результат проделанной работы совершенно не тот, то исполнителю придется потратить дополнительное время на переделку.
Также техническое задание важно для точного определения бюджета и сроков работы. Поэтому, сделав вывод, можно сказать, что задача любого технического задания – это свести к минимальной разницу в желании заказчика и представлении итоговой работы исполнителем.
- Правила составления технического задания
- Техническое задание является документом, и неотъемлемой частью самого договора заказчика с клиентом.
- Поэтому при его создании необходимо учитывать ряд моментов:
-
В нем должны быть указаны данные и критерии, которые подлежат объективной оценке. То есть никаких пространных фраз, а только четкие формулировки, которые позволят по итогу оценить проделанную работу. Можно сделать вывод, что техническое задание не используется для описания дизайна, ввиду того, что не может быть объективно оценен.
-
Формулировки в тексте должны быть закрытыми, то есть представлять собой как можно более конкретные пределы работы исполнителя.
-
Один из принципов работы исполнителя в данной сфере сводится к тому, что заказчик должен описать свои желания, но он не обязан знать каким образом будет достигнут результат. Иными словами, все ты нюансы, которые не упомянуты в задании, выполняются на усмотрение исполнителя. Данную фразу будет не лишним поместить в текст технического задания, в заключительную его часть.
-
Являясь документом, техническое задание должно содержать в себе корректные и грамотные формулировки, соответствующие формату документа. А также текст не должен содержать ошибок и опечаток.
-
Техническое задание официально выдается заказчиком проекта, соответственно составляется от его имени, но фактически пишет его исполнитель. Так как только профессионал может предусмотреть все тонкости и нюансы порученного ему дела.
Ниже расположен типовой бланк и образец ТЗ на разработку сайта, вариант которого можно скачать бесплатно.
Пример ТЗ на разработку сайта: универсальные пункты и образец составления
Как думаете, легко ли развивать сайт, который сделан по объявлению вроде: «Сайт за 500 грн.», «Сайт за 1000 руб.»?
Обычно, вы получите простой набор HTML-файлов, который даже может сработать в некоторых тематиках (с редко меняющимся контентом), но в 99% случаев для хорошего трафика вам понадобится хотя бы базовый функционал для оптимизации. Лучше предусмотреть его в ТЗ сайта сразу, а не когда спустя время, вам нужно будет прописать метатеги или обновить какую-либо информацию, и окажется, что сайт статичный и редактора для изменения содержимого попросту нет.
Кроме того, только владелец сайта и оптимизаторы знают, на чём должны быть сделаны акценты для повышения конверсии. Но как сделать так, чтобы и дизайнеры, и программисты и верстальщики поняли вас как можно корректнее и реализовали все планы и идеи?
В нашем блоге мы уже рассказывали о том, как написать техническое задание для программиста с описанием его структуры, а этот раз покажем на примере, что должно быть в ТЗ на создание сайта, чтобы ожидания совпали с реальностью.
Но сначала расскажем, что вообще такое техзадание для сайта и как его написать, чтобы вы могли адаптировать наш шаблон под свою тематику и цели.
Что такое тз для сайта и зачем оно нужно
- Техническое задание на разработку сайта — это документ, который содержит общую информацию про компанию, её цели, а также требования к структуре, оформлению и наполнению будущего сайта.
- По сути это рецепт, в котором расписаны все нужные ингредиенты, способ и инструменты для их приготовления, а также показан ожидаемый результат.
- Конкретные его пункты мы рассмотрим ниже.
- От брифа ТЗ отличается тем, что оно гораздо более детализировано, благодаря чему можно:
- Сэкономить время и бюджет. Чем детальнее расписаны требования и инструкции, тем проще и быстрее их внедрить.
- Гарантировать результат. Документ фиксирует все работы, а потому недобросовестного исполнителя можно привлечь к ответственности. Или наоборот, разработчику требовать доплату за сверхурочные работы.
- Повысить эффективность сотрудничества. В процессе написания ТЗ заказчик и исполнитель оговаривают все важные моменты, что позволяет посмотреть на ситуацию с другой стороны и избежать недопонимания.
Кто составляет задание на создание сайта?
Написать техническое задание на разработку может любая сторона, но нужно помнить что главная его цель — обеспечить взаимопонимание.
Например, заказчику ТЗ позволяет:
- Понять, на что используется бюджет.
- Удостовериться в компетентности исполнителя.
- Контролировать сроки и полноту выполнения работ.
- Быстро передать проект другой команде в случае ненадёжности исполнителя.
Для исполнителя же техзадание полезно тем, что:
- Можно понять желания и виденье заказчика, чтобы сразу удовлетворить его.
- Облегчить процесс разработки.
- Застраховаться от внезапных хотелок клиента.
В идеале, если они будут работать сообща: владелец бизнеса описывает критерии будущего проекта, а исполнитель на их основе составляет готовое ТЗ на сайт.
Мы в Siteclinic тоже предоставляем помощь в разработке технического задания для сайта, и начинаем с того, что изучаем ожидания заказчика и целевую аудиторию, формируя общую концепцию будущего веб-сайта.
На данном этапе вносятся пожелания и корректировки от заказчика, а после сбора информации можно приступить к написанию ТЗ.
Основная работа ложится на исполнителя (разработчика или SEO-специалиста), так как он разбирается в проектировании сайтов и может оформить техзадание лучше, чем владелец бизнеса, который может упустить важные нюансы.
Как написать хорошее ТЗ?
Прежде всего, техническое задание это регулирующий документ, а потому он должен быть:
- Понятным для всех сторон. Добавьте расшифровку сложных терминов, которые используются в документе. Если в нём приводятся инструкции, они должны быть достаточно подробными и выполнимыми.
- Показательным. Как правило, работа над созданием или редизайном сайта начинается с дизайнера, ведь на выходе вы получаете картинку. Однако сложно найти человека, который поймёт, что вы хотите, и сможет оцифровать эту картинку в вашей голове. Поэтому всё нужно продемонстрировать.Не стесняйтесь и не ленитесь приводить примеры сайтов, на которых вам нравится тот или иной функционал или элементы дизайна, вёрстка, эффекты.
Но! не просто давайте ссылки, а прикрепляйте скриншоты. Вы можете составить ТЗ, а владелец сайта (который вы приведёте в пример) к тому моменту, когда ТЗ перейдёт к исполнителю, поменяет вёрстку. Тогда вам снова придётся искать пример и объяснять, что вы имели в виду.
Обязательно сохраняйте скриншоты себе на компьютер или в облачный сервис, чтобы они не были удалены через месяц (как, например, это возможно при использовании бесплатной версии сервиса Joxi).
Всё должно храниться ещё хотя бы месяц после того, как сайт появится с обновлённой вёрсткой/функционалом.
Как составить техническое задание на разработку сайта: примеры образцов и шаблонов ТЗ на создание веб-ресурсов
Когда клиент получает готовый результат, еще не значит, что он остается им доволен. Многих заказчиков при виде итоговой работы не устраивает дизайнерская мысль, текстовое наполнение, расположение элементов или обилие совершенно ненужной информации. Чтобы избежать подобных несоответствий ожиданиям, необходимо правильно составить техническое задание на разработку сайта.
Если техническое задания для разработки сайта было сформулировано неверно, а программисты не хотят переделывать выполненные работы, то специалисты “Студия 17” придут вам на помощь! “Студия 17” занимается разработкой сайтов в нуля и оказывает оперативную и качественную поддержку проектов.
Что собой представляет техзадание
Не имеет значения, кто именно возьмется за создание проекта: сам пользователь, его знакомый, сторонний фрилансер, профильная компания — ТЗ должно быть. Это своего рода документ, подтверждающий выполнение строго определенных условий. При любом даже незначительном несоответствии разработчику можно будет указать на ошибки и потребовать их исправления.
Для чего оно необходимо
На базе таких прописанных установок и создают сетевые ресурсы. От того, насколько подробно и грамотно клиент изложит свои пожелания и требования, напрямую зависит конечный результат. Если заказчик не подходит серьезно к его формированию, то и на успешное разрешение своего вопроса может особо не рассчитывать.
Техзадание — закон, который не допускает пространных трактовок и неоднозначности. Ведь все, что в нем не задано, исполнитель вправе сделать, отталкиваясь от собственных измышлений.
Кто должен заниматься составлением ТЗ, написанием технического задания для сайта
Составлять его может как сам клиент, так и тот, кто берется выполнить работу. При этом вкладывает свое понимание в данный процесс. Вполне естественно, ведь и требования, и подход к реализации задуманного для каждого из них свои.
Так, заказчик в первую очередь пытается сделать следующее:
- определить, каким он хочет видеть готовый веб-ресурс;
- зафиксировать размер предстоящих затрат;
- установить контроль над выполнением задачи.
Разработчик стремится:
- понять его пожелания и выполнить поручение в точности с установками;
- по возможности избежать последующих корректировочных действий.
По существу, они оба нацелены получить хороший результат, предельно ясно поняв друг друга в самом начале.
Бриф на разработку ресурса
Выясняя, как написать техническое задание, ТЗ для сайта по примерам и образцам тех заданий, помните — ответственный исполнитель не заинтересован в возникновении недопониманий.
Скорее всего, он сам предложит составить нужный документ для работы. Не исключено, что и сделает все самостоятельно. При этом — будьте внимательны. Не утверждайте, не ознакомившись детально с содержимым.
В противном случае рискуете получить в итоге совсем не то что нужно.
Составление возможно исключительно с учетом пожеланий заказчика. Иначе взаимовыгодное сотрудничество так и окажется недосягаемой высотой для обеих сторон. В этом деле может ощутимо посодействовать бриф.
Он представляет собой специальную анкету, содержащую максимально подробные вопросы о предстоящем проекте.
Отвечая на них предельно развернуто, клиент предоставляет разработчику своего рода техзадачу, только в ином виде.
Если какие-либо пункты в анкетировании окажутся непонятными — смело спрашивайте и уточняйте. Только так удастся избежать недопонимания. Лучше лишний раз переспросить, заострить внимание на деталях, чем впоследствии получить разочарование.
Четкость формулировок
Рассматривая примеры технических заданий, образцы ТЗ на создание сайта, помните — качественное техзадание всегда сформулировано максимально четко. Только конкретика и подробное расписывание каждого пункта может гарантировать достойный результат при выполнении работы.
Обговаривайте все до мелочей. Обсудите, какие инструменты будут задействоваться в процессе, рассмотрите требования к хостингу и т.д. Сразу укажите, что создаваемый веб-ресурс должен будет эффективно функционировать во всех известных браузерах, быть адаптированным к различным устройствам, устойчивым к перегрузкам и хакерским атакам.
Структура техзадачи
Хорошенько подумайте, какие веб-страницы предстоит сделать и решите вопрос с навигацией. Для многих наиболее удобными и простыми в восприятии являются блок-схемы, выполненные в XMind. Если же считаете, что это только затянет время составления — просто сформируйте перечень в Word.
Верным решением окажется предварительный сбор семантического ядра. Именно оно в перспективе поспособствует правильному формированию структуры и подразделов на базе настоящих запросов пользователей, выделенных согласно сегментации.
Из чего состоит техническое задание на разработку сайта: образец
Ниже можно рассмотреть пример правильно составленного техзадания:
| Пункты ТЗ | О чем писать | Варианты заполнения |
| БИЗНЕС-ТРЕБОВАНИЯ | ||
| Сведения об организации | Наименование, изделия, услуги, вид деятельности, конкуренты, достижения, дата регистрации. | Компания «Молтехникс». Производство оборудования по переработке молока. Основана в 2012 г. Обладатель премии «Товар года». Конкуренцию составляют: «Млечный путь», «Ферм Строй». |
| Целевая аудитория | Как можно подробнее опишите контингент, который планируете видеть на страницах.Укажите их предполагаемое место жительства, уровень дохода, возрастные характеристики. | Индивидуальные предприниматели, выпускающие молочную продукцию. Фермерские хозяйства.
|
| Цели веб-ресурса | Что Вы хотите получить от посетителей своей страницы?Оформить заказ, связаться с сотрудником компании по внутренней связи, подписаться на рассылку.Когда цель не одна, лучше обозначить все сразу.Данный пункт можно смело назвать основным. Именно на базе него строится формирование дизайна, функциональных возможностей и осуществляется наполнение контентом. |
|
| Анализ имеющегося сайта | Предоставьте на него ссылку и расскажите о плюсах и минусах по вашему мнению. | Имеющиеся сведения на ресурсе нельзя обновлять или редактировать. Интерфейс слишком сложен для пользователей. |
| НЕФУНКЦИОНАЛЬНЫЕ ТРЕБОВАНИЯ | ||
| Начальная структура | Что из основного обязано быть в наличии. | Домашняя (сведения об организации, место деятельности, проводимые акции).Каталог; Блог; Новости; Контакты. |
| Структурирование страниц | Какие детали должны быть и примерное место их размещения. | Поисковая строка, Телефон для связи, окно диалога с оператором компании, перечень проводимых акционных мероприятий.Сбоку список подразделов каталога, форма для подписки. |
| Пожелания по оформлению и дизайну | Предпочтительный цвет, стилистика, шрифты. | Веб-сайт больше в дружеском стиле. Основная палитра: синий, голубой, бирюзовый, белый. Верх и низ темнее, центр светлый.В качестве изображений фотографии, иллюстрирующие деятельность. |
| Прилагающиеся наработки | Ссылки на образцовые ресурсы, фото, буклеты, журналы. | Выделено архивом. |
| Разрешение и изображение | Обозначьте, с какого устройства должны просматриваться страницы. | Мониторы ПК от 19 до 27 дюймов; Ноутбуки от 15,6 до 17,3; Смартфоны от 3,5 до 6; Планшеты от 7 до 12. |
| Целесообразность мобильной версии | Нужна. | |
| Приблизительные перечень модулей | Укажите, что хотите видеть на своей странице. Фильтры каталога, возможность сделать онлайн-заказ и т.д. | Распределение товарных позиций по стоимости, в алфавитном порядке.Консультация предполагаемым покупателям. |
| Администрирование | Опишите, какие корректировки Вы должны вносить самостоятельно. Выясните как именно это делается. | Доступны все действия с товарными карточками, возможность публикации новостей, акционных предложений. |
| Подключение платежных систем | Укажите предпочтительные. | Необходима консультация разработчика. |
| Возможности интеграции | Интегрирование с Мегапланом и 1С. | |
| ИНТЕРНЕТ-РЕСУРСЫ | ||
| Обзор | Оптимально будет привести примеры в виде ссылок, что нравится, а что категорически нет. | adme.ru— менюtobiafran.com — анимация загрузкиanotherstate.co — шрифты. |
| ДОПОЛНЕНИЯ | ||
| Вопросы к исполнителю | Если что-то непонятно, сразу спрашивайте в письменной форме. Так удастся избежать недопонимания. | |
| Пожелания | В эту графу следует внести все, что не было затронуто в предыдущих позициях. |
Предпроектное проектирование
Рассмотрев шаблон технического задания, ТЗ на разработку сайта как пример, следует перейти к следующему пункту. По факту к техзаданию он не относится, но ничем не уступает в значимости. После того, как сформирован бриф, утверждена техзадача и изучены дополнительные материалы (исполнителем), он приступает к предварительному построению. Создает базу-скелет будущего ресурса.
Осуществляется данная операция после соглашения, так как разработчику необходимо должным образом изучить сведения о компании, ее конкурентах и ситуации на рынке. Процесс трудоемкий, требующий немало времени.
Примерное составление (структура)
Чтобы наглядно представить, как выглядит оптимальное техзадание, стоит рассмотреть пример технического задания на разработку и изготовление интернет сайта.
«Домашняя» (главная) страница
- Отдел «Меню» с основными разделами и всплывающим перечнем подразделов.
- Логотип и рекламный лозунг (слоган).
- «Главная».
- «Проекты».
- «Каталог изделий» с выдаваемым списком составляющих.
- «Деятельность».
- «Об организации».
- «Клиентам».
- «Информация».
- «Контактные данные».
- Ссылка на скачивание в формате pdf.
- Телефонный номер компании.
- Клавиша «Заказ звонка».
- Отдел «Слайдер» с фото в ширину дисплея и кнопкой обратной связи.
- Блок «Преимущества».
- «Товары» с обязательным описанием плюсов.
- «Организация в цифрах» с указанием достижений, продаваемых объемов и т.д.
- «Видеоруководства».
- «Подвал».
- Контактная информация.
- Ссылки на соцсети компании.
Лайфхаки как написать, составить тз для сайта
Эти полезные советы окажутся кстати при составлении техзадания и брифа. Пользуясь ими, можно существенно облегчить процесс разработки ресурса.
Где взять образцовые варианты
Неплохим подспорьем станут демонстрируемые на сетевых площадках рейтинги и ТОП сборники. Так, отлично подойдет allawards.ru. На его страницах собраны лучшие по части дизайнерского воплощения, неординарности и эффективности платформы.
Параллельно стоит сформировать собственные подборки с понравившимися референсами. Будет очень удобно пользоваться ими в перспективе.
Не менее полезная идея — посмотреть на иностранные веб-ресурсы с соответствующей тематикой. Наши заграничные друзья используют более продвинутые технологии. Из их работ можно почерпнуть немало интересного.
Как определить цветовую гамму
Исследуя примеры техзаданий на разработку сайтов и образцы ТЗ, уделите данному вопросу не меньшее внимание. Очень хорошо, когда у Вас на руках есть подготовленный ранее бренд-бук. Если его нет, то опираться исключительно на собственный вкус в отношении цвета — большая ошибка. Такими темпами Вы рискуете стать единственным посетителем своего ресурса.
Не поленитесь изучить позиции восприятия людьми различных оттенков в рекламе.
Как подобрать шрифты
Немаловажный аспект. От их качества (читаемости) и соответствия общему дизайну во многом зависит понимание информации пользователями. Обязательно пропишите в техзадании конкретные пожелания. Коллекцию Word можете смело не рассматривать. Все, что в ней имеется, уже многократно использовано до Вас. Лучше обратите внимание на сетевую библиотеку allfont.ru.
Как писать шаблон ТЗ, составлять техзадание для сайта правильно: основные ошибки
Даже имея перед собой приличные образцы, можно допустить ряд досадных оплошностей. Чтобы этого не произошло, следует о некоторых из них (которые чаще всего встречаются в работе) просто знать.
Не указано отведенное время
Нередко бывает так, что проект составлен очень подробно, с учетом всех нюансов и тонкостей, а период, отведенный на реализацию вашей идеи, не проставлен. Такое положение может привести к существенному затягиванию сроков выполнения задачи. О временных рамках дедлайна лучше написать в техзадаче или прямо в шапке заполняемой формы.
Потеряны данные доступа
Пожалуй, это самая досадная оплошность, которую можно допустить в решении вопроса: как составить ТЗ задание на разработку сайта. Как правило, регистрацией домена и хостинга ресурса занимается исполнитель. Как только он выполняет свою работу, о кодах и ключах попросту забывает. Полезная привычка фиксировать сведения, к сожалению, имеется не у всех.
В определенный момент площадка может перестать функционировать (из-за сбоев в продлении или по другим техническим проблемам). В момент восстановления деятельности обязательно потребуются данные, которые задавались изначально.
Не имея их на руках, можно лишиться собственного ресурса. Не забывайте взять их у разработчика сразу после выполнения заказа и спрятать в надежном месте.
Не лишено смысла сменить их на другие, человеческий фактор еще никто не отменял.
Отсутствие наглядности
Проблема обычно заключается в разнице понимания. Клиент вкладывает в определенные слова собственный смысл, а исполнитель представляет сказанное им совершенно иначе. Продемонстрировать это можно на примере техзадания на создание сайта, в котором заказчик попросил изобразить абстракцию.
Для одного она выступает в роли полупрозрачных бесформенных фигур, другому представляется в виде радужных волн или кругов (и так до бесконечности). У каждого свое видение — так устроен наш мир. Гораздо правильнее сразу предоставить веб-специалисту образцы конкретно вашей абстрактной мысли.
От того, насколько верно он ее увидит, зависит конечный результат.
Качественные прилагательные
При составлении техзадачи старайтесь избегать использования слов, обозначающих неточные характеристики предметов. Например: красивый, умный, сильный, современный и т.д. Помните — только конкретика: «На два оттенка темнее», «Укоротить на 4 см», «Округлые края у кнопки». Опять же, у каждого человека собственное представление о красоте, силе, современности и иных сравнительных параметрах.
«На усмотрение исполнителя»
Особо опасный момент, о котором нельзя забывать. Не оставляйте незаполненных пунктов в ТЗ, не стоит полагаться на телепатические способности разработчика.
Если ему не предоставлены четкие требования, а дана возможность сделать работу по своему разумению — приготовьтесь ловить результат, в корне отличный от того, на что вы рассчитывали.
Даже когда веб-специалист выполнит все идеально с технической стороны, итог может не понравится просто субъективно.
Заключение
Стоит еще раз напомнить, что каждому, кто собирается заказывать разработку веб-ресурса, следует знать, как написать техзадание на создание сайта правильно. Ведь грамотно составленное ТЗ — это гарантия хорошего взаимопонимания и качественной реализации идеи.