Урок 17 · 21 минут

Как править без хаоса?

Вы научитесь проводить итерации слоями: сначала задача и структура, затем система, после этого детали.

3 слоя1 гипотеза1 журнал

Одна итерация проверяет одну гипотезу

Когда агент одновременно меняет структуру, цвет, текст и изображения, невозможно понять причину улучшения или ухудшения.

1Задача и структура

Цель, содержание, порядок блоков и главное действие.

2Визуальная система

Иерархия, сетка, типографика, цвет и компоненты.

3Детали

Иконки, изображения, эффекты и микроотступы.

Быстрая проверка: Стабильная версия -> одна гипотеза -> ограниченная правка -> проверка -> решение сохранить или откатить.

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

Сравните две итерации

Первая создает новый дизайн без знания причины. Вторая меняет один слой и сохраняет возможность отката.

Вариант А: все одновременно

Итерация 3

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

Вариант Б: одна гипотеза

Итерация 3

Гипотеза: CTA появляется слишком поздно
Изменение: перенести CTA после результата
Не менять: тексты, цвет, типографику
Проверка: 5 человек находят действие за 5 секунд
Система: Изменение изолировано, результат проверяем, откат прост.

Выберите порядок исправлений

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

Мини-лаборатория

Начинайте с проблемы, которая обесценивает все последующие улучшения.

Верните контроль над веткой

После четырех широких итераций нет стабильной версии, а агент каждый раз заново интерпретирует задачу.

Состояние процесса

Стабильная версияне отмечена
Гипотезысмешаны
Ограничениянет
Критериинет
Откатнеясен

Какая команда лучше?

Дайте задачу агенту

Используйте шаблон как рамку разговора. Сначала наблюдение и критерии, затем изменение.

Организуй следующую итерацию дизайна. 1. Зафиксируй текущую базовую версию и неизменяемые части. 2. Разложи замечания по слоям: задача, содержание, иерархия, композиция, читаемость, поведение, детали. 3. Выбери одну самую дорогую проблему и сформулируй гипотезу. 4. Предложи минимальное изменение только для этой гипотезы. 5. Дай критерий проверки до/после. 6. После результата выдай решение: сохранить, доработать или откатить. 7. Обнови короткий журнал итераций.

Урок освоен, если вы можете

Ваш преподаватель - агент

Попросите агента вести таблицу из пяти колонок: версия, гипотеза, изменение, результат, решение. Это резко снижает повторение уже проверенных идей.

Четвертый модуль завершен
Теперь вы умеете дать агенту рабочий бриф, использовать референсы осмысленно, формулировать точные правки и вести контролируемые итерации.