Ориентировочная структура ТЗ на создание сайта/веб-приложения
24.12.2020 • Время чтения 7 Минут • Разработка
- Главная
- Блог
- Разработка
- Образец технического задания на разработку сайта
Техническое задание на разработку сайта/веб-приложения
Аннотация
В данном техническом задании сформулированы основные функциональные и технические требования к разрабатываемому сайту/веб-приложению.
Документ является основным источником требований для реализации проекта.
1. Цели создания сайта
Здесь приводится описание основных целей и задач проекта.
2. Целевая аудитория
Здесь описывается, кто является основным пользователем проекта и решаемая им задача/потребность.
3. Требования к сайту
3.1. Общие требования
В данном разделе приводятся общие требования к проекту, например доменное имя, название, языки и т.д.
3.2. Ролевая модель
Описание основных ролей, их возможностей и полномочий
Четкое ТЗ
Таблица 1 – Ролевая модель
- Взаимодействие с публичной частью сайта
- Регистрация
- Взаимодействие с публичной частью сайта
- Авторизация
- Взаимодействие с личным кабинетом пользователя
3.3. Функциональные требования к публичной части
В данном разделе перечисляются и описываются все функциональные требования для публичной части сайта, например:
- Просмотр каталога товаров.
- Добавление товара в корзину.
- Заказ обратного звонка.
- Регистрация.
- и т.д.
Для каждого функционального требования также должно быть конкретизированы детали, например, какие сведения должен указать пользователь при регистрации: Имя, телефон, email и т.д.
3.4. Функциональные требования к личному кабинету клиента
В данном разделе приводятся функциональные требования к личному кабинета клиента, аналогично пункту 3.3.
3.5. Функциональные требования к панели управления (администрирования)
В данном разделе приводятся функциональные требования к панели управления сайтом. Если сайт реализуется на базе какой-то CMS (система управления контентом) и используется ее стандартная панель управления, то также это необходимо указать.
3.6. Требования к структуре сайта
В данном разделе описывается структура сайта (разделы и связи между ними) для каждого типа пользователя (роли).
3.6.1. Структура публичной части сайта
Структура разделов публичной части сайта приведена на рисунке ниже.
Рисунок 1 – Структура публичной части сайта
Далее приводится описание каждого раздела, что в нем должно находиться в формате таблицы:
- Просмотр статьи
- Возможность фильтрации статей по дате и теме
- Голосование за статью
- Возможность оставить комментарий (только для авторизованных пользователей)
3.7. Архитектура сайта
Сайт представляет собой клиент-серверное веб-приложение, архитектура которого представлена на рисунке ниже.
Рисунок 2 – Архитектура сайта
Далее приводится описание всех архитектурных блоков приложения и связей между ними.
3.8. Требования к интеграциям
Приводится список систем, с которыми должна быть выполнена интеграция, а также приводятся ссылки на описание API/модулей для интеграции с данными системами или сервисами.
3.9. Технические требования
Указываются технические требования, такие как:
- На какой системе (платформе) должен быть разработан проект.
- Требования к используемым технологиям.
- Требования к техническим средствам.
- Требования к адаптивности.
- Требования к кроссбраузерности.
- и т.д.
3.10. Требования к дизайну
Приводятся требования к дизайну веб-интерфейса, а также указываются разрешения экранов, для которых должен быть разработан макет и брейкпоинты адаптации.
3.11. Требования к контенту
В данном разделе необходимо указать какой контент должен быть создан/добавлен Исполнителем, а какой предоставляется Заказчиком.
3.12. Требования к внутренней SEO оптимизации
В данном разделе приводятся требования по внутренней SEO оптимизации сайта.
3.13. Требования к к системам аналитики
В данном разделе приводятся требования по подключению систем аналитики и отслеживания.
3.14. Дополнительные требования
Указываются дополнительные требования, модули и компоненты, которые должны быть использованы в проекте, несколько примеров приведено ниже.
3.14.1. Поисковые подсказки
При поиске по товарам/услугам пользователю должны предлагаться варианты поисковых запросов, соответствующих введенному запросу.
Пример поисковых подсказок приведен на рисунке ниже.
Рисунок 3 – Умный поиск
3.14.2. Требования к уведомлениям
Для оперативного информирования пользователей о новостях и событиях должна выполняться отправка email уведомлений в случае наступления следующих событий:
- Регистрация пользователя;
- Формирование заказа;
- Изменение статуса заказа;
- Отправка обращения через форму обратной связи;
- Начисление бонусов;
- Новые товары.
3.14.3. Требования к управлению изменениями
Все изменения кода сайта должны внедряться с использованием системы контроля версий – git после предварительного тестирования на тестовом сервере.
4. Требования к документации
Приводится перечень разрабатываемой документации и требований к ней.
5. Стадии и этапы разработки
В данном разделе приведена последовательность этапов реализации проекта (состав этапов зависит от конкретного проекта).
5.1. Прототипирование
На данном этапе необходимо выполнить:
- Создание интуитивно понятного и удобного интерфейса для требуемых типов устройств;
- Проектирование и разработка прототипа;
- Usability-тестирование прототипа.
- Рабочий прототип, который будет отражать основные функции и возможности сайта.
5.2. Создание дизайна
На данном этапе необходимо выполнить:
- Создание полноцветного дизайна для требуемых разрешений экранов в соответствии с разработанной структурой и логикой, а также стилевыми пожеланиями Заказчика.
- UX/UI дизайн проекта (макеты основных видов сайта для заданных разрешений).
5.3. Верстка и разработка
На данном этапе необходимо выполнить:
- Разработка веб-интерфейса сайта с заданным функционалом согласно макету;
- Разработка серверной части сайта и базы данных;
- Интеграция со смежными системами.
- Полнофункциональная версия сайта.
5.4. Тестирование
На данном этапе необходимо выполнить:
- Тестирование сайта, исправление выявленных ошибок, оптимизация.
Выполняются следующие виды тестирования:
- Unit тестирование;
- Интеграционное тестирование;
- UAT тестирование;
- Нагрузочное тестирование;
- Тестирование безопасности.
- Работоспособный сайт(веб-приложение), прошедший испытания и готовый к эксплуатации.
5.5. Документирование
На данном этапе необходимо выполнить:
- Разработку комплекта документации, согласно требованиям данного технического задания.
- Программная и эксплуатационная документация.
5.6. Обучение
На данном этапе необходимо выполнить:
- Обучения персонала Заказчика работе и администрированию сайта.
- Обученный персонал Заказчика.
Источник: uncore.ru
Техническое задание на создание видеоролика
О важности технического задания при производстве видео
• Техническое задание – это обязательное приложение к договору на производство видео.
• Чем грамотнее и подробнее составлено ТЗ, тем будет меньше разногласий между заказчиком и производителем видео.
• Формально составленное ТЗ влечёт за собой увеличение срока производства видео, вызывает лишнюю волокиту и переписку, во многих случаях – значительные отклонения от сметной стоимости проекта.
• Техническое задание составляется после заполнения брифа.
Задание на разработку сценария
• По своей сути задание на разработку сценария является не столько техническим, сколько творческим. Составляется оно с учётом пожеланий или требований, которые отражены в брифе или в анкете, заполненной заказчиком видеоролика.
Что должно содержать техническое задание на производство видеоролика?
• Начнём с простого: с репортажных съёмок и монтажа материала, полученного с мероприятия. В этом случае в техническом задании необходимо в обязательном порядке отразить самые что ни на есть принципиальные и важные моменты, а именно:
• указать, где и когда будет происходить то мероприятие, которое необходимо снять.
• Обычно те, кто заказывают подобные съёмки, подкрепляют техническое задание расписанием (таймингом) самого мероприятия. Это обычная таблица, в которой указывается время начала того или иного выступления или действия, а в следующей графе указывается то, надо или наоборот не надо это снимать. Иногда бывает и ещё одна графа – с примечаниями, где в свободной форме записываются различные рекомендации.
• Не очень сложное техническое задание всё равно содержит список оборудования, которое будет применяться во время съёмки (модели камер, их количество, осветительные приборы и иное съёмочное оборудование).
Техническое задание на съёмку и монтаж приведённого ниже в качестве примера ролика содержало требование запечатлеть каждого докладчика — 3-5 секунд в кадре.
Образец информационно-рекламного ролика, выполненного по техническому заданию, которое содержало предписание выполнить аэросъёмку одной из башен под определённым углом.
Источник: uran.tv
ТЗ на разработку сайта образец
Говорят, что хороший дом не построить без качественного фундамента. Также как без технического задания нельзя сделать хороший вебсайт. ТЗ — это документ, в котором расписаны требования к будущему ресурсу. Чем четче и качественнее будет данная документация сделана, тем правильнее будут выполнены требования заказчика.
ТЗ – это точка отправления для любого вида работ, которые будут выполняться по ресурсу. Основная цель составления техзадания – это удостоверение того, что заказчик и исполнитель правильно поняли друг друга.
Скачать образцы технического задания на разработку сайта:
Польза ТЗ
Техзадание — полезная вещь для обоих сторон. Клиент, имея ТЗ, сможет:
- понять, на что будут потрачены финансы и что он получит взамен: какой сайт. Этот пункт помогает заказчику познакомиться со структурой и понять работу ресурса. Если есть моменты, которые не устраивают, то до начала разработки их можно изменить;
- познакомиться с компетентностью исполнителя. Четкое ТЗ — это доверие к тому, кто будет заниматься разработкой, а хаос может быть сигналом о том, что похожее может быть на сайте;
- застраховаться от недобросовестности разработчика. Имея техническое задание, готовый сайт можно легко проверить по нему. Если имеются несоответствия, то разработчик должен их устранить;
- упростить передачу разработки ресурса другим исполнителям. Это актуально в тех случаях, когда разработчик и клиент повздорили между собой. Имея на руках техническую документацию, можно ресурс передать другим профессионалам. Они втянутся в работу быстрее, чем без ТЗ;
- узнать цену на создание сложного сайта. Стоимость разработки и точные сроки сдачи сложного сайта сразу назвать нельзя. Необходимо понять, какие функции будут на ресурсе и как он будет работать.
Исполнитель, имея техническое задание, сможет:
- правильно оценить, что нужно к клиенту. Заказчику задается множество вопросов, предлагаются решения, показываются разные примеры. Далее вся информация оказывается в едином документе. Если заказчик согласен с внесенными данными, то будущий разработчик сайта правильно все понял (в случае, если документ делает разработчик);
- застраховаться от неожиданных пожеланий заказчика. Бывают ситуации, когда клиент хочет все изменить. Его не смущает, что сайт уже наполовину сделан. ТЗ — это страховка от таких хотелок;
- доказать свою компетентность. Техническое задание, если оно хорошо сделано исполнителем, вызовет у клиентов уважение и даст понять, что перед ними профессионалы. Многие клиенты соглашаются работать с разработчиками после того, как увидят эту документацию;
- ускорить и облегчить разработку ресурса. Как правило в техзадании можно найти требования к структуре сайта, функции и элементы, расположенные на каждой странице. Имея это перед глазами, остается сделать малое: оформить визуал и написать код;
- создать возможность для заработка. Составить правильно ТЗ — дело непростое и очень хлопотное, особенно для человека, который в этом плохо разбирается. Поэтому разработчики предлагают услугу по составлению технической документации.
3 блока информации, которые должны быть в хорошем ТЗ
Для автоматизации процесса создания технических заданий и обработки больших объемов данных, было придумано составить этот документ из трех блоков: технического, маркетингового и дизайнерского. Техническая часть — основа того, от чего будет разработчик отталкиваться.
Данная часть системы создания сайтов важна, ведь она раскрывает основные стадии: от выбора CMS до внедрения определенных функций. Маркетинговая часть отвечает за коммерческий успех будущего сайта. Здесь необходимо описать ряд требований с учетом ниши, в которой компания работает, обрисовав преимущества, описав ситуацию на рынке и уровень конкуренции, отметив особенности целевой аудитории и т.д. Часть системы создания сайта, отвечающая за дизайн и контент, не менее важная составляющая техзадания. Ее цель — сделать ресурс удобным, полезным, интересным для пользователя, причем максимально.
Вопросы, которые можно встретить в техзадании
ТЗ может сделать кто угодно, а вот правильно заполнить документы тот, кто в этом разбирается. Убедиться в этом несложно, ведь в документе должен быть перечень вопросов с ответами, без которых в работе над сайтом не обойтись.
ТЗ должно включать в себя ряд вопросов. Предлагаем ознакомиться с основным перечнем (для каждого сайта предлагаются свои вопросы). Их можно разделать на 3 группы:
Информация о будущем сайте общего характера:
- задачи и цели проекта. Тут необходимо вкратце расписать требования и пожелания того, что хочется получить от сайта. Лучше это сделать в цифрах. Например, достичь трафика 10000/мес, добиться увеличения продаж на 30% и т.д.;
- концепция будущего сайта. Здесь необходимо озвучить проблему, которую должен решать продукт, предложить порядок ее устранения и рассказать о целевой аудитории;
- расшифровка терминов, которые используются в документе. Часто заказчик под определенным термином понимает одно, а исполнитель другое. Чтобы не было путаницы при выполнении работ, рекомендуется составить словарь, используемой терминологии;
- перечень документации, на основании которой будет создан сайт. Тут можно указать ссылки на приглянувшийся дизайн, внешние документы и т.д.;
- карта страниц будущего проекта или разделов. Требований тут немного: нужно нарисовать структуру в формате дерево. Благодаря этому рисунку будет понятен объем работ, с которым придется столкнуться разработчику.
Часто при составлении этого раздела заказчик отказывается заполнять пункты, мотивируя это тем, что цель создания проекта — коммерческая тайна. Заказчику, чтобы разработчик правильно все сделал, необходимо расписать не только ее, но и все подразделы, указанные в этой части. Требования ко всем заказчикам выставляются одинаковые. Их выполнение, точно так, как и утечка коммерческой информации, регулируется договором.
Дизайн и прототип:
- при разработке сайта часто исполнитель предлагает заказчику сделать прототип — схемы страниц, представленные в единой структуре, которые имитируют работу серверной части и интерактивных элементов. Если он будет сделан, то проект можно оценить быстрее;
- иногда у заказчика уже есть дизайн сайта, тогда рекомендуется на исходные файлы макетов прикрепить ссылку. Если дизайна нет, то необходимо написать перечень требований к дизайну. Например, какие должны быть цвета на сайте: общие по всему ресурсу и отдельно в логотипе, какие элементы хочется использовать и т.д.;
- динамика страниц. Здесь необходимо указать требования к реагированию интерфейса, когда происходит нажатие на определенные элементы управления. А также расписать нужны ли всплывающие окна, дополнительные эффекты, подсказки;
- требования к адаптивной версии ресурса. Здесь указывается, на каких платформах и браузерах будет использоваться сайт.
- информационная архитектура. В этом разделе необходимо описать структуру сущностей сайта: объекты системы, сущности базы данных, основные функции ядра и т.д.;
- функциональная спецификация. Здесь указываются какими алгоритмами вызываются определенные действия системы;
- описательная часть для бек-офиса. Необходимо указать функционал для контент-менеджера, администратора и т.д. Главный вопрос здесь: описать порядок наполнения контентом и администрирование;
- интеграция с внутренними и внешними системами. В этой части необходимо написать информацию о данных: куда и откуда они передаются, в каком виде;
- информация о тестировании. Необходимо указать требования о том, какие системы будут тестировать продукт: прописать устройства, системы, браузеры;
- описание требований к безопасности ресурса. Заказчиком должны быть озвучены требования к безопасности, причем как общие, так и частные;
- информация о серверах и нагрузке. Указываются требования на каких серверах должен быть размещен проект и какую нагрузку выдерживает.
Обычно именно эта часть у клиента вызывает больше всего сложностей. Назначение технических заданий — максимально точно понять, что хочет заказчик. Если составление документации вызывает непонимание, то лучше обратиться к специалистам. Они правильно внесут данные в документы, и сделают так, чтобы документация соответствовала всем требованиям.
Можно ли составить техническое задание самостоятельно правильно?
Конечно, можно попробовать сделать этот документ без помощи специалистов, но нужно быть готовыми к следующим нюансам:
Для тех, кто не боится сложностей и решился сделать документацию сам, даем несколько подсказок, как отвечать на вопросы по ТЗ:
ТЗ от «Studio B»
Если нет желания рисковать и давать в работу самостоятельно написанную техническую документацию на разработку сайта, то рекомендуем обратиться к профессионалам «Studio B». Каждый клиент при сотрудничестве с нами может рассчитывать на:
- индивидуальный подход. Каждый клиент – это отдельная история. Невозможно сделать ТЗ одно для всех. При его разработке учитывается история компании, специфика бизнеса и т.д.;
- точность и доскональность. Документация для разработки сайта должна максимально четко и подробно описывать будущий проект;
- выгодную цену: от 30 000 рублей. Стоимость на разработку будет зависеть от сложности будущего сайта. «Studio B» гарантирует, что ТЗ будет выполнено качественно и не потребует изменений в дальнейшем;
- прототипирование (для крупных ресурсов). К созданию демонстрационной версии будущего сайта дополнительно привлекаются аналитики и специалисты, реализующие прототип.
Почему стоит заказать техническое задание в «Studio B»
Требований к разработке документации для создания сайта много. В ней не должно быть хаоса, неточностей и двояких понятий. Создать правильное ТЗ могут профессионалы «Studio B».
- воспользоваться нашими знаниями и опытом, причем не только в составлении таких документов, но и в создании сайтов. В связи с этим наши технические задания использовать удобно;
- сотрудничество без «форс-мажоров»: к работе относимся ответственно, выполняя заказы оперативно и в указанные сроки;
- надежность. ТЗ не только должно быть на руках у заказчика, но и должно способствовать созданию эффективного сайта. Если после получения документа будут возникать вопросы по нему, то специалисты от «Studio B» обязательно проконсультируют.
Техзадание от нашей компании – это качественное выполнение требований заказчика по созданию детальных, четких инструкций для создания сайта. Благодаря изложенной в ТЗ информации, сделать ресурс своей мечты будет несложно и быстро.
Чтобы заказать ТЗ на разработку необходимо связаться с нами одним из способов:
- позвонить нам;
- обратиться через форму «Написать письмо»;
- написать нам в месседжеры: Telegram или WhatApp.
Ознакомиться с примерами работ (составленные для клиентов ТЗ от студии) можно, открыв приложения.
Чтобы заказать разработку сайта необходимо заполнить бриф.
Источник: www.vikiweb.ru