10 шагов к идеальному сайту: Как составить техзадание и карту сайта

27 Апреля 2021 1385 0 Технологии
Поделиться

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

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

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

Website-development-requirements-checklist-1.jpg

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

Техническое задание (ТЗ) - главный документ между Заказчиком и Исполнителем.

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

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

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

Мы приведем структуру среднего коммерческого проекта, уровня корпоративного сайта, сайта услуг или средне-статистического интернет-магазина. 

Структура технического задания: 

  • Общая техническая записка. 

Сбор данных по домену, хостингу, SSL, яндекс и google аккаунты, сторонние сервисы. 

  • Технологии разработки.

У заказчика остается записка о технологиях и языках, на которых написали проект.

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

  • SEO оптимизация. 

Составление SEO-задач. Реализация на стадии разработки.

  • Адаптивность. Сейчас сложно представить сайт, который не адаптивен к различным устройствам. Поэтому необходимо зафиксировать, какой размер будет взят за основу: 1920 или 1440, на какие промежуточный размеры будет отрисован дизайн, будет ли реализовываться горизонтальная адаптивность.
  • Кроссбраузерность. 

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

  • Скорость загрузки.

Благодаря оптимизации изображений скорость загрузки сайта обеспечивает «зеленые зоны» показа для мобильных и десктопных устройств. Сервис для проверки скорости загрузки сайта ищите по ссылке

  • Архитектура сайта и функциональные блоки.  

Описание структуры страниц и программной части сайта.

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

Карта сайта. Mind Map\ Site Map. 

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

* В сложных проектах и продуктовой разработке используют дополнительные инструменты: CJM-карта путешествия пользователя, User Story-пользовательские истории, конкурентный анализ, интервью пользователей и т.д. 

Пример Mind Map и Site Map можно посмотреть по ссылке

Здесь можно посмотреть тайминг проекта.

* Важно! На этом этапе, как правило, будут корректировки в техническом задании.

В следующем материале мы рассмотрим этапы, которые идут далее: Файл контента. Прототипирование. 



Поделиться
Материалы по теме:
Обсуждение:
Читайте также: