Оглавление:
С понятием, с которым будем разбираться в этой статье, знакомы, как клиенты, заказывающие в проверенных компаниях и студиях свой персональный ресурс, так непосредственно люди, работающие над его формированием и дальнейшим исполнением поставленных целей и этапов. ТЗ (техническое задание) на разработку сайта — это определенная форма документа без строгих правил оформления, где вынесены принципиальные визуальные и рабочие моменты будущего сайта. Среди них нужно выделить такие, что направлены на:
- технику;
- функционал;
- содержание — контент.
От пошаговой детализации ТЗ, детального, понятного и точного описания зависит насколько заказчик останется довольным итоговым результатом, а исполнитель точно и в поставленные сроки выполнит взятые на себя обязательства. Плюс, это отличный момент устойчивого роста репутации.
Зачем оно нужно и можно ли без него обойтись
Этот вопрос довольно часто возникает как у клиентов, что впервые обращаются за подобной услугой, так и определенных мастеров, что только начинают работать в этой сфере. Ответ на него стоит представлять с двух позиций – непосредственно заказчика и исполнителя. Так делать ТЗ для первой группы целесообразно с таких позиций:
- Открывает возможность внести все, что хочется воплотить в жизнь.
- Позволяет наперед составить максимально детализированную смету.
- Детализирует как будет выглядеть сайт, какие функциональные и контентные особенности в нем будут предусмотрены.
- Оптимизирует процесс уточнения базовых вопросов и тех, что возникают во время работы.
- Структурирует пожелания и требования в одном документе для упрощения их дальнейшего воплощения.
При этом ТЗ выполняет еще одну важную функцию – позволяет видеть, как выполнены предварительные этапы и при необходимости вносить изменения, дополнения непосредственно на них.
Для исполнителя такой документ открывает такие преимущества:
- Четкое детализированное и поэтапное понимание итоговой цели и путей, что возникают на этапе ее реализации.
- Ускорение разработки проекта за счет четко прописанных этапов, пожеланий и сокращение времени на внесение коррективов, когда это необходимо и обосновано.
При этом нужно также отметить и то, что ТЗ – это страховка от выполнения несогласованных ранее задач; можно потенциально свести на нет возможность возникновения претензий. Например, при сдаче готового продукта клиент понял, что ему не нравится выбранная система управления, и, следовательно, он может захотеть ее переделать, но это крайне сложный процесс, фактически проект делается опять с нуля. Чтобы таких ситуаций не возникало и составляется техническое задание. Стоит также понимать, что ТЗ и договор – это два разных документа: если первое – это поэтапный план, уточнение всех деталей, то в договоре указываются сроки, стоимость, форс-мажорные обстоятельства, прописаны права и обязанности каждой из сторон.
Как правильно составить ТЗ на разработку сайта
Можно пойти путем наименьшего сопротивления и скачать ТЗ, внеся в него дополнительные, важные по вашему мнению аспекты. Нужно понимать: для владельца будущего сайта вовсе не обязательно в деталях разбираться во всех нюансах (именно поэтому он обращается к вам для решения задач). Чтобы заказчик смог озвучить пожелания, уточнить детали, на стартовом этапе сотрудничества, ему предлагается заполнить бриф на разработку сайта. Это документ, где клиент отвечает на важные вопросы касательно будущего ресурса, описывает то, как он его видит. Далее специалисты изучают, оценивают, насколько реальны задания, какие этапы нужны для достижения цели и формируют непосредственно ТЗ, которое также уточняется с клиентом.
Традиционно в брифе уточняются такие аспекты:
- Вид заказа: лендинг, небольшой сайт компании до 8-10 страниц, масштабный интернет-гипермаркет, корпоративный сайт, сайт, где предусмотрен личный кабинет пользователя.
- Нужно ли дополнительно разрабатывать приложение, и если да, то для гаджетов на каких операционных системах.
- Планируется создание абсолютно нового продукта, или же нужно изменить, «прокачать» старый ресурс, сделав его более комфортным.
Часто в брифе оставляется позиция «Другое», и заказчика просят комментарием оставить то, что ему бы хотелось видеть в проекте.
Дополнительно в брифе можно вписать референсы – ссылки на сайты, которые привлекают внимание, например, интерфейсом, функционалом, дизайном.
Особое внимание уделяется структуре. В ней заказчика просят указать, какой именно вид, по его мнению, подходит наибольшее. Например:
- Главная.
- О нас.
- Доставка / оплата.
- Категория товаров – отдельный товар.
Или же, например, какие тематические блоки будут в лендинге – сайте-одностраничнике: описание предложения, условия связи / заказа, конкретные предложения.
Не стоит забывать в процессе заполнения брифа заказчиком и, следовательно, в дальнейшем составлении ТЗ, что учитываться целевая аудитория, ее потребности, поведение, запросы, приоритеты, в частности, во время работы с сайтом. Это позволяет наперед четко продумать релевантную структуру, дизайн, дополнительные функциональные возможности.
Примеры ТЗ на создание сайта
Типичные примеры разработки ТЗ на создание сайта традиционно представлены в виде таблицы или многоярусного списка. В них входит несколько разделов, с которыми познакомим вас детальней.
Организационные вопросы
В разделе прописываются временные сроки сдачи сайта. Как правило, они средние и имеется запас в несколько недель для финальной доработки, внесения коррективов. Сроки прямо зависят от типа сайта: лендинг делается намного быстрее корпоративного ресурса. Также на сроки влияет тип работы: индивидуальный или же с использованием шаблона.
В этот раздел также включаются такие аспекты:
- Объем задач и работ, сложность их выполнения. Не поспоришь, что корпоративный ресурс на пару страниц сделать быстрее и легче, чем интернет-магазин с поддержкой технических нюансов, например, платежных сервисов.
- Детализированное описание определенных моментов, что касаются системы управления, основных разделов сайта, содержания, дизайна, доменного имени.
Требования к сайту
Второй раздел ТЗ непосредственно связан с техническими параметрами, приоритетными для сайта. Так, тут должны быть описаны исполнителем требования к таким позициям:
- Структура.
- Навигация.
- Дизайн.
- Сценарии использования ресурса.
- Оформление, юзабилити сайта.
- Внедренным технологиям, например, оплата через посторонние платежные сервисы для клиента, а собственника бизнеса – подключение к системе учета.
Это базовый набор позиций в разделе ТЗ, который всегда может дополняться при необходимости.
В некоторых примерах помимо поэтапности выполнения, может быть добавлена дата сдачи этого проекта.
Движок
В обязательном порядке для заказчика указать в брифе предпочтительный движок. Если нет представления о том, какой подойдет лучше, – тогда стоит проконсультироваться со специалистами фирмы. Среди наиболее часто используемых, выделяют такие:
- Самописный.
- CMS, в частности Drupal, Wordpress и OpenCart.
- SaaS-платформ, а именно Tilda и Wix.
- Фреймоворк.
В выборе подходящего движка в рамках формирования технического задания исполнителю нужно уточнить у клиента несколько принципиальных вопросов:
- Самостоятельно или с привлечением специалиста далее будет публиковаться контент.
- На чьи плечи ложится обслуживание ресурса: лица со стороны клиента или непосредственно разработчика.
- Кто исполняет в будущем функции администратора: вебмастер или лицо, представляющее клиента.
Когда у вас небольшой бизнес, разработчики в штате не предусмотрены, тогда коробочная CMS – именно то, что вам необходимо. А вот разновидности SaaS более сложные, их используют для создания и дальнейшего использования ограниченных разновидностей сайтов.
Дизайн
Сложность в том, что в письменном ТЗ одними словами практически невозможно описать, какая общая концепция цвета, формы, оформления должна быт выбрана. Здесь стоит использовать максимально конкретики, а не субъективизма, поэтому рекомендуем отказаться от слов «узнаваемый», «современный», «фирменный», а четко прописать – оттенки, концепцию, другие эффекты, используемые в дизайне, а также сделать прототипирование сайта. Если у фирмы-заказчика предусмотрен брендбук, – благодаря ему можно отталкиваться от приоритетного цвета, тематической концепции.
В ТЗ на создание сайта, если брендбук отсутствует или только в разработке, нужно прописывать конкретные пожелания, среди них следующие:
- Какие шрифты хотите видеть главными, а какие – второстепенными.
- Тематическое направление, размер и формат (строгие контуры, обтекаемые линии) фотографий, иллюстраций.
- Базовые и дополнительные оттенки.
- Разрешенные и недопустимые сочетания оттенков, фактур в оформлении.
- Оформление пространства и постановка визуальных акцентов.
А вот от углубления в описание светотени, фигуры, линий, форм лучше отказаться. Это стоит доверить непосредственно дизайнерам и составлению ими ТЗ узкой направленности.
Основные разделы сайта
Практично, когда, озвучивая требования, заказчик прописывает, как, по его мнению, выглядит идеальная структура сайта. Важно также уточнить характеристики посадочных страниц и для страниц внутри разделов сайта. Принципиально наперед учитывать и то, какие способы навигации будут использованы, но традиционно, чтобы не делать сайт слишком «перемудренным», – используют стандартные.
Далее продемонстрируем полезные советы, наработанные за время:
- Продумайте понятную и строгую иерархию разделов.
- Не перегружайте пользователя изобилием, сложными путями навигации.
- Избегайте длинных ссылок, заменяя их простыми.
- Ссылка, ведущая на главную, должна быть активна с каждой другой страницы сайта.
- Все документы должны иметь уникальный адрес URL.
Эту составляющую ТЗ на разработку сайта рекомендуется расписывать поблоково, чтобы заказчик смог быстро оценить, как будет выглядеть его сайт, а также понять, удобно ли ему, как потенциальному клиенту с ним работать. Иногда дополнительно формируют задание в виде многоярусной таблицы, списка.
Содержание страниц и описание их элементов
Здесь важная задача для фирмы-исполнителя – подготовить и презентовать макет посадочных и непосредственно контентных страниц, как блога, так и карточек товаров. Для удобства восприятия и быстрого уточнения с заказчиком вместе с текстом-описанием используйте графический протокол в таком разделе технического задания, существенно расширяющий визуальное восприятие. На нем будет удобно видны все используемые и предусмотренные дополнительные элементы, среди которых:
- шапка;
- футер;
- сайдбар;
- активные кнопки.
Фильтры крайне важны, необходимы, в частности для продающих проектов.
Уделяйте внимание деталям в описании: футер, шапка обязательно идентичны на всех страницах, должны растягиваться или нет на ширину экрана. А вот шрифты и кегли лучше предложить на выбор.
Генерация страниц
В составлении этой части ТЗ поможет разработчик, который оформит чек-лист касательно генерации страниц, но уже принимая во внимание особенности сайта. Традиционно, фильтры – это самые «капризные». Укажите в пункте, какие именно факторы формируют служебные страницы.
Фильтры
Именно такие страницы в поле риска из-за перенагрузки, которую сложно контролировать. Помимо этого, они плохо индексируются и негативно реагируют на сброс значений, выбранных ранее. Для минимизации проблем, лучше еще на стартовом этапе проконсультироваться со специалистами, и на основе их рекомендаций, вписать в ТЗ решение задач, что помогут в дальнейшем избежать проблем.
Среди базовых требований, что выносятся к страницам-фильтрам, выделяют такие:
- Во время формирования URL фильтров четко продумайте и следите за выполнением порядка, поскольку ошибки и неработающие параметры неизбежны.
- Практично, когда самостоятельно можно настроить Title, Description, заголовки уровней от первого до шестого уровня, клчевые слова.
- В случае страниц-фильтров уровня Н1 и пересечения более двух параметров необходимо использовать исключительно статические ссылки; обязательный и семантический URL.
- Практично на количестве посещений и удержании на странице скажется грамотная перелинковка, а также профессионально настроенное индексирование.
Наличие контента
В грамотном ТЗ на разработку корпоративного сайта, так и интернет-магазина, равным счетом, как и лендинга, взвешенным должно быть каждое слово. Когда составляется задание в этом аспекте, изначально нужно понять: контент будет предоставлен заказчиком и его нужно только опубликовать, или эта задача ложится на плечи исполнителя. В случае последнего, пропишите, каким образом будет проводиться уточнение перед публикацией.
Еще один аспект – указание технических параметров текстов: водность, тошнота, показатели по специализированным сервисам, например, «Главред», количество и тип вводимых ключей. Дополнительно в этой рубрике ТЗ указываются требования к фотографиям, видео, анимации, инфографике и другим частям контента.
Поддерживаемые технологии
Для типичного образца ТЗ эта позиция является обязательной. Чтобы удобно было работать специалистам все технические нюансы к будущему сайт лучше оформлять отдельным списком, чтобы потом прощу контролировать выполнение всех пунктов. Уже несколько лет «опорными столбами» в таком разделе технического задания являются такие требования:
- Кроссбраузерная верстка.
- Адаптивный шаблон для мобильных гаджетов.
- Основной контент должен загружаться не медленнее, чем за 2,5 секунды, или еще быстрее.
- Показатель смещения элементов не превышает 0,1 бал.
- Срок ожидания до первого взаимодействия с наполнением – 100 миллисекунд.
Также важно выполнить такие операции:
- Оптимизировать базовые, затем второстепенные в иерархии страницы ресурса.
- Проверить корректность кода ответа сервера.
- Внедрить семантический
- Настроить стандарт исключений для роботов в файле robots.txt.
- Предусмотреть доступ через FTP.
- Создать карту сайта в двух разновидностях: пользовательская и XML.
Дополнительно исполнитель с учетом типа сайта, аудитории, положения конкурентов можно внести и иные пункты для улучшения результатов выдачи.
Доменное имя и доменная зона
Как правило, заказчик дает несколько разновидностей вариантов имени, чтобы можно было выбрать наиболее удачный. Чтобы для исполнителя задача была максимально детализирована, целесобразно сформировать чек-лист с требованиями к доменному имени. Среди них следующие:
- Определенная узкая тематика.
- Использование продающих слов, что соотносятся с ассортиментом.
- Возможность вставки названия компании.
- Использование ключевых слов.
- Конкретная доменная зона.
Исполнитель на основе пожеланий на выбор предоставляет на выбор варианты, среди которых клиент выбирает подходящее.
Требования к хостингу
Непосредственно от хостинга зависит не только налаженная работа сайта, но и его доступность в сети. Составляя ТЗ, рекомендуем прописать конкретные приоритетные параметры:
- Какие технологии важно, чтобы поддерживались: защита от DDoS-атак, доступ по SSH, возможность бекапов.
- Предусмотрена ли быстрая установка CMS.
- Показатели планируемой нагрузки в кабинете и трафик пользователей за 24 часа.
- Незначительная дисковая квота.
- Подходящий тип хостинга: виртуальный, серверы, VPS.
- Есть ли встроенный файловый менеджер.
- Возможен ли перенос сайта без финансовых вливаний.
Топ-7 ошибок при подготовке технического задания
Метод проб и ошибок позволил сформировать ключевые ошибки в ТЗ, которые существенно замедляют процесс его создания и могут негативно сказаться на полученном результате. На самых популярных 7-ми позициях остановимся далее.
- Нет указания целевых действий (например, звонок оператору, прямая покупка, бронь), то это усложняет аналитику.
- Отсутствие информации о типе сайта. Видение того, магазин это или корпоративный сайт должно уже быть на старте составления ТЗ. При этом заказчик может уточнить, что ему нравится тот или иной сайт, но полноценное копирование к ничему хорошему не приведет.
- Отсутствие детализированных, конкретных, прописанных сценариев, что формируются на основе целевой аудитории и ее потребностей. Важно не образно, а точно представлять, кто ваши клиенты, с каким желанием или потребностью приходят на ваш ресурс.
- Не прописаны нюансы касательно счетчиков для ведения веб-аналитики. В обязательном порядке хотя бы представленный Google должен быть.
- Нет конкретных уточнений по дизайну: цвета, шрифты, размещение блоков, а продиктованы лишь общие нюансы «красиво», «продажно», «современно», «эффективно».
- Не оговорена семантическая разметка, что позволяет поисковой системе лучше распознавать контент и способствует выходу на верхние позиции поисковых выдач.
- Довольно нечетко сформированы требования. Поскольку ТЗ – документ, в нем конкретно и понятно указываются пожелания – «авторский шаблон подходящий под магазин игрушек», «адаптация конкретного символа» и прочее.
Для технического задания важно внедрить все аспекты, которые хотите воплотить в жизнь, начиная от типа, продолжая структурой, юзабилити, оформлением, и заканчивая контентом, соответствующим тематически и оптимизацией страниц.
Заключение
Заказать ТЗ на разработку сайта в CASTCOM – идея грамотная и правильная, поскольку далее в этой компании сможете доверить непосредственно практическую часть его внедрения в жизнь. Отзывы клиентов указывают на преимущества делегирования составления технического задания специалистам:
- Оперативный подход без потери качества.
- Детальное составление с вниканием в суть каждого аспекта.
- Консультации при необходимости, полные детализированные ответы на возникшие вопросы
- Исполнители берутся за создание для нового сайта, так и существующего с переносом и изменениями.
- Понятное для клиента с возможностью дальнейшего контроля на всех этапах.
Грамотное ТЗ – шаг на пути продуктивного продажного сайта с высоким трафиком и результатами поисковой выдачи!
_________________________
Автор: Владимир Фомин (Digital Agency CASTCOM) / Дата публикации: 2023-08-02
уже сегодня!
Давайте работать вместе!
Отправьте нам заявку и мы свяжемся с вами, чтобы обсудить детали.
