Техническое задание (тз) на разработку сайта

техническое задание на разработку

От автора: Как написать техническое задание (тз) на разработку сайта? Тема достаточно обширная, и в рамках одной заметки ее сложно разобрать на все 100% (если вообще это возможно). Но общие положения, о том что нужно учесть и на что следует обратить сое внимание при составлении тз веб-сайта, я постараюсь изложить достаточно подробно.

Бернацкий Андрей

Автор: Андрей Бернацкий

Один из авторов проекта «Основы Самостоятельного Сайтостроения». Адрес в сети — www.WebForMyself.com

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

Бернацкий Андрей свободно владеет такими техниками как: HTML, CSS, JavaScript, jQuery, AJAX, PHP&MySQL.

Итак, техническое задание на разработку сайта

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

Давайте проанализируем такой пример:

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

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

техническое задание на разработку

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

Что мы имеем. Исполнитель пункт тз выполнил, а вы хотели совсем иное. Вроде все в соответствии, никто не виноват, до конфликта не дошло, но самое главное потеряны время и деньги.

Это пример всего-то банального календаря.

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

Поэтому, чем подробнее вы опишите функционал каждого модуля, тем быстрее получите результат. В этом должны быть заинтересованы обе стороны.

Из каких пунктов обычно состоит техническое задание?

Давайте представим, что вы владелец некоторой компании или фирмы. Ваша компания занимается выпуском какой-либо продукции, и ее реализацией. У Вас есть покупатели. Вы сотрудничаете с продавцами (магазинами и интернет магазинами), сервисными центрами, потребителями продукции. Или же Вы делаете ресурс для такой компании и Вам нужно написать техническое задание.

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

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

Поехали по пунктам.

Описание

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

Далее тут указываем:

для кого — целевую аудиторию:

потенциальные покупатели

продавцы продукции (магазины, интернет-магазины)

сервисные центры

партнеры (фирмы)

потребители продукции (тот, кто уже купил)

Для чего нужен сайт:

Для повышения имиджа компании

Для увеличения продаж

Для удобства клиентов

Тип:

Корпоративный

Сайт – визитка

Интернет магазин

Языковые версии:

Английский

Русский

Сайт должен решать какие-то задачи. Соответственно далее двигаемся по целям и задачам.

Цели и задачи

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

Потенциальные покупатели продукции.

Цель: привлечь больше покупателей и убедить сделать первую покупку, помочь сделать выбор.

Необходимо решить задачи:

Дать качественную, исчерпывающую информацию о продукции, дополнительных услугах, гарантии, сервисе, методах выбора.

Дать информацию о салонах-магазинах

Дать информацию о розничной торговой сети

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

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

Теперь перечисляем модули.

Функционал сайта

Для того чтобы перечислить функционал, нужно решить что ему необходимо:

Нужны ли новости

Нужен ли рекламный блок

Нужна ли регистрация

Нужен ли закрытый раздел (только для зарегистрированных пользователей)

Нужна ли форма обратной связи

Нужен ли скрипт рассылки

И т.д. и т.п.

После того, как все это описали, мы подбираемся к самому главному и интересному. Конечно, вся проделанная выше работа очень важна, но теперь становиться еще «жарче».

Описание функционала

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

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

Предлагаю начать с пунктов меню. В нем нужно отобразить основные страницы и позаботиться о том, чтобы каждый из посетителей быстро нашел информацию для себя. А посетители – это наша целевая аудитория. Меню будет включать много пунктов, поэтому будет в виде выпадающего списка.

Для начала нужно рассказать о компании. Тут могут быть страницы о компании, история компании, контакты, отзывы.

Далее может идти вкладка «новости». Подпункты могут быть «события», «акции», «новое».

Естественно должен быть пункт меню «продукция», с подпунктами «каталог продукции», «релизы», «отзывы о продукции».

В общем как расписывать надеюсь понятно. Представлю конечный вариант возможного меню:

о компании

история компании

контакты

отзывы

новости

события

акции

новое

продукция

каталог продукции

релизы

отзывы о продукции

сервис

служба сервиса

гарантийное обслуживание

послегарантийное обслуживание

потребителю

покупка и доставка

пользование

о сервисе

магазинам и интернет магазинам

фотографии продукции

Часто задаваемые вопросы

сервисным центрам

Как стать сервисным центром

Часто задаваемые вопросы

партнерам

приглашение к сотрудничеству

Часто задаваемые вопросы

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

техническое задание на разработку

Эта часть меняется в зависимости от того, как вы хотите видеть вашу страницу. Может вверху не нужно столько баннеров, возможно вверху нужно указать контакты (адрес, телефон, факс), может в виде иконок «карта сайта», «главная», «контакты». Может, новости Вам слева не нужны, а «акции и релизы» показывать слева.

Главное теперь описать логику работы.

Логика работы

Я описывать буду исходя из рисунка выше.

Верхняя часть (header) остается неизменной на каждой странице. Новостная лента видна только на главной странице. На второстепенных страницах слева показываем подпункты меню того пункта, в котором в данный момент находимся (например если мы на странице «служба сервиса», то показываем ссылки на «гарантийное обслуживание», «послегарантийное обслуживание»). Соответственно и переходы по этим ссылкам ведут на соответствующие страницы. Здесь же, под подпунктами слева отображаем данные для связи с он-лайн консультантами (Skype, ICQ). Блок акции и релизы остаются на каждой странице. Подвал (футер) отображается один и тот же на каждой странице.

Примерно так описывается общая логика работы.

Теперь в нашем тз на разработку сайта, подробно описываем каждый обозначенный блок сайта. Например «Новостная лента».

«Новостная лента» из 10-ти последних новостей. Каждая новость должна состоять из заголовка новости, даты публикации, краткого начала новости (4-5 строк) и ссылки «читать полностью». При нажатии на ссылку «читать полностью» попадаем на страницу новостей. Новость, на которую попали, отображается на месте основного содержимого. Включает также заголовок новости, дату публикации. Слева так же отображается новостная лента. Новости за прошлые месяцы и года попадают в архив. То есть под новостями за текущий месяц отображаем «архив за (такой-то месяц или год)». При нажатии на ссылку «архив за (такой-то месяц или год)» вниз выпадает список новостей за соответствующий месяц/год.

Примерно так описываем работу каждого блока. Не забываем про случай с календарем. И самое главное нужно расписать работу каталога товара. Здесь я даю вам задание: попробуйте продумать и описать, как будет работать каталог. Свои варианты присылайте на e-mail. Лучший мы опубликуем.

Что еще должно быть? Неплохо было бы указать совместимость.

Совместимость

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

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

Заключение

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

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

И не забывайте про задание!

Автор: Бернацкий Андрей

E-mail: contact@webformyself.com

"Киберсант-вебмастер" — самый полный курс по сайтостроению в рунете!

P.S. Хотите опубликовать интересный тематический материал и заработать? Если ответ «Да», то жмите сюда.

Хотите узнать, что необходимо для создания сайта?

Посмотрите 3-х минутное видео и у Вас будет четкий пошаговый план по созданию сайта с нуля!

Смотреть видео

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (35)

  1. Михаил

    Великолепная статья! Андрей, давно являюсь Вашим подписчиком, правда не всегда успеваю все просматривать, но могу отметить, что материалы предоставляемые Вами для ознакомления всегда интересны и содержательны! Молодец! Рад, что у Вас все получается. Сам неоднакратно использовал Ваши советы при создании своего сайта и все получилось. Благодарю.
    Да, и спасибо, что делитесь столь полезной информацией совершенно бесплатно!

  2. Татьяна

    Спасибо!!!!
    Это то что необходимо… но только теперь вырисосывалось.

  3. Владислав

    ЗдравствуйтеЙ хочу учиться делаю сайт (покупатели продукции) как?

  4. Александр

    Спасибо, очень интересная и познавательная статья)

  5. Devil_Shurik

    Отличная статья, Андрей!
    Неплохо было бы еще увидеть статью, как побудить клиентов писать такие ТЗ.
    Допустим, как оформить форму для ТЗ на сайте исполнителя.
    Тогда и заказчику будет легче составить ТЗ.

    • Andrey Bernacki

      Форма для ТЗ на сайте исполнителя — это совсем не вариант, потому что общая форма под любой сайт (сайт — визитка, интернет магазин и т.д.) получиться очень обширная и далеко не каждый захочет ее заполнять. Обычно делается так:
      - Поступает заказ на разработку сайта (допустим сайт визитка фирмы, предоставляющей какие-нибудь услуги) по телефону или на e-mail ;
      - Заказчику высылается бриф (документ с вопросами, ответив на которые, заказчик охарактеризует свою компанию, услуги и примерный вариант сайта, который он хочет получить) на разработку сайта. Вот брифы у компании — изготовителя сайта на каждый вид сайта свои, со своим отдельным списком вопросов;
      - Исполнитель изучает заполненный бриф, готовит список уточняющих вопросов. Уточняющие вопросы обычно возникают исходя из опыта разработчика. Здесь можно сказать, что в таком-то проекте схожей тематики мы делали такую-то штуку — может вам такая нужна? (ну примерно как-то так).
      - Если заказчик и исполнитель живут в одном городе или могут встретиться, то при встрече оговариваются общие и дополнительные вопросы, потом составляется ТЗ и приступают к разработке. Если встретиться нет возможности, то идет переписка и переговоры (допустим по skype).

      Примерно такая схема происходит. А то, что заказчик заполнит какую-то форму и можно будет написать ТЗ на сайт — это из области фантастики))

      • Галина

        Благодарю за такое подробное разъяснение что к чему! Про бриф слышу впервые (я только учусь работе с заказчиками)поэтому собираю любую полезную информацию, которая поможет мне оказывать услуги веб мастера на приличном уровне. Спасибо Вам, Андрей!

  6. Ольга

    Спасибо, отличная статья!

  7. Татьяна

    Здравствуйте, Андрей! Начинаю строить свой сайт, но не знала, с какой стороны подступиться.
    Эта статья — именно то, чего мне не хватало. Как человеку с техническим образованием, такое стройное
    изложение материала мне было необходимо. Сегодня в первый день зимы Вы мне сделали подарок.
    Появилась платформа под ногами, от которой можно оттолкнуться. Настроение — супер !!!
    С уважением, Татьяна.

  8. Наталья

    Большое спасибо,Андрей, за всю ту полезную информацию, которой Вы делитесь, причем БЕСПЛАТНО, со всеми пользователями!!! В настоящий момент она мне не просто пригодилась, а по-настоящему выручила!
    Мы сейчас находимся на этапе переноса нашего сайта с HTML на Joomla… И главным вопросом как-раз было добиться внятного ТЗ для нового сайта. Теперь есть возможность «правильно» запросить требуемую информацию. Спасибо!

  9. Федор

    Спасибо. Статья полезная. Для новичков, считаю необходимо расписывать действия по созданию сайта по-шагово. Для них это будет проще, исключит сумбур в голове (надеюсь!).

  10. Геннадий

    Классная и весьма актуальная статья. Спасибо Андрей.

  11. Влад

    Как всегда было очень интересно,спасибо.

  12. Георгий

    После длительного «замутнения» я снова начинаю что-то понимать! Спасибо огромное, Андрей!

  13. Лариса

    Спасибо, Андрей за полезный и толковый материал

  14. Павел

    Спасибо большое Андрей за Ваши труды!
    Встретил в интернете уже просто не описуемое море халявы и лохотрона.
    Ваш же проект это по и истине, то что нужно для того чтобы люди не разочаровались в сети! Ваши уроки помогают мне если не ошибаюсь уже месяца 2 или 3, не помню точно сколько, да и не суть, суть в том, что пользы от них больше чем от образовательного, дипломированного сайта «интуит»!
    Спасибо за поддержку и помощь страждущим!
    Успехов Вам и Вашей команде!

  15. Руфина

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

  16. Дмитрий

    Здравствуйте…
    Я думаю здесь вкралась ошибка
    «Предположим, вам нужен последний вариант календаря (с возможностью перелистывать месяцы и годы) с подсветкой текущей даты. Вы в ТЗ указали: «в боковой панели нужен календарь». Заказчик вам делает первый вариант календаря (просто показывает числа по дням недели текущего месяца).

    Что мы имеем. Заказчик пункт ТЗ выполнил, а вы хотели совсем другой календарь. Вроде все в соответствии с ТЗ, никто не виноват, до конфликта не дошло, но самое главное потеряны время и деньги.»
    Говорим «Заказчик», подразумеваем «Исполнитель»?

    Если что сотрите каммент, Андрей…

  17. Рафаэль

    Молодец. В основном заказывают сайты те кто в этом совсем не смыслит и по этому ТЗ просто обязаны составлять исполнители. Это статья актуальна для начинающих мастеров и она даёт представление о ТЗ в целом, а более подробней уже некуда. Дальше включаются мозги и задаются клиентам наводящие вопросы. Молодец! Это как раз то, что я лично искал уже давно. И теперь благодаря Вам ТЗ будут составляться ещё грамотней.

  18. Rimma

    Спасибо Андрей. Очень хорошо, понятно и коротко разьяснил все. Я думаю это многим поможет. Мне нравятся ваши статьи

  19. Александр

    опять ошибка «Основы Самостоятельного СайтосТроения»)))

  20. Ефимов Виктор

    Хорошая статья.

    Единственное, что хотел бы добавить это при создании приблизительного макета сайта использовать не листок бумаги и карандаш, а какое-нибудь приложение. На мой взгляд, лучше всего подойдет для этих целей Axure RP Pro 5.6.

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

    Вот одна из первых ссылок, которую выдает гугл, если кто-нибудь захочет узнать подробнее: http://www.cwer.ru/node/129841/

  21. Олег

    Спасибо, Андрей!
    Вроде, итак знал тему, а суммированной информации до сих пор не составил. Жаль, что клиенты, как правило, и знать не хотят основных принципов создания ТЗ. Делают его под мои уговоры и под нажимом, и чаще всего техзадание сам им в итоге составляю….хех..

  22. Андрей

    Классная статья, она будет полезна и самим разработчикам :) Её можно советовать изучить своим заказчикам)))

  23. Нина

    Замечательная статья, Андрей! Всё предельно ясно и чётко. Огромное Вам спасибо и дальнейших успехов!

  24. Татьяна

    Спасибо большое, Андрей! Статья то, что надо, как-раз то, чего не хватало лично мне, теперь все стало на свои места.Описано все четко и ясно. Вы молодец!!!

  25. Артур Степанян

    Статья нормалёк.
    Тока вот поделюсь впечатлением.
    Ранее было 2 подхода к реализации проектов. Сначала было восходящее программирование. Проекты в срок никак не укладывались. Потом фирма IBM сообразила нисходящее программирование. И проекты вдруг начали сдавать в срок.
    А ТЗ — это всего лишь элемент работы. Справедливости ради скажу, что не маловажный.

    Пока стока. Вроде идею высказал. Имеющий уши да услышит.

  26. Игорь

    Отличная статья. Много полезного и интересного. Я являюсь Вашим постоянным учеником. Успехов Вам. Игорь.

  27. Pocherk

    Хорошая статья.
    Я на сайте использую online форму (анкету для заказа сайта), чтобы на его основе составлять ТЗ.
    Посмотреть можно здесь: pocherk.ru/brif/
    Это тем более полезно, что когда Заказчик пытается ответить на конкретные вопросы,
    он лучше начинает понимать, что он хочет получить от сайта. А то раньше частенько попадались заказчики, кот. сами не знают чего хотят. Как говорится «чтобы не хуже, чем у других»

  28. anatoli

    доброе утро.
    рассылка приходила. но я не успел ее скачать. пропала. можно ли повторить.

  29. Владислав

    Хорошая статья! Советую сделать книгу по созданию сайтов.
    Я новичок в инфобизнесе. По глупости поверил, что сайт
    можно создать за 1 день: «Профессиональный блог за один день»
    Не буду называть имени автора. По-моему, так врать нехорошо.
    Представленная работа отчетливо показывает, что создание
    сайта — серьезное и сложное дело. И начало его разработка ТЗ
    А на разработку ТЗ может уйти много дней.
    Например, в настоящее время уже нельзя обойтись без видеотехнологий.
    Но их надо изучить, понять, что решает видеопрезентация, видеореклама,
    флэш-баннер и т.п. И потом уже вносить их в план создания сайта.

    Молодежь! Хватит вешать лапшу на уши!
    Вспомните, как группа лиц взялась всю страну перестроить за 500 дней!
    Трепачи!
    Из той же серии песни:
    «Работаем 30 минут в сутки, получаем в месяц несколько тысяч долларов!»

    Итак, спасибо Андрей, спасибо Виктор — пишите книгу.
    С уважением, Владислав Васин.

  30. Анна

    Здравствуйте! Опубликовывали ли вы лучшее выполнение задания, которое дали в статье (придумать описание и механизм работы каталога)?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree