ТЗ для сайта: как составить идеальное техническое задание

Опубликовано: 23.08.2018

видео ТЗ для сайта: как составить идеальное техническое задание

Как составить идеальное ТЗ Часть 1

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



Информация о проекте

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

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


051. Что нужно сделать, прежде чем садиться за ТЗ – Алексей Бородкин

Технические особенности проекта

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


Как составить техническое задание (ТЗ)?

Адаптивность. Требуется ли вашему сайту отдельный вариант отображения на мобильных устройствах? Кроссбраузерность. Какие минимальные версии браузера должны отображать сайт? Помните, что старые браузеры (вроде Internet Explorer 7) существенно урезают возможности разработки, занимая при этом не более 1% всех используемых в мире браузеров. Система управления. Если вы уже определились с тем, какую CMS выбрать для сайта, зафиксируйте это в ТЗ. Если вы выбрали 1C-Битрикс, возможно, вам поможет наша статья о сравнении её с WordPress .

Ищешь практику в веб-дизайне?

Онлайн-челлендж Level Up — 30 дней практики и работа с наставником над реальными задачами.

Узнать подробнее о челлендже

Структура сайта

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

Сквозные элементы

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

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

Уникальные страницы

Как правило, объём работы дизайнера и разработчика зависит от количества уникальных разделов/страниц, на базе которых строится сайт. Именно поэтому каждую такую страницу, имеющую уникальные дизайн и структуру, необходимо зафиксировать и описать в ТЗ для сайта.

Уникальные страницы  — своеобразные макеты, на базе которых будут создаваться и множиться страницы сайта, обладающие схожими характеристиками. Каждая такая страница требует затрат со стороны дизайнера и разработчика.

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

Страница новости в блоге. Содержит сквозные элементы в виде шапки и подвала, а также дополнительные блоки: заголовок новости, краткое описание, фотографию-обложку, дату публикации, текст новости и блок комментариев. Страница товаров в каталоге. Содержит сквозные элементы в виде шапки и подвала, а также дополнительные блоки: боковую колонку с фильтрацией товаров по заданным параметрам, список товаров в конкретной категории и блок персональных предложений.

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

Прочие страницы

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

Типовая текстовая страница  — на базе неё будут создаваться все новые страницы, не попадающие под описанные уникальные страницы. Рекомендуется на этапе дизайна заложить в этот пункт все необходимые элементы для оформления текста: заголовки, параграфы, списки, таблицы, изображения, встраиваемые видео и так далее. Страницы ошибок  — те самые небольшие странички на сайте, которые видит посетитель, когда что-то пошло не так. Не стоит недооценивать эти страницы — если подойти к их реализации с креативом, результат может удивить посетителей вашего сайта. Отличные примеры можно посмотреть здесь , здесь и здесь . Страница результатов поиска  — один из важнейших функциональных блоков на сайте. От того, насколько удобно будут представлены результаты поиска иногда напрямую зависит конверсия в продажи. Страницы входа и регистрации  — если на вашем сайте предполагается авторизация пользователей, позаботьтесь о том, чтобы формы были удобными.
Мы в соцсетях
Видеоканал
Поделиться
rss