Последнее занятие устроено как перекрёстный допрос работающей страницы. Мы проверим, удерживает ли интерфейс закон артефакта, доказано ли обещание, выдерживает ли страница разные тела и экраны, где в производстве действовал ИИ и кто отвечал за его решения. Затем проведём цикл «сломать — объяснить — исправить», соберём журнал отсечений и назначим публикационный порог. Итог модуля — публичный лендинг, который можно защищать без экскурсовода, и архив, из которого следующий проект сможет вырасти, а не воскреснуть в виде плохо названной папки final_final_7.
Рабочий вопрос
Что получает право на публичный адрес?
На защите мы открываем ссылку, а автор сначала молчит. Страница встречает посетителя одна: без голоса из-за плеча, без «тут предполагалась анимация», без пересказа концепции, которую интерфейс почему-то не вынес наружу. Это полезная жестокость. Публичный адрес превращает намерение в событие — кто-то приходит, чего-то ждёт, нажимает, теряет время, верит, отказывается или остаётся.
Рецензирование лендинга поэтому начинается с наблюдения. Сначала фиксируем, что страница делает с человеком и как ведёт себя в браузере. Советы приходят позже; преждевременный совет обычно чинит вкус рецензента, а не устройство проекта.
Старый список ошибок и новый объект проверки
В архивном курсе посадочная страница проверялась через двадцать пять типовых ошибок: невнятное предложение, слабый первый экран, отсутствующее доказательство, рассыпанный маршрут, преждевременный призыв, мобильная поломка. Этот список по-прежнему работает как техническая рентгенограмма, но концептуальному лендингу его мало.
Страница может быть безупречно собрана и ничего не ставить на карту. Может продавать артефакт, который остаётся картинкой, потому что его правило не проникло в текст, доказательства, движение и действие. Может выглядеть «смело», повторяя вчерашнюю коллекцию генеративных манер. Поэтому к старым ошибкам добавляется более неприятный вопрос: какое решение здесь было необходимо именно этому миру?
Четыре аудита
Мы проводим четыре прохода, не смешивая их в общее «нравится / не нравится».
1. Аудит необходимости
Вернитесь к паспорту артефакта и проверьте причинную связь между законом мира и интерфейсом:
⚫️ чувствуется ли противоречие до того, как оно объяснено;
⚫️ меняет ли правило объекта композицию и маршрут;
⚫️ видна ли цена обещания;
⚫️ существует ли отказ как честная возможность;
⚫️ пришлось бы перестраивать страницу после удаления концепции.
Последний тест особенно строг. Когда замена артефакта на кроссовки требует только новых картинок и существительных, перед нами декоративный вставной зуб: блестит, функции не меняет.
2. Аудит доверия
Проверьте происхождение каждого утверждения. Что подтверждает возможность артефакта? Какие документы принадлежат его миру? Где обозначена симуляция? Может ли посетитель отличить эксперимент, прототип и действующую услугу? Не маскирует ли зрелищная фактура отсутствие основания?
Сильное доказательство сокращает дистанцию между обещанием и опытом. Слабое добавляет к обещанию ещё один голос, который приходится принимать на веру.
3. Аудит тела
Лендинг читают глазами разной остроты, руками разной точности, в метро и темноте, на экране шириной в ладонь, с клавиатуры и через вспомогательные технологии. Проверьте порядок фокуса, контраст, масштабирование текста, альтернативы движению, подписи полей, размеры зон касания, смысл изображений, поведение при медленной загрузке.
Доступность здесь не санитарная обработка после искусства. Она показывает, какое тело страница молча назначила нормой.
4. Аудит производства
Восстановите цепочку от идеи до URL. Какие модели, генераторы и агенты участвовали? На каких материалах держались их решения? Где вы выбирали из вариантов, где переписывали правило, где проверяли результат в браузере? Что было опубликовано автоматически, а что требовало человеческого разрешения?
Фраза «сделано с ИИ» почти ничего не сообщает. Нужна карта полномочий: кто мог предлагать, менять, тестировать, удалять и публиковать.
Критика как последовательность действий
Группа работает парами. Один человек проходит страницу, второй записывает наблюдаемое поведение и не объясняет интерфейс за автора. Затем роли меняются.
Формат реплики:
1. Наблюдение: «После второго экрана я перестал понимать, что предлагается».
2. Следствие: «Поэтому следующий документ выглядит украшением и не увеличивает доверие».
3. Гипотеза причины: «Вероятно, переход от закона артефакта к доказательству пропущен».
4. Проверка: «Если поменять порядок этих двух блоков, станет ли обещание проверяемым?»
Такой протокол отделяет симптом от вкусового рецепта. Он оставляет автору пространство найти решение, но лишает его удобной возможности спорить с пережитым опытом посетителя.
Тяжесть дефекта
Разложите замечания по двум осям: ущерб замыслу и частота встречи. Получатся четыре режима работы:
⚫️ критическое — ломает действие, вводит в заблуждение, закрывает доступ или уничтожает концепт;
⚫️ системное — повторяется и размывает иерархию, доверие либо художественный закон;
⚫️ локальное — заметно в конкретном месте и исправляется без перестройки системы;
⚫️ наблюдаемое — пока не доказано как дефект, сохраняется для следующего теста.
Не полируйте тени, пока основная кнопка ведёт в пустоту. Однако и не превращайте матрицу в машину подавления странностей: намеренная трудность может быть художественным аргументом, если она согласована с адресатом, выдержана системой и не прячет фактический обман.
Лаборатория разрушения
Каждый проект проходит короткий сеанс намеренного повреждения:
⚫️ ширина 320–360 px и увеличение текста до 200%;
⚫️ медленное соединение и исчезнувшее изображение;
⚫️ клавиатурный проход без мыши;
⚫️ выключенная анимация;
⚫️ длинное имя, непредусмотренный ответ, повторное нажатие;
⚫️ приход сразу в середину страницы по внешней ссылке.
Поломка полезна, когда превращается в знание о системе. Запишите, что разрушилось первым, почему архитектура это позволила и какое правило вы изменили. Один удачно подвинутый пиксель в журнал не попадает; решение, меняющее поведение класса элементов, попадает.
Матрица состояний
Проверка одной красивой траектории оставляет большую часть интерфейса в воображении. Разложите ключевое действие по состояниям и телам: так становится видно, где концепт заканчивается и начинается дефолт конструктора.
Для каждого состояния проверьте телефон, клавиатуру, увеличенный текст, отключённое движение и пропавшее медиа. Не все клетки обязаны различаться визуально; каждая обязана иметь определённое поведение.
Публикационный порог
Абсолютная готовность — удобный миф, из-за которого сайты годами лежат локально. Публикационный порог устроен конкретнее. Работа выходит наружу, когда:
⚫️ обещание понятно нужному адресату и не выдаёт симуляцию за услугу;
⚫️ основной маршрут завершён, отказ возможен, ссылка не требует авторизации;
⚫️ концептуальный закон различим в тексте, композиции, изображениях и действии;
⚫️ критические дефекты устранены, остальные перечислены;
⚫️ мобильная версия и клавиатурный проход проверены;
⚫️ права и происхождение материалов зафиксированы;
⚫️ существует резервная копия и человек, способный снять страницу с публикации.
Порог не равен оценке «отлично». Это граница допустимого риска: по эту сторону проект ещё может учиться на реальном посещении, за той — перекладывает стоимость эксперимента на посетителя.
Журнал отсечений
Генеративная среда производит избыток: варианты первых экранов, стили изображения, тексты, анимации, компоненты. Авторство становится видимым в том, что вы не пропустили дальше.
Для пяти существенных отсечений запишите:
⚫️ что было предложено;
⚫️ почему вариант казался привлекательным;
⚫️ какой закон или критерий он нарушал;
⚫️ что вы оставили вместо него;
⚫️ изменился ли после отказа сам критерий.
Журнал нужен не для исповеди перед машиной. Он сохраняет интеллектуальную генеалогию проекта и позволяет отличить последовательное художественное руководство от удачной остановки генератора.
Архив как материал следующего мира
Сохраните финальную ссылку, экспорт или резервную копию, тексты, изображения, DESIGN.md, паспорт артефакта, карту доказательств, карту AI-конвейера, результаты аудита и журнал отсечений. Укажите версии инструментов там, где это влияет на воспроизводимость.
Архив не обязан консервировать всё. Дубли, промежуточные мусорные экспорты и изображения без понятного происхождения лучше не тащить дальше. Но ключевые повороты должны остаться: через полгода вы сможете увидеть, как мир проекта вырабатывал собственный закон.
Переход к интернет-магазину
Во втором модуле один артефакт изменял отношение между человеком и миром. В третьем артефактов станет много; между ними возникнут обмен, классификация, дефицит, совместимость и конфликт. Лендинг заканчивается действием. Магазин начнёт с последствий этого действия и превратит отдельное обещание в экономику мира.
Три линзы, которые меняют оптику аудита
Формат
Десять минут. Выберите одну линзу и измените одно решение о публикации. В журнале должны остаться наблюдение, критерий и совершённая правка.
Линза 1. Алетейя: готовность как раскрытие
Хайдеггер возвращает греческому alētheia смысл несокрытости: истина совершается, когда сущее выходит из сокрытия и становится различимым в определённом просвете. Но раскрытие всегда частично. Чтобы увидеть товар, экран затемняет труд, инфраструктуру, историю вариантов; чтобы показать главный маршрут, убирает боковые состояния. Вопрос истины относится к тому, как проведена эта граница и выдаёт ли локальный свет себя за полную прозрачность.
Публикационный аудит проверяет устройство просвета. Источник изображения доступен? Ограничение обещания появляется до действия? Видно ли, что платёж пока резервируется, алгоритм рекомендует, отзыв принадлежит вымышленному персонажу? Гладкая поверхность способна быть визуально законченной и эпистемически сырой: пользователь понимает, куда нажать, однако не знает, что именно страница сейчас совершит.
Готовность к публикации поэтому связана с правом раскрывать мир другим. Страница не обязана вываливать исходный код, весь журнал промптов и 47 отвергнутых кнопок. Она обязана показать то, без чего человек не способен осмысленно интерпретировать обещание и цену действия. Иногда финальная правка добавляет предупреждение, историю происхождения или видимое «мы не знаем». Это не служебный слой вокруг искусства — часть формы, в которой высказывание становится публично ответственным.
Вопрос к проекту: что страница должна раскрыть, чтобы получить право на публичный адрес? Вмешательство: вынесите одно существенное условие из скрытого слоя в доступную посетителю форму.
Линза 2. Nigredo: знание через разложение
Алхимическое nigredo обозначает почернение и putrefactio — разложение вещества, потерю прежней формы. В старых изображениях эту стадию сопровождают ворон, могила, чёрное солнце; они говорят о производственном кризисе материи, а не об эстетике тёмного фона. В нигредо-дизайне распад используется как метод познания: система должна перестать выглядеть цельной, чтобы обнаружились её живые связи и мёртвые украшения.
Аудит создаёт контролируемое почернение. Отключённые изображения убивают атмосферу и проверяют, остался ли аргумент. Клавиатурный проход разлагает визуальную композицию на порядок фокуса. Увеличение текста показывает, была ли сетка системой отношений или натянутой фотографией макета. Удаление hero-экрана заставляет спросить, способен ли артефакт существовать без рекламного заклинания.
Задача состоит не в том, чтобы героически всё разрушить и собрать таким же. После нигредо часть формы обязана погибнуть. Возможно, одна анимация была единственным носителем смысла; декоративный документ притворялся уликой; генеративная фактура склеивала несвязанные секции. В журнале отсечений следует сохранить реакцию: что разрушилось первым, какой закон пережил операцию, чем была восстановлена функция. Тогда тест становится алхимией критерия, а не чек-листом санитарной службы.
Вопрос к проекту: какая часть переживёт разложение, потому что действительно является законом системы? Вмешательство: уничтожьте один эффект или материал и восстановите функцию другим способом.
Линза 3. Ответственность перед Другим
Эммануэль Левинас в «Тотальности и Бесконечном» описывает этику как встречу с лицом Другого. «Лицо» здесь шире визуального портрета: это присутствие, которое сопротивляется моему желанию полностью понять, присвоить и включить другого в собственную систему. Ответственность начинается раньше симпатии и взаимной сделки. Другой не обязан сначала доказать полезность, сходство со мной или соответствие персоне из исследования.
Дизайн обычно тотализирует мягче. Он превращает людей в сегменты, сценарии, конверсии, «боли», затем оценивает их действия как успешные и ошибочные относительно цели проекта. Эти модели необходимы для работы, но опасны, когда забывают о своём статусе. Реальный посетитель может не понять метафору, отказаться от вашего желания, прийти с телом, устройством и опытом, которых в персоне не было. Его сопротивление — не шум вокруг правильного маршрута.
Публикация выпускает учебный эксперимент к такому человеку. Он не обязан платить временем за тяжёлый эффект, данными — за вашу любознательность, тревогой — за драматургию, угадыванием — за «концептуальную» кнопку. Ответственность приобретает интерфейсные формы: ясное согласие, обратимый шаг, доступный отказ, сохранение результата, честный предел обещания. Левинасовская линза не предлагает предугадать Другого; она напоминает, что любая модель однажды встретит лицо, которое не помещается в её фрейм.
Вопрос к проекту: какую стоимость эксперимента страница перекладывает на посетителя? Вмешательство: снимите одну такую стоимость, добавьте право отказа либо честно обозначьте остаточный риск до действия.
---
Формат итоговой защиты
У вас восемь минут:
1. Минута молчаливого прохождения живой страницы другим человеком.
2. Две минуты на закон артефакта, адресата и цену обещания.
3. Две минуты на художественную конституцию и доказательства.
4. Полторы минуты на AI-конвейер, разрешения и одно значимое отсечение.
5. Полторы минуты на найденную поломку, исправление и известный остаточный риск.
Показывайте браузер, а не презентацию о браузере. Если действие зависит от внешнего сервиса, подготовьте честный запасной сценарий и обозначьте границу симуляции.
Итоговая сдача
⚫️ публичный URL;
⚫️ desktop и mobile;
⚫️ паспорт артефакта;
⚫️ DESIGN.md и анти-мудборд;
⚫️ карта доказательств;
⚫️ карта AI-конвейера и разрешений;
⚫️ результаты четырёх аудитов;
⚫️ журнал минимум пяти отсечений;
⚫️ архив проекта и перечень известных хрупкостей.
Критерий готовности
Посетитель понимает обещание и цену, может проверить основания, пройти действие или отказаться; страница сохраняет художественный закон на телефоне, выдерживает базовую проверку доступности и раскрывает производственную цепочку. Автор способен объяснить не только появившиеся элементы, но и пустоты, которые были сохранены решением.
Exit ticket
⚫️ «Право на публичный адрес мой проект получил, когда…»
⚫️ «Самым дорогим отсечением оказалось…»
⚫️ «В следующий модуль я переношу правило…»
След модуля
Живой URL + паспорт артефакта + DESIGN.md + четыре аудита + журнал отсечений + архив.




