К этому занятию у вас есть 60–70% живой публикации, читательская проба и список мест, где страница просит слишком многого либо обещает лишнее. Теперь проект входит в производственную клинику. Вы проверите публичную сборку на реальных устройствах, сократите текст, разберёте источники, ссылки, кредиты и тяжёлые медиа, устроите контролируемый перебор одного спорного фрагмента, а затем зафиксируете решения, отказы и изменение собственного критерия. Итог занятия — предфинальная ссылка, история ножа, карточка публикационного порога и первый архивный слепок.
Рабочий вопрос
Что переживает нож и получает право на публикацию?На предыдущих занятиях проект рос. В него входили материал, типографические роли, боковые двери, паузы, изображения, звук, приёмы входа. Производственная стадия действует в обратную сторону: теперь всякий элемент должен повторно доказать своё право остаться. Предфинал возникает после серии отказов, когда у страницы прекращается лихорадочное накопление возможностей и появляется собственная мера.Это неприятный момент. Автор уже привязался к красивой анимации, абзацу, ради которого прочитал полкниги, и кадру, добытому в ночной генеративной шахте на сто тридцать седьмом спуске. Проекту эти биографические заслуги безразличны. Он спрашивает о функции, цене для читателя, техническом весе и последствиях публикации.
Предфинал начинается с отказа
Слово «готово» часто означает усталость автора. Публикационный порог требует более точного основания: версия допущена, потому что выдержала названные проверки, а оставшиеся слабости известны и не разрушают главную работу страницы.В «Авторстве как отсечении» авторская позиция обнаруживается в критерии разреза и ответственности за оставленное. Для учебного проекта это вполне техническая мысль. Сгенерировать ещё десять вариантов может инструмент; убрать девять и объяснить судьбу десятого придётся вам. Ручной перебор подчиняется тому же правилу: количество труда не выдаёт решению автоматическую визу на проживание.
Публикационный порог
До публикации фрагмент остаётся кандидатом. После публикации он входит в чужое устройство, занимает время, передаёт утверждения, отправляет по ссылкам и способен пережить ваше намерение в скриншоте, поисковой выдаче либо архиве. Кнопка Publish меняет режим существования вещи, хотя внешне страница остаётся той же.Для допуска нужны ответы:⚫️ какую работу выполняет версия;
⚫️ что в ней проверено и кем;
⚫️ какая хрупкость осталась;
⚫️ кто исправляет ошибку;
⚫️ при каком событии страницу обновляют, архивируют или снимают.Карточку порога вы заполните в конце занятия. Пока держите вопросы рядом с проектом: они резко охлаждают желание полировать то, что ещё не прошло фактологическую или мобильную проверку.
Клиника: четыре прохода по живой странице
Клиника работает с публичной ссылкой. Редактор конструктора показывает намерение; браузер показывает последствия. Откройте проект на большом экране и на чужом телефоне, отключите авторские комментарии и пройдите его сверху вниз.
Автор во время разбора записывает наблюдения и задаёт уточняющие вопросы. Защищать замысел в этот момент бесполезно: если функция существует лишь в устном комментарии, браузер её ещё не получил.
Матрица состояний: проверять сочетания, а не галочки
Один успешный проход по своему ноутбуку подтверждает только один проход по своему ноутбуку. Перед клиникой выберите небольшой набор сочетаний; он должен покрыть разные тела, способы управления и условия отказа.
Не нужно героически заполнить все клетки за одно занятие. Выберите восемь–десять, где цена поломки выше всего, и отмечайте результат:⚫️ ✓ — проверено на опубликованной версии;
⚫️ △ — работает с известным ограничением;
⚫️ × — препятствует публикации;
⚫️ — — сочетание к проекту не относится.
Автоматический аудит может подсветить клетку. Закрыть её способен только повторяемый ручной проход: действие, устройство, ожидаемый результат и наблюдаемое последствие.
Интерактив 1. Диагностика в парах
Формат: пары, две публичные ссылки, два телефона. 14 минут.1. В течение пяти минут пройдите чужой проект и оставьте по одному наблюдению на каждый проход.
2. Укажите место, устройство и видимое последствие: «на ширине телефона подпись оказывается после следующего изображения». Формулировка «адаптив странный» ничего не диагностирует.
3. Автор выбирает одну критическую поломку и одну правку с высоким эффектом.
4. Поменяйтесь ролями.След работы — восемь коротких записей и две выбранные правки. Цветные стикеры допустимы, но диагнозу всё равно понадобятся существительное и глагол.
Техническая жизнь: адаптив проверяют телом
Cargo позволяет отдельно настраивать масштаб, отступы, текстовые стили, ширину изображений и поведение колонок в Mobile Preview; документация прямо описывает вертикальное складывание колонок и отдельные мобильные параметры (Cargo: Mobile). Превью остаётся моделью. Реальный телефон приносит другой браузер, системный масштаб, задержку сети, палец вместо курсора и привычку держать устройство как придётся.
Проверьте:⚫️ первый экран в портретной и альбомной ориентации;
⚫️ длинный заголовок, цитату, подпись, список и кредиты;
⚫️ смысловой порядок после складывания колонок;
⚫️ изображения, которые должны сохранять целый объект либо намеренно обрезаться;
⚫️ закреплённые элементы, перекрывающие текст;
⚫️ управление медиаплеерами и интерактивными фрагментами.WCAG 2.2 требует, чтобы функция страницы сохранялась с клавиатуры, порядок фокуса не ломал смысл, а контент перестраивался без потери информации при узком viewport; это хороший минимальный рентген даже для экспериментальной публикации (W3C: WCAG 2.2). Нажмите клавишу Tab и пройдите все ссылки и органы управления. Видимый курсор фокуса, понятный порядок и возможность уйти с интерактивного элемента принадлежат композиции так же, как поля и интерлиньяж.
