Как правильно поставить ТЗ на создание сайта, Алексей Бородкин, лекция в Школе вебмастеров

Сайт Школы

Канал на YouTube

Как правильно поставить ТЗ

на создание сайта

Алексей Бородкин, Notamedia

На дне

ТЗ: две буквы

с большим потенциалом

Основы

Документ с идеями

Документ для разработчика

Документ для заказчика

Юридический документ

Основная задача ТЗ –помочь создать качественный продукт

│ТЗ отвечает на вопрос

│«Что нужно реализовать»

Требования к хорошему ТЗ

Основы

Однозначность

Отчуждаемость

Полнота

Системность

Опрятность

Что нужно сделать,

прежде чем садиться за ТЗ

Подготовка

Не кидаться с шашкой наголо

│В основе всего - задачи

Концепт: анализ задачи

Пример (фрагмент)

Целевая аудитория Задачи Задействованный

функционал

Задействованные

страницы

Потенциальные или

нерегулярные клиенты

Ознакомиться с

общей

информацией о

компании

-> Главная страница

Ознакомиться с

деятельностью

отдельных ферм

-> Страницы ферм

Отправить заявку

на катание на

животном

Отправка сообщений через

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

Главная страница,

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

Лояльные клиенты Получить

контактную

информацию

-> Все страницы сайта (шапка

сайта)

Истории пользователей

Архитектура и Бумажный Тигр

• Структура системы

• Интерфейсы

• Логические схемы

• Структура данных

• Связь с внешними ресурсами

Структура (пример)

25

Главная страница

Навигационная структура сайта

Страница ошибки 404

Административная часть

Страницы

животных

Интерфейс (пример)

26

Схема главной страницы

Логотип Название, контактный телефон, кнопки сообществ в соцсетях

Промоблок с общей информацией

Перечень имеющихся видов животных

Кнопка заказа

Перечень преимуществ

Блок отзывов

Кнопка заказа

Подвал: блок копирайтов, ссылки на соцсети, информация о разработчике сайта

Схема страницы о животных

Логотип Название, контактный телефон, кнопки сообществ в соцсетях

Панель переключения между животными + заголовок

Блок фотографий

Кнопка заказа

Перечень ключевых особенностей (с их кратким описанием)

Перечень имеющихся животных (фото+кличка+описание)

Подвал: блок копирайтов, ссылки на соцсети, информация о разработчике сайта

Карта с адресом и телефоном фермы

Логика (пример)

27

Цикл жизни заявки, отправленной пользователем

СистемаПользователь Администратор

Обр

абот

ка з

аявк

и а

дм

ини

стра

тор

омО

тпр

авка

за

явк

и

Пользователь заполняет анкету и нажимает на «Отправить»

Система составляет заявку на основе введенной информации

Система присваивает заявке уникальный номер и сохраняет ее в

системе как необработанную

Администратор получает уведомление на e-mail о поступившей

заявке и ссылку на нее

Администратор авторизуется в административной системе

Администратор видит всю информацию о заявке

Администратор обрабатывает заявку и ставит ей статус «Обработана»

Система сохраняет заявку в системе как обработанную.

Пользователь получает уведомление об успешной отправке заявки

Конец

Интерфейсы и прототипы

• Между простотой и дизайном

• Интерактив

• Опрятность

Пример

29

Дизайн-макеты

[Вообразите красивый дизайн]

Дизайн-макеты: почему мы так делаем

│ТЗ свое время

32

Хорошее ТЗ

ТЗ

Требования к хорошему ТЗ

• Однозначность

• Отчуждаемость

• Полнота

• Системность

• Опрятность

Содержание хорошего ТЗ

1. Общие положения

1.1. Назначение документа

1.2. Структура документа

1.3. Используемые термины

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

2.1. Общие требования

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

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

2.4. Требования к безопасности

2.5. Прочие требования

3. Идеология (пример)

4. Архитектура системы (пример)

5. Шаблоны интерфейсов (пример)

6. Функциональные сценарии (пример)

7. События

8. Бизнес-правила (пример)

43

9. Структура данных

10. Справочники

11. Протоколы связи с внешними системами

• Бывает сильно по-разному

12. Требования к системе администрирования (пример)

Системность превыше всего

Последовательность составления ТЗ

Кто должен писать ТЗ

Кадры

50

Кто должен отвечать за ТЗ

Кто работает над ТЗ

Должность БА UX Архитектура Прототипы ТЗ

Аналитик-

проектировщик

+ + + + +

Аналитик + + - - -

Проектировщик - - + + +

Бизнес-аналитик + - - - -

UX-аналитик - + - - -

Инф. Архитектор - - + - -

Прототипист - - - + -

Тех. писатель - - - - +

│Аналитик-проектировщик

│ занимает роль адвоката

│продукта

Плохое ТЗ

ТЗ

54

Преждевременное ТЗ

Забытый интерфейс

Простыня текста

Бессистемность

Дыры в логике

Слишком просто/слишком сложно

ТЗ пишет кто попало

Жизнь с ТЗ

Кадры

62

Обучать клиента работать с ТЗ

Разбивать большие ТЗ на части

ТЗ показывать разработчикам

Придерживаться стандартов

Применение

• Консультация

• Контроль

• Разрешение спорных ситуаций

• Актуальный источник данных для всех

Каждый второй разработчик

│«Твое ТЗ мне не нравится»

ТЗ по ГОСТ: ад на Земле

Кадры

69

Требования к хорошему ТЗ

• Однозначность

• Отчуждаемость

• Полнота

• Системность

• Опрятность

Почему я не люблю ТЗ по ГОСТ

• Вода

• Адская структура

• Дублирование

• Нет фокуса на продукт

• Бессмыслица

Как работать по ГОСТ

1. Делать все по правильному Методу

2. Согласовывать документы как обычно

3. Переводить правильную схему в ГОСТ

│Метод прост как велосипед –

│а это значит, что он не может

│не работать.

Сюрприз!

Просто чтобы вы могли скопипастить это

│http://www.nota.media/yandex

А теперь – вопросы!

Сайт Школы

Канал на YouTube