Как составить ТЗ на разработку сайта и не сойти с ума — пошаговая инструкция

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

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

  • Определите цели данного проекта.
Сформулируйте приоритетные проблемы, которые должны быть решены с помощью нового ПО.

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

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

  • Подготовьте бриф для ТЗ на разработку сайта
Сбор требований и пожеланий к функционалу начните с описания бизнес-процессов и опроса сотрудников: зафиксируйте пожелания руководителей и тех, кто будет взаимодействовать с продуктом.

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

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

Удобно делать записи в Google Docs, куда будут иметь доступ все участники проекта, или воспользоваться специальными инструментами, например — Basecamp. Так вы сможете увидеть всю картину целиком и, когда придет время делать выбор, учитывая все альтернативы.

  • Системные требования и железо

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

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

Перечислите железо, с которым необходимо обеспечить работу и размер экранов мониторов (если часть пользователей — торговый персонал в полях, укажите, на каких моделях планшетов они работают). Пропишите на каких моделях мобильных телефонов будет преимущественно использоваться ПО.

ТЗ для сайта: Время выйти в свет

Разработка технического задания для сайта

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

О технических подробностях

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

1. Стиль и дизайн

Как должен выглядеть ваш веб-сайт? Можете добавить ссылки на конкурентов или понравившиеся вам дизайны. Не забудьте о том, что ваш сайт должен быть доступен и с мобильных устройств:

  • Адаптивный или отзывчивый дизайн;
  • Мобильная версия;

Дизайн и разработка веб-сайта

2. Опишите взаимодействие с посетителями

Что смогут делать посетители на этом сайте? Перечислите все действия, доступные пользователям:

  • Опишите основные способы применения ПО (use cases);
  • Сформируйте пути передвижения пользователей по сайту;
  • Укажите, какие особенности у каждой из ролей от администратора системы до руководителя.

Создание юзкейсов для технического задания на разработку сайта

Visual Use Case — неплохой инструмент для создания юзкейсов.

3. Редактирование и администрирование

Как будет обновляться сайт? Определите процесс добавления нового контента и внесения изменений:

  • Разработка административной панели, необходимый функционал;
  • Интеграция CMS (система управления контентом — content management system);
  • Специфические требования;

Администрирование сайта

4. Карта сайта и навигация

Опишите структуру сайта. Перечислите все разделы, подразделы и категории контента.

Укажите вид навигации:

виды навигации на сайте

 

В создании карты сайта вам помогут такие инструменты, как: Writemaps, FlowMapp, Slickplan. Они упрощают процесс создания визуальной карты сайта и дают возможность легко делиться ей с разработчиками для дальнейшего совместного обсуждения.

Как создать карту сайта

Представление меню:

  • тексты — все просто и понятно: кнопки меню прописаны словами;
  • графика — классическим примером является интерфейс в виде 3х полосок, называемый в народе гамбургером, но также может быть решен в виде иконок с сакральным смыслом. Лаконично, красиво и современно.

5. Надежность, качество ПО и ограничения

Перечислите основные требования, например:

  • Настройка бэкапов;
  • Резервное копирование сайта и баз данных;
  • Совместимость с определенным софтом и операционными системами;
  • Работа на специфическом железе (например, корпоративные POS-терминалы);
  • Требование к качеству ПО (производительность, надёжность, масштабируемость)

Резервное копирование

6. Хостинг

Где будет размещаться сайт? Определите тип хостинга:
  • Облачный;
  • Физический;
и сайта:

  • собственный хостинг
  • сторонний.

Виды хостинга

7. SEO

Как сайт будет «продвигаться» в обычных результатах поиска? Перечислите необходимые элементы и действия, например:

  • уникальный заголовок и тег описания на каждой странице;
  • использование микроформатов;
  • обеспечение внутренней перелинковки;
  • оптимизация изображений, добавление альтов и тегов;
  • SSL-шифрование (Secure Sockets Layer — уровень защищенных сокетов)

Внутренняя SEO оптимизация

8. Доступность

Как люди с ограниченными возможностями будут использовать сайт? Перечислите необходимый функционал, например:

  • Масштабируемая верстка;
  • Управление с клавиатуры;
  • Экранный диктор;
  • Отдельная версия сайта.

Настройки сайта для людей с ограниченными возможностями

“Время-деньги”

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

  • Дополните свои требования подробной раскадровкой, схемами и наглядным прототипом — вы значительно сократите стоимость разработки проекта.

Детальное обсуждения приоритетов будущего ПО внутри компании позволит вам сформировать взвешенное решение о продукте, который действительно необходим.

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