URL не равен единице разработки
Адрес страницы показывает экземпляр контента, но почти ничего не говорит о трудоёмкости. Новости за разные даты могут собираться одним шаблоном, а главная страница — состоять из десяти уникальных блоков. Поэтому оценка «по числу страниц» годится только после классификации страниц по устройству.
Что такое шаблон
Шаблон задаёт устойчивую структуру типа контента: расположение полей, навигацию, правила адаптации и допустимые блоки. Для корпоративного сайта это могут быть главная, услуга, кейс, статья, команда, контакты и системная страница поиска. Экземпляры наполняются отдельно, но код и правила используют повторно.
| Объект | Пример | Как считать |
|---|---|---|
| Уникальный шаблон | карточка услуги | UX, UI, разработка и QA |
| Экземпляр | 20 услуг | подготовка и перенос контента |
| Компонент | форма консультации | один раз плюс варианты |
| Состояние | ошибка отправки | дизайн, логика и тест |
Состояния создают реальный объём
Интерфейс существует не только в идеальном заполненном виде. У списка бывает загрузка, пустая выдача, ошибка сети, частичные данные и длинный текст. У кнопки — обычное, наведённое, фокусное, заблокированное и ожидающее состояния. Каждое значимое различие нужно продумать и проверить.
- нет результатов после фильтрации;
- изображение отсутствует или имеет нестандартную пропорцию;
- пользователь не авторизован или не имеет права;
- сервер отвечает медленно либо возвращает ошибку;
- контент значительно длиннее демонстрационного.
Пример каталога
Каталог на 500 товаров обычно не означает дизайн 500 страниц. В оценку входят шаблон списка, карточка товара, категории, поиск, фильтр, пагинация и служебные состояния. Отдельно считают импорт 500 записей, очистку данных, изображения и контроль результата. Если товары имеют разные типы характеристик, один шаблон может получить несколько вариантов.
Почему адаптив — не уменьшенная копия
На узком экране меняются порядок, видимость и способ взаимодействия. Таблица превращается в карточки или получает горизонтальную прокрутку, меню открывается кнопкой, фильтр становится панелью, а закреплённое действие не должно закрывать контент. Эти решения входят в шаблон и влияют на количество состояний.
Как составить реестр
Сначала соберите все предполагаемые адреса, затем назначьте каждому тип шаблона. Для каждого шаблона перечислите компоненты, роли, состояния, источники данных и адаптивные отличия. Повторяющиеся элементы вынесите в библиотеку, но не объединяйте похожие блоки, если у них различаются данные или поведение.
- Карта URL и типов контента.
- Матрица шаблонов и экземпляров.
- Список компонентов и вариантов.
- Сценарии ошибок и пустых данных.
- Объём наполнения и миграции.
Как это отражается в смете
Уникальный шаблон проходит несколько ролей: проектирование, визуальную систему, разработку, интеграцию, тестирование. Экземпляр чаще требует редакционной подготовки, импорта и контроля. Состояние может добавлять часы сразу в дизайн, frontend, backend и QA. Такое разделение объясняет стоимость и позволяет безопасно менять объём.
Когда можно упростить
Для первой версии допустимо сократить число шаблонов, объединить редкие типы контента и отложить сложные ветки. Нельзя просто не учитывать ошибки, доступность и мобильные состояния: они всё равно проявятся у пользователей. Упрощение должно менять продуктовую границу, а не скрывать обязательную работу.
Контрольный вопрос
Попросите показать не список страниц, а матрицу «шаблон — экземпляры — компоненты — состояния — данные». Если из неё понятно, что проектируется один раз, что наполняется многократно и где возникают отдельные сценарии, оценку можно проверять и корректировать без пересчёта всего проекта.