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

Игорь Бахарев

Подготовка технического задания — этап, на который уходит уйма времени и нервов. Еще больше сил уходит, если заказчик без опыта. При этом на ТЗ завязано все: срок, стоимость и содержание проекта. Поэтому в этой статье решили собрать все, что необходимо для подготовки технического задания на разработку интернет-магазина. Если ваш проект планирует в интервале от 150 до 1200 часов, тогда эта статья для вас. Рассказывает Сюртуков Дмитрий, head of analytics в Alto.

1. User Story Mapping

Разработка сайтов – это долго и трудоёмко. Поэтому вы должны быть уверены, что решаете правильную задачу. Если вы не понимаете кто ваш пользователь и чего он хочет – есть риск создать сайт, который не подойдет вашим клиентам. Именно поэтому работу над техническим заданием рекомендуем начать с «User Story Mapping». 



Иллюстрация из книги «Пользовательские истории. Искусство гибкой разработки ПО»


В основе пользовательской карты лежат два инструмента: User Story и User Journey.


User Story – это короткие истории, которые объясняют роль пользователей на сайте. Обычно история описывает:

  • роль пользователя;

  • цель или желание;

  • выгода.


Шаблон по которому строится User Story:



User Journey — описание задач и действий клиента на всех этапах взаимодействия с сайтом. Шаги пользователя продумывают, а затем фиксируют в удобном формате. 


Список шагов может выглядеть следующим образом:


Clip2net_220516235205.png

Рассмотрим создание «User Story Mapping» подробнее. Опираться будем на рекомендации Джеффа Паттона из книги «Пользовательские истории. Искусство гибкой разработки ПО». 

  • Заведите аккаунт в miro.com. С помощью цветных стикеров создайте User Story для каждого персонажа. 

  • Опишите действия клиента по шагам.



  • Объедините шаги клиента в этапы.


  • Приоритезируйте действия пользователя внутри каждого этапа. Выделите релизы.


2. Прототипирование

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

Figma.com – это первый способ визуализировать то, что вы планируете сделать. Для его использования необязательно иметь навыки дизайнера. Можно примерно показать, как всё должно выглядеть. 


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

Также вы сможете найти множество готовых макетов по запросу “UI kit figma”. Можно скопировать компоненты и собрать из них прототип. 

Рекомендую обратить внимание на bootstrap UI-кит. Это поможет сократить расходы на реализацию проекта. Так как есть одноименная библиотека для разработки.

Miro.com это второй способ визуализации. У этого сервиса есть библиотека, которая позволяет быстро создавать простые прототипы. Даже если у вас нет опыта в прототипировании.

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

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



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

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

Структура сайта поможет определить основные страницы. Также она необходима SEO-специалистам для формирования семантического ядра – сбора ключевых слов

4. Хранение информации

Рекомендуем собирать всю информацию по проекту в Notion. Одной их его из особенностей – универсальность. Здесь можно вставлять чек-листы, создавать канбан доски, дорожные карты и многое другое. Он позволит иметь всё необходимое по проекту в одном месте.

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


5. Сбор требований + шаблон

Специфика Alto — это разработка корпоративных сайтов от 100 до 400 часов и интернет-магазинов от 150 до 1200 часов. Если ваш проект планируется в этом же интервале, тогда этот шаблон может подойти вам.

СКАЧАТЬ: Шаблон для разработки интернет-магазина

Мы используем данный шаблон, как стартовый «конструктор» для составления более подробного ТЗ. Рекомендуем туда добавить раздел с планом работ и порядком приемки результатов.

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

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

  • ГОСТ 34 — это еще советская разработка сбора требований для создания автоматизированных систем.

  • IEEE 29148-2011 — стандарт разработки сложных систем. В нем есть вопросы о требовании к функциям, а также рекомендация: как описывать условия платформ, которые будут работать вместе с вашим продуктом.

  • Rational Unified Process — продвинутая спецификация для разработки требований к IT-продуктам.

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

Материал по теме

Как выбрать поставщика защиты от DDoS-атак в 2022 году

Материал по теме

Значение CRM-маркетинга в performance-стратегии: особенности, подходы

Материал по теме

Как интернет-магазинам сэкономить на доставке: несколько советов

Подписаться на новости

Актуальное сейчас

Онлайн-маркетплейсам укажут их долю

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

Data Insight: аналитика eCommerce-рынка в мае 2022 года

Российский рынок eCommerce восстановился после заметной просадки в апреле, свидетельствуют данные Data Insight.  Продовольственный сегмент В мае 2022 года интернет-магазины и сервисы доставки продуктов пит...

Европейский рынок eCommerce в 2021 году: аналитика Ecommerce Europe

Европейский рынок eСommerce вырос в 2021 году на 13% до 718 миллиардов евро, говорится в отчете Ecommerce Europe и EuroCommerce. Темпы роста остаются стабильными, незначительно увеличившись за последний год...

ИКЕА проведёт финальную онлайн-распродажу

Компания ИКЕА, которая, как известно, уходит с российского рынка, собирается провести перед этим полную распродажу своих остатков. Как говорится в объявлении на сайте компании, все желающие смогут в после...

"Магнит" подключит B2B-доставку от Delivery Club

"Магнит" и Delivery Club договорились о сотрудничестве в сфере курьерской доставки в рамках собственного сервиса ритейлера "Магнит Доставка". На данный момент география услуги охватывает четыре региона Росс...

Значение CRM-маркетинга в performance-стратегии: особенности, подходы

Работа с текущей аудиторией заведомо более конверсионна, помогает сократить затраты на маркетинг и повысить эффективность бизнеса. О том, каково значение CRM-маркетинга в performance-стратегии, как его внедр...