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

Скачайте эту статью в удобном формате.
Все, что не указано в техническом задании либо не будет выполнено, либо будет выполнено на усмотрение разработчика, и влиять на это вы сможете только за дополнительную плату. А потому, уделите техническому заданию (здесь и далее ТЗ), максимум внимания. Представьте, что вы пишите его для строителя дома. И если вы не указали, что где-то должно быть окно, то сделать его потом будет сложнее и, конечно, дороже.
Данная статья Шумологии разработана в помощь нашим клиентам. Мы постарались максимально подробно и доступно описать то, что нам необходимо получить от клиента на самом первом и важном этапе разработки сайта.
0. Бюджет
Как правило, все планируют определенную сумму на разработку сайта, причем, зачастую, она ничем не обоснована. Просто так хочется.
Принимаясь за конкретный заказ, мы приводим такую аналогию: сайт, как автомобиль. Он может быть «умным», красивым и мощным, а может быть отечественным. Все, что мы внедряем в сайт, требует определенных трудозатрат со стороны целого коллектива людей. А потому, все будет зависеть от того, сколько «Мозгочасов» мы потратим на разработку.
Если же у вас отведен конкретный бюджет на разработку сайта, и он, мягко говоря, мал, если учесть объёмы и сложность ТЗ, мы будем стараться «удешевить» свою работу. Обычно это сводится к использованию уже наработанных программных модулей и шаблонных дизайн-макетов.
Если же вы хотите получить уникальный веб-сайт, с авторским дизайном и иллюстрациями, то вам придется идти от обратного, т.е. подготовить для нас подробное техническое задание, на основании которого мы сформируем бюджет на разработку проекта. Вам буду предложены варианты и детальная стоимость опций, которые вы сможете добавить или удалить, влияя тем самым на конечную стоимость продукта.
1. Название проекта
Как вы лодку назовете, так она и поплывет. Здесь примерно то же самое. Скорее всего, что название сайта не будет употребляться в нем самом. Но оно пригодится вам позже, например, для рекламы, а также его можно употребить в заголовке главной страницы и т.д.
Могут быть варианты: «Корпоративный сайт компании «XXX», либо «Персональный сайт фотографа И.В. Петрова», «Интернет-магазин «XXX» и т.д. Кроме того, название во многом поможет нам при разработке, поскольку из него следует направленность будущего продукта.
2. Нам необходимо понять компанию или человека, для которых создаем сайт, узнать подробно о деятельности и принципах.
Знакомство с вами может включать, например, следующие пункты:
2.1 Чем занимается компания/человек.
2.2 Какая ценовая категория услуг и продуктов компании.
2.3 Какие торговые марки представляет компания.
3. Целевая аудитория
В этом разделе вы описываете своего потенциального посетителя.
3.1 Интересы
3.2 Возраст
3.3 Женский и мужской пол в процентном соотношении
3.4 Географическое положение аудитории.
Таким образом, составляем подробный список всех возможных посетителей сайта и продумываем, кто какие цели преследует и какие потребности посетителей наиболее важны для компании.
4. Анализ сайтов конкурентов «+» и «-»
Этот этап работы сводится к двум целям: избежать повторений в дизайнерских решениях и выяснить особенности сайтов.
Рекомендуем просмотреть подобные сайты, выделить то, что понравилось, что нет. Это всегда полезно.
Укажите в ТЗ адреса сайтов, которые вам нравятся, также укажите, что именно вас привлекло в конкретных решениях.
5. Структура сайта
Представьте себе файловую систему на вашем компьютере: «C:\WINDOWS\java\classes». В роли диска «С» на сайте выступает главная страница, «WINDOWS» – это может быть один из множества разделов сайта, например: «Услуги», «Контакты» и т.д.
Проще всего при разработке структуры набросать «дерево» на листе бумаги.
Вот пример структуры несложного сайта:

Потратьте значительно времени на этот раздел, поскольку он является ключевым, если на корректировку текста или смену картинки уйдет несколько минут, то на добавление нового раздела может потребоваться значительно больше усилий. Подобные работы выполняются за дополнительную плату, поэтому если вы забыли о каком-то разделе, скорее всего, вам придется заплатить дополнительно за его добавление, если договор уже будет подписан.
6. Подробности исполнения разделов
Вот тут самое интересное. По большей степени этот раздел касается дизайна.
Практически все, что вы видите, открывая тот или иной сайт, имеет одинаковое назначение, но реализовано по-разному. Ну, например, страница «Контакты». Это может быть просто текстовое перечисление адреса, телефона и других реквизитов.
Схема проезда может быть, может не быть. Может быть представлена в виде картинки с указанием пункта назначения, а может быть выполнена в виде интерактивного окна с привязкой к Yandex.map, в этом случае можно воспользоваться всеми удобствами сервиса от Yandex: просмотреть близлежащие улицы, номера домов, изменить масштаб и даже просмотреть снимки со спутника. Так мы реализовали на нашем сайте:

Раздел контакты может содержать форму обратной связи, заполнив которую, клиент связывается с вами посредством электронного адреса, так мы сделали на сайте gnetcafe.ru:

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



Вы можете предложить свой вариант, если ни один из разработанных нами вас не устраивает.
Раздел «Публикации» или «Статьи». Это статические разделы, и, казалось бы, что может быть проще. Однако здесь тоже могут быть варианты исполнения.
Например, объемные документы лучше хранить в специализированных файлах, например .pdf, .doc, .txt и др.
Вы можете хранить эти файлы и просто предлагать посетителю сайта скачать их. Это во многом облегчит вам задачу обновления таких документов. Вы просто корректируете его на компьютере и выгружаете на сервер через ftp.
Посетителю сайта предлагается скачать его или открыть средствами браузера. Но документ может и содержаться в теле страницы, тогда управлять им придется с помощью панели управления, что может вызвать некоторые затруднения.
Словом все, что вы пожелаете, может быть реализовано. Все, что вы не указали в ТЗ либо не будет реализовано, либо будет реализовано так, как пожелаем мы.
7. Дизайн
Все что мы видим на страницах сайта, есть элементы дизайн. Дизайн это не только «Красиво», но и «Удобно». Многие разработчики, решая задачу «Красиво», уходят в такие дебри, что порой просто не понимаешь, что и где находится.
Это может быть интересно, если вы, например, художник или музыкант рок-направления, но очень неинтересно, если вы компания по продажи торгового оборудования, или магазин запчастей к автомобилям. Все идет от п. 2 и 3 нашего ТЗ: кто вы и для кого вы.
Если вы располагаете брэнд-буком, прилагайте его к ТЗ, если у вас только логотип – прилагайте векторный файл к ТЗ. Укажите цветовую гамму, укажите общие пожелания. Этого достаточно нам, т.к. все остальное мы будем делать, основываясь на своем опыте. А все потому, что web-дизайн это наука, которая достаточно сложна и многогранна, она имеет свои стандарты и особенности. Заниматься ей должен специалист.
8. Обслуживание
То, что может оказаться дороже разработки в разы.
Разрабатывая ТЗ, немаловажно думать о том, как и кто будет всем этим управлять. Мы можем сделать практически все, но это может оказаться сложно в управлении. Например, отредактировать текст вы сможете без проблем с помощью предоставленной нами системы управления контентом (CMS), но для того, чтобы сделать Flash-баннер, либо изменить презентационный flash-ролик, вам, скорее всего, понадобится помощь специалиста, желательно того, который его делал.
Это дополнительный расход. Если вы располагаете средствами, указывайте в ТЗ, что вы хотите сайт с элементами анимации.
Словом, все нестандартные решения в разработке сайта, потребуют нестандартных и более сложных решений в управлении. Это опять таки отразится на стоимости работ по обновлению сайта.
Схем по обслуживанию большое множество, основные: фиксированная плата в месяц, оплата по факту, самостоятельное обслуживание с помощью панели управления. Укажите то, что вам наиболее удобно, т.к. это отразится на стоимости сайта и его дальнейшем сопровождении.