No Image

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

СОДЕРЖАНИЕ
0 просмотров
22 января 2020

Автор: admin · Опубликовано 26.07.2017 · Обновлено 26.07.2017

1.1 Интернет-магазин представляет стильную мужскую одежду культовых брендов.

1.2 Доступ к сайту будет осуществляться при помощи персонального компьютера, смартфона, планшетного компьютера, имеющего браузер Firefox, Safari, Google Chrome или Edge.

Адаптивный дизайн – (Adaptive Web Design) — дизайн веб-страниц, обеспечивающий корректное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера.

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

VPS – (Virtual Dedicated Server) — услуга, в рамках которой пользователю предоставляется так называемый виртуальный выделенный сервер. В плане управления операционной системой она соответствует физическому выделенному серверу. Имеется root-доступ, собственные IP-адреса, порты, правила фильтрования и таблицы маршрутизации.

Google PageSpeed Insights — это бесплатный сервис рекомендаций для веб-сайтов по ускорению отображения страницы в браузере пользователя (https://developers.google.com/speed/pagespeed/insights/).

Поисковая оптимизация (или SEO) — комплекс мер по внутренней и внешней оптимизации для поднятия позиций сайта в результатах выдачи поисковых систем по определённым запросам пользователей.

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

Внутренняя оптимизация сайта — это оптимизация текста, URL-адресов, редактирование структуры сайта, перелинковка, проверка ответов сервера.

3. Описание функциональных блоков (задач) проекта

3.1.1 Дизайн сайта должен быть адаптивный и работать корректно во всех браузерах (Firefox, Safari, Edge) и устройствах (персональный компьютер, смартфон, планшетный компьютер). Разрешение экрана устройств имеет размер 720х1280 пикселей, 1080х1920, 2560×1440, 640х1136 и 750х1334 пикселей соответственно.

3.1.2 Исправить ошибки верстки страниц в корзине и на странице оформления заказа.

3.2 Личный кабинет

3.2.1 На странице https://name.com/login/ добавить регистрацию и авторизацию посети-телей сайта через социальные сети – VK, Google, Facebook.

3.2.2 В личном кабинете в разделе заказы добавить поле для добавления промо-кода.

3.2.3 Вместо страницы, которая приходит пользователю после запроса на восстановление пароля (вида name.com/bitrix/admin/index.php?change_password=yes&lang=ru&USER_CHECKWORD=) сделать страницу (вида name.com/login/forgot/сhange_password=yes&lang=ru&USER_CHECKWORD=), которая будет отображать контент сайта, будет иметь поле «Email при регистрации», контрольная строка, новый пароль, подтверждение пароля, кнопка отправить данные.

3.2.4 При добавлении товаров в корзину должно выводиться сообщение о том, что товар добавлен в корзину.

3.2.5 Добавить вывод сообщения о том, что пароль не соответствует параметрам без-опасности при регистрации нового пользователя. Пароль пользователя должен проверяться на наличии больших, строчных букв и длинна должна составлять минимум 8 символов.

3.2.6 Исправить ошибку с не отображением товаров в боковом виджете корзины.

3.2.7 Убрать автоматическую подстановку имени из имени почтового адреса клиента в личном кабинете пользователя (http://name.com/account).

3.2.8 На странице восстановления пароля и на странице авторизации пользователя ( https://name.com, https://name.com/login/) при нажатии на поле для ввода информации надпись должна пропадать.

3.3.1 Отсортировать пункты подменю по первой букве названия. Выводить букву, а затем пункты подменю.

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

3.3.3 Необходимо убрать открытое подменю с разделами при переходе на соответствующие страницы из главного меню (Новинки, Дизайнеры, Одежда, Обувь, Аксессуары, Скидки). Особенно это касается страницы «Дизайнеры» и «Обувь», так как при переходе из меню на соответствующую страницу появляется подменю с несколькими десятками наименований.

3.3.4 Увеличить интервал между логотипом и меню.

3.4.1 На странице https://name.com/contacts/ сделать так, чтобы карта не перехватывала прокрутку колеса мышки при попадании на него курсора.

3.4.2 Исправить указатель магазина Cornery, который нечетко отображается на странице с картой https://name.com/contacts/.

3.5 Оптимизация сайта

3.5.1 Сайт должен быть оптимизирован до показателя 90 баллов по PageSpeed Insights

Осуществить оптимизацию изображений.
Реализовать асинхронные запросы JavaScript.
Использовать возможности кеш браузера для хранений страниц сайта.
Провести рефакторинг кода.
Использовать Bitrix Композит для увеличения быстродействия сайта.

3.6.1 Провести SEO оптимизацию.

4. Нефункциональные требования

4.1. Требования к организационному обеспечению

4.1.1 Сайт должен быть настроен на VPS.

4.1.2 Виртуальный выделенный сервер должен иметь PHP версии не ниже 5.3, Apache 1.3 и выше, MySQL 5.0 и выше, Phpmyadmin, акселераторы PHP c минимум 256 Мб кеша.

4.1.3 Должны присутствовать доступы по SSH и FTP.

4.1.4 VPS должен иметь возможность автоматического ежедневного резервного копирование файлов сайта и базы данных сайта.

4.1.5 Сайт должен стабильно работать при объеме трафика 1000 посетителей в день.

Время чтения: 17 минут Нет времени читать? Нет времени?

Помните закон Мерфи? Если вас могут понять неправильно, вас обязательно поймут неправильно. Это справедливо не только в общении между людьми, но и в создании сайтов. Клиент хотел второй «Фейсбук», а получил форум юных собаководов. Разработчик не угадал хотелку заказчика — потратил время впустую.

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

Статья будет полезна:

  • Всем, кто имеет отношение к созданию сайтов: разработчикам, дизайнерам, верстальщикам.
  • Менеджерам проектов.
  • Руководителям диджитал-студий.
  • Предпринимателям, которые планируют заказать разработку сайта.

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

Что такое техзадание и зачем оно нужно

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

Пользы от технического задания много. Для каждой стороны она своя.

Польза для клиента:

  • Понять, за что он платит деньги, и каким будет сайт. Можно сразу увидеть структуру, понять, что и как будет работать. Прикинуть, все ли устраивает. Если нет — без проблем поменять еще до начала разработки.
  • Увидеть компетентность исполнителя. Если техзадание понятное и четкое — доверие к разработчику повышается. Если там написана каша — возможно, стоит бежать и не оглядываться.
  • Застраховаться от недобросовестности исполнителя. Когда сайт готов, его можно проверить по техническому заданию. Есть несоответствия? Разработчик обязан их исправить. Если вы сотрудничаете официально и заключали договор — можно даже принудить через суд.
  • Упростить замену исполнителей. Если клиент и разработчик повздорили и разбежались, создание сайта может сильно затянуться. Когда есть подробное техзадание, его можно передать новой команде — она втянется в работу в разы быстрее.
  • Узнать стоимость разработки сложного продукта. Оценить точные сроки и стоимость разработки сложного веб-сервиса сходу нельзя. Сначала нужно понять, как будет работать сервис, и какие в нем будут функции. Для этого и нужно подготовить техзадание.

Польза для исполнителя:

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

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

Техзадание составляет исполнитель

Вообще техзадание может составить кто угодно. «Нужен сайт-визитка для стоматологической клиники» — это уже техзадание. Но будет ли оно выполнять свои функции? Вряд ли.

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

Это не значит, что клиент исчезает и появляется в самом конце, чтобы написать: «Збс, одобряю». Он тоже должен участвовать в процессе:

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

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

Пишите однозначно и точно

Этот совет вытекает из главной цели техзадания — «Убедиться, что клиент и исполнитель правильно поняли друг друга».

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

Посмотрите. Кто-то ведь посчитал этот дизайн красивым и разрешил использовать на своем сайте:

То же самое — с невнятными формулировками, которые ничего сами по себе не значат:

  • Сайт должен понравиться заказчику. А если у него будет плохое настроение?
  • Сайт должен быть удобным. Что это значит? Удобным для чего?
  • Сайт должен выдерживать большие нагрузки. 10 тысяч посетителей? Или 10 миллионов?
  • Качественный экспертный контент. Ну, вы поняли.
Читайте также:  Швейная машинка janome для начинающих

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

  • Сайт должен загружаться быстро → Любая страница сайта должна иметь больше 80 баллов в Google PageSpeed Insights.
  • Большие нагрузки → 50 тысяч посетителей одновременно.
  • На главной странице выводится список статей На главной странице выводится список последних 6 опубликованных статей.
  • Минималистичный удобный интерфейс подписки → Поле «Оставьте e-mail» и кнопка «Подписаться» → *нарисованный эскиз*.

С формулировками разобрались, давайте пробежимся по структуре.

Укажите общую информацию

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

А еще стоит указать цель сайта и описать его функционал в двух словах — чтобы не получить интернет-магазин вместо блога.

Поясните сложные термины

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

Опишите инструменты и требования к хостингу

Представьте, что вы 2 месяца делали крутой сайт. Каждый этап согласовывали с клиентом — он в восторге. И вот пришло время сдавать работу. Вы показываете админку, а клиент кричит: «Это что такое? Модэкс?! Я думал, вы сделаете на «Вордпрессе»!»

Чтобы таких проблем не было, опишите используемые инструменты, движки и библиотеки. Заодно укажите требования к хостингу. Мало ли, вы сделаете на PHP — а у клиента сервер на .NET.

Перечислите требования к работе сайта

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

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

Укажите структуру сайта

До начала отрисовки дизайна и верстки вам нужно согласовать с клиентом структуру сайта.

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

Можно показать структуру списком, можно нарисовать блок-схему. Как вам удобнее.

Это один из важнейших этапов работы на сайтом. Структура — это фундамент. Если она неудачная — сайт получится кривой.

Объясните, что будет на каждой странице

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

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

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

Распишите сценарии использования сайта

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

  • Действие пользователя.
  • Ответное действие сайта.
  • Результат.

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

Подробнее о сценариях использования читайте в «Википедии».

Определите, кто отвечает за контент

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

Придумать объективные критерии оценки качества текстов довольно сложно. Лучше не пишите ничего, чем «Качественный, интересный и продающий контент, полезный для целевой аудитории». Это мусор, он никому не нужен.

Опишите дизайн (если сможете)

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

Писать про красивый и современный дизайн не надо. Это ничего не значит, не имеет силы и вообще фу.

Вместо вывода: структура техзадания

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

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

Также рекомендую почитать

  • Правила составления Software Requirements Specification. SRS — следующая ступень эволюции техзадания. Нужна для больших и сложных проектов.
  • Стандарты и шаблоны ТЗ на разработку ПО. Описания разных ГОСТов и методологий создания технических заданий.

Это конец той части, которую писал я. Но есть и другая — комментарии специалистов, которые помогали делать гайд. Почитайте, это тоже интересно.

Комментарии разработчиков

Я пообщался с несколькими разработчиками, чтобы узнать, как они составляют техзадания. Передаю микрофон им.

Аша Саакян, веб-дизайнер, фрилансер

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

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

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

Гурам Сипки, основатель диджитал-студии Udix Media

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

ТЗ составляет менеджер проекта после общения с клиентом и обсуждения задачи с дизайнером.

Крупные заказчики часто просят очень подробные ТЗ, в которых описана каждая кнопка. Небольшие компании наоборот не любят дотошные документы на 100 страниц. Долго читать и легко упустить что-то важное. Чаще мы делаем лаконичные ТЗ на 10–15 страниц.

  • Информацию о компании и цель сайта.
  • Требования к дизайну, цветовую гамму.
  • Используемые технологии и CMS.
  • Кто занимается контентом — мы или клиент.
  • Структуру сайта вплоть до каждой страницы.
  • Описания каждой страницы. Мы не делаем прототипы, но указываем, какие элементы должны быть на странице, и как они должны работать.

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

Очень важный момент — нельзя просто отдать техзадание разработчикам и надеяться, что они все сделают хорошо. ТЗ — это список требований к сайту, оно не может заменить общение. Важно убедиться, что каждый член команды понимает общую цель, а не просто выполняет задачи на потоке. Если что-то непонятно — надо объяснить, обсудить, дать подробные комментарии.

Дмитрий Кузьмин, менеджер проектов

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

Если что-то не указано в ТЗ — надо или уточнить у клиента или реализовать на усмотрение разработчика. Но отдельно сообщаем об этом моменте клиенту. Это нужно обсудить заранее, а еще лучше прописать в конце техзадания.

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

Александр Курочкин, основатель студии Etalon Idea

Техзадание есть всегда, без него не бывает работы. «Мне нужен интернет-магазин» — это уже техзадание. Проблема в том, что это очень расплывчатое ТЗ, оно не дает практически никакого понимания.

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

Техзадание — это эталон, с которым вы и ваши клиенты будете сравнивать сайт. Оно нужно всем:

  • Разработчик равняется на вещи, описанные в ТЗ.
  • Тестировщик проверяет, все ли работает так, как задумано.
  • Клиент понимает, что получит в итоге.
  • Менеджер проекта может оценить стоимость и сроки разработки.

С сайтом-визиткой или магазином все просто. На нем вряд ли будет что-то новое, поэтому оценить его стоимость легко еще на этапе обсуждения. Если мы делаем что-то подобное, то можем обойтись вообще без ТЗ. Обсудили задачу, написали формальность в договоре, сделали. Все довольны.

Читайте также:  Что делать если повербанк не заряжает телефон

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

В ТЗ мы указываем:

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

Мой совет читателям — в первую очередь наладьте коммуникацию. Если члены команды не могут понять друг друга и клиента — никакое техзадание вам не поможет.

Юрий Кетов, фронтенд-разработчик, фрилансер

Я не люблю работать по ТЗ. Большинство ТЗ, которые я видел, чрезмерно громоздки и неэффективны. Для меня идеальна ситуация, когда клиент в одном абзаце формулирует задачу сайта и контекст, в котором он будет использоваться.

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

В этом случае для меня главное — референсы. Я посмотрю, что сделали в этом тематике Студия Лебедева, Nimax, RedCollar, ONY, Сибирикс и еще примерно 10 компаний, выберу 2-3 наиболее удачных проекта, согласую с клиентом и буду ориентироваться на них.

Промостраница для продажи хны для биотатуажа.

Здесь главное сделать сайт, с помощью которого можно достигнуть нужных KPI. Смотрим, какие сайты делают IT-Agency и Convert Monster и делаем также, не надо ничего изобретать.

Чем больше контента дает клиент, тем лучше. Если вы дадите мне 1000 фотографий, 20 видео, 50 страниц текста — супер. Я сам все отфильтрую и выберу то, что нужно. Я немного утрирую, но, в общем, это так. Чем больше контента на входе, тем лучше, но оставьте за мной право выбирать.

Александр Белов, проект-менеджер «Текстерры»

Техническое задание нужно любому проекту. В каждом ТЗ обязательно должны быть указаны:

  • Цели и задачи, которые будет выполнять сайт.
  • Целевая аудитория.
  • Проработанная до мелочей, структура сайта.
  • Интерфейсные элементы сайта.

Клиент должен четко представлять свой сайт в законченном варианте, его внешний вид и дальнейшую стратегию развития.

Техническое задание не должно указывать разработчикам «как им делать, что делать и какой код вставить» — это в корне неправильно. В общих чертах, нужно описывать какой сайт должен быть, а не как его делать. Это необходимо учитывать как минимум потому, что заказчик, чаще всего, не обладает должной экспертизой.

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

Как мы готовим техзадание:

  • Анализируем ТЗ, присланное клиентом.
  • Изучаем прототип и дизайн-макет сайта.
  • На основе полученных данных начинаем подбирать функциональные модули для сайта, которые будут использоваться 100 % и которые, возможно, потребуется использовать.
  • Прописываем элементы, которые будут нужны при работе с интерфейсом.
  • Исходя из этих данных и оценки «веса» сайта, вычисляем подходящие системные требования к хостингу сайта.
  • После этих базовых пунктов начинаем расписывать ТЗ более детально по каждой странице.

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

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

Гурам Сипки, основатель диджитал-студии Udix Media

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

ТЗ составляет менеджер проекта после общения с клиентом и обсуждения задачи с дизайнером.

Крупные заказчики часто просят очень подробные ТЗ, в которых описана каждая кнопка. Небольшие компании наоборот не любят дотошные документы на 100 страниц.

Пример технического задания на доработку сайта

Наименование автоматизированной системы

Заказчик

Исполнитель

Основание для выполнения работ

Плановые сроки начала и окончания работ по созданию системы

Начало работ: 01.09.2010

Окончание работ: 31.12.2010

Назначение и цели создания системы

Назначение системы

Разрабатываемая автоматизированная система предназначена для автоматизации процессов сбыта предприятия..

Цели создания системы

Цели создания автоматизированной системы

Целями разработки «АС СБЫТ»являются:

  1. 3.Характеристика объекта автоматизации

3.1 Бизнес процессы предприятия

3.1. 1 Бизнес процесс «Заключение договора»

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

Техническое задание (коротко “ТЗ”) – это документ, который максимально подробно и однозначно отражает требования к Вашему будущему сайту.

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

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

Всё, что не прописано в ТЗ разработчик делает на своё усмотрение.

· Руководство по инсталляции;

2.20. Организация и проведение обучения специалистов Следственного комитета при прокуратуре Российской Федерации

Предъявляются следующие требования к обучению:

· Исполнитель должен провести обучение сотрудников Следственного комитета при прокуратуре Российской Федерации в составе не более 10 чел.

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

· Помещение для обучения предоставляется Заказчиком.

· Место и время обучения должно быть согласовано с Заказчиком.

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

В рамках обучения необходимо осуществить информационное наполнение одного пилотного сайта Кольца сайтов Следственного комитета при прокуратуре Российской Федерации.


3.

Образец технического задания на доработку сайта

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

6.2.Порядок дальнейшего сопровождения задач АС «СБЫТ».

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

6.2.2. Исполнитель обязуется поддерживать телефонную «горячую линию» по сопровождению программного обеспечения.

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

Это ключевая информация для разработчика (вендора), однако именно на этапе сбора требований возникает самое большое число коллизий, ошибок, излишних запросов и проч.

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

Сюда можно отнести требования к различного рода сортировкам, интеграциям с чатом, возможностям телефонии.

Уровень сервиса — на самом деле, требования этого уровня должны первыми попадать в новые сборки с фиксами. Это задачи по скорости отклика системы, работе под высокой нагрузкой, безопасности.

Уровень технологии — последний в списке, но по важности и сложности опережающий остальные.

Microsoft World или Microsoft Excel.

Лично мы при разработке landing page используем специальные программные продукты.

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

По теме: Прототипирование сайта: создание, инструменты и программы.

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

ЛАЙФХАКИ ПО СОСТАВЛЕНИЮ ТЗ

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

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

Убедиться, что клиент и исполнитель правильно поняли друг друга».

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

Посмотрите. Кто-то ведь посчитал этот дизайн красивым и разрешил использовать на своем сайте:

То же самое — с невнятными формулировками, которые ничего сами по себе не значат:

  • Сайт должен понравиться заказчику. А если у него будет плохое настроение?
  • Сайт должен быть удобным. Что это значит? Удобным для чего?
  • Сайт должен выдерживать большие нагрузки. 10 тысяч посетителей? Или 10 миллионов?
  • Качественный экспертный контент. Ну, вы поняли.

Проверяйте, нет ли в тексте неоднозначностей. Если есть — перепишите.

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

Читайте также:  Функция впр это расшифровка

А дальше – начинаются долгие разборки с разработчиками, по мере которых сроки изготовления, бюджет проекта и градус нервного напряжения растёт до неопределённых масштабов.

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

ОНО МНЕ НАДО?!

Неважно, кто будет исполнителем сайта – Вы сами, Ваш родственник, фрилансеры за скромную оплату, специализированная компания за огромную сумму денег…

Техническое задание на сайт должно быть.

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

Анатомия технического задания

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

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

Что касается реалистичности, то избежать просьб допилить CRM до уровня системы управления коллайдером просто: следует включать в требования то, что действительно нужно на данный момент и в обозримом будущем.

Например, RegionSoft CRM — десктопная программа, у нас нет клиента для браузера. Просить нас создать web-приложение для одной компании бессмысленно, это крупная разработка, она сейчас ведётся и не является возможной доработкой для одной компании.

Полное и краткое наименования информационной Системы

Полное наименование системы – официальный интернет-сайт Следственного комитета при прокуратуре Российской Федерации.

Краткое наименование системы – «Сайт СКП», «Система», «Сайт».

1.2. Наименование заказчика системы и его реквизиты

Наименование: Следственный комитет при прокуратуре Российской Федерации

Место нахождения: г.

Фактический адрес: А

Контактное лицо Заказчика:

Адрес электронной почты

1.3. Перечень документов, на основе которых создается Система

Государственный контракт №________________ от ___ ___________ 2010 г.

Определяются в соответствии с Договором.

2. Требования к системе

Номер платежа в платежной системе

  1. Выбрать строки файла передачи данных
  2. Начать цикл по строкам файла передачи данных
  3. Прочитать строку файла передачи данных
  4. Получить из строки файла передачи данных код договора
  5. Найти по коду соответствующий элемент в справочнике «Договоры контрагентов», если элемент не найден, то выдать сообщение « Не найден договор с кодом …»
  6. Если элемент найден, то добавить строку в таблицу значений, где : «Договор» — найденный элемент, «Дата» — «Data_plat», «НомерПлатежа» — «Nomer_plat», «Сумма» — «Summa_plat»
  7. После получения последний строки файла передачи данных окончить цикл
  8. Для каждой строки таблицы значения создать документ «Платежное ордер поступление денежных средств».

Заполняя бриф или составляя тз на дизайн сайта, не оставляйте в нём пробелов.

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

И конечно, так происходит не всегда.

Если Вам попался грамотный специалист, то можно не волноваться за результат.

Но тут возникает другая проблема, он может сделать реально как надо, а Вам не понравится чисто субъективно. И всё будет как в известном для многих разработчиков анекдоте:

КОРОТКО О ГЛАВНОМ

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

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

При нажатии на тот или иной округ должно переходить на страницу с текстовым описанием данного округа.

· Блок «Блог Председателя» — должен представлять собой список из трех последних тем, созданных в блоге в виде названия темы и даты ее публикации. Название темы будет являться ссылкой, при нажатии которой должно перевести на страницу блога с описанием данной темы. Также в данном блоке должно размещаться видео, которое можно воспроизвести, не покидая главную страницу. У видео должна быть ссылка «Комментарии», представляющая собой количество комментариев к данному видеоизображению. Ссылка «Комментарии» должна вести на страницу блога с комментариями к представленному видео.

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

Бриф – это анкета с вопросами о содержании, дизайне, технических возможностях Вашего будущего сайта.

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

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

Если отдельные пункты вызывают затруднения, то не стесняйтесь задавать разработчику вопросы по типу “Что это значит?”, “Как это повлияет на работу моего сайта?”, так как не все разработчики под одним понимают то же самое, что и Вы.

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

Если эта графа отсутствует, просто допишите их в конце брифа.

VK, Google, Facebook.

3.2.2 В личном кабинете в разделе заказы добавить поле для добавления промо-кода.

3.2.3 Вместо страницы, которая приходит пользователю после запроса на восстановление пароля (вида name.com/bitrix/admin/index.php?change_password=yes&lang=ru&USER_CHECKWORD=) сделать страницу (вида name.com/login/forgot/сhange_password=yes&lang=ru&USER_CHECKWORD=), которая будет отображать контент сайта, будет иметь поле «Email при регистрации», контрольная строка, новый пароль, подтверждение пароля, кнопка отправить данные.

3.2.4 При добавлении товаров в корзину должно выводиться сообщение о том, что товар добавлен в корзину.

3.2.5 Добавить вывод сообщения о том, что пароль не соответствует параметрам без-опасности при регистрации нового пользователя.

Автоматизированная

система «СБЫТ».

Техническое задание

Действует с «__» ____________ 2010 г.

» _» ______________ 2010 г.

Постепенно изменения вошли в релиз, а позже позволили создать новый продукт для оптовых, розничных магазинов и гипермаркетов — RegionSoft Retail.

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

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

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

Если там написана каша — возможно, стоит бежать и не оглядываться.

  • Застраховаться от недобросовестности исполнителя. Когда сайт готов, его можно проверить по техническому заданию. Есть несоответствия? Разработчик обязан их исправить. Если вы сотрудничаете официально и заключали договор — можно даже принудить через суд.
  • Упростить замену исполнителей. Если клиент и разработчик повздорили и разбежались, создание сайта может сильно затянуться. Когда есть подробное техзадание, его можно передать новой команде — она втянется в работу в разы быстрее.
  • Узнать стоимость разработки сложного продукта. Оценить точные сроки и стоимость разработки сложного веб-сервиса сходу нельзя. Сначала нужно понять, как будет работать сервис, и какие в нем будут функции.

Имеется root-доступ, собственные IP-адреса, порты, правила фильтрования и таблицы маршрутизации.

Google PageSpeed Insights — это бесплатный сервис рекомендаций для веб-сайтов по ускорению отображения страницы в браузере пользователя (https://developers.google.com/speed/pagespeed/insights/).

Поисковая оптимизация (или SEO) — комплекс мер по внутренней и внешней оптимизации для поднятия позиций сайта в результатах выдачи поисковых систем по определённым запросам пользователей.

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

Внутренняя оптимизация сайта — это оптимизация текста, URL-адресов, редактирование структуры сайта, перелинковка, проверка ответов сервера.

Имеющиеся материалы Ссылки на понравившиеся сайты, а также буклеты, журналы, фотографии – что угодно, а может быть у Вас есть готовый бренд-бук. Прилагается отдельным архивом. Минимальное разрешение и устройства отображения В этом пункте укажите, с каких устройств предполагается просматривать сайт – ПК, ноутбуков, смартфонов… Мониторы ПК от 19 до 27 дюймов; Ноутбуки от 15,6 до 17,3 дюйма; Смартфоны от 3,5 до 6 дюймов; Планшеты от 7 до 12 дюймов Нужна ли мобильная версия? Да ФУНКЦИОНАЛЬНЫЕ ТРЕБОВАНИЯ Примерный набор модулей (для пользователей) В этом разделе нужно перечислить все функциональные возможности, которые Вы хотите видеть на сайте.

Это может быть корзина, фильтры каталога по разным параметрам, возможность сделать онлайн-заказ, оставить заявку на обратный звонок, подписаться на рассылку и любые другие опции Фильтры каталога по цене, по алфавиту, по производителю.
CRUпtCj9B:s»XVжб╟▌╤└u╟J_■Е╘Dj»J■╛EХHJя(гTT┬Пб╟▌╤└u╟╛#╜┘al+Кa Кqяk3┴i≈²&F╒#┐╜╙┐█ц╜IWA▓BOЬ└vOЗб╟▌╤└u╟╛#╜┘al+КaXG[ б:ьVжб╟▌╤└u╟╛#╜┘al+КaXG[ б:ьVжб╟▌╤└u╟╛#╜┘al+КaXG[ б:ьVжб╟▌╤└u╟╛#╜│ц&V█7┬м3aqNYJy╕°Vжб╟▌╤└u╟╛#╜┘al+КaXG[ б:ьVжб╟▌╤└u╟╛#╜┘al+КaXG[ б:ьVжб╟▌╤└u╟╛#╜┘al+КaXG[ б:ьVжб╟▌╤└u╟╛#╜┘al+КaXG[ б:ьVжб╒▀┬y╥XuF≈≈K&ОQТё╦▒’%[н╓≥Lк'[Ц<б╖

Комментировать
0 просмотров
Комментариев нет, будьте первым кто его оставит

Это интересно
Adblock detector