Бриф фиксирует аудиторию, цель, содержание, границы и приемку.
Итог - не самый красивый макет
Финальная страница должна решать задачу, сохранять понятность на телефоне и выдерживать проверку. Идеальность не требуется, критические ошибки запрещены.
Аудит находит пять проблем и расставляет их по стоимости.
Две ограниченные итерации приводят к версии, которую можно объяснить.
Быстрая проверка: Готово - это когда критерии выполнены, критических ошибок нет, а следующая правка уже не влияет заметно на задачу пользователя.
GOV.UK рекомендует прототипировать и проверять разные решения до реализации, а USWDS - регулярно подтверждать, что продукт отвечает потребностям людей.источники
Сравните два финала
Первый заканчивается усталостью. Второй - выполненными критериями и понятным решением остановиться.
Вариант А: бесконечная полировка
Версия 12
Снова меняем оттенок
Пробуем другую тень
Еще один вариант заголовка
Цель страницы все еще не проверена
Сбой: Детали меняются без критерия, а основная задача остается неподтвержденной.
Вариант Б: принятая версия
Версия 4
Цель и CTA понятны за 5 секунд
Основной текст читаем и контрастен
360 px без горизонтальной прокрутки
Две гипотезы проверены
82/100 · критических ошибок нет
Система: Решение принято по задаче, качеству и проверяемым ограничениям.
Выберите первую проблему
В первой версии есть пять замечаний. Какое исправлять первым?
Мини-лаборатория
Ищите проблему, из-за которой страница не выполняет свою работу.
Примите или верните на доработку
Финальная версия набрала 78 баллов, но основной текст имеет контраст 3.1:1 и главный CTA на телефоне перекрыт липким баннером.
Результат оценки
Общий балл78/100
Контраст текста3.1:1
CTA на телефонеперекрыт
Иерархия и содержаниеработают
Какая команда лучше?
Что нужно сдать
Итоговые материалы и единая шкала позволяют принять работу без бесконечной полировки.
1. Бриф для агента
2. Первая версия страницы
3. Аудит с 5 проблемами
4. Две серии точных правок
5. Десктоп и телефон
6. Короткая защита решения
Шкала 100 баллов
Цель и действие
20
Иерархия и порядок
20
Читаемость и доступность
20
Визуальная система
15
Мобильная версия
15
Точность правок
10
Зачет: 75 из 100 и ни одной критической ошибки - непонятной цели, нечитаемого основного текста или недоступного главного действия.
Дайте задачу агенту
Используйте шаблон как рамку разговора. Сначала наблюдение и критерии, затем изменение.
Проведи меня через итоговую работу курса. Не делай все за меня и не перескакивай через этапы.
Этап 1. Помоги закрыть неизвестные и собрать бриф.
Этап 2. Создай первую версию страницы по подтвержденному брифу.
Этап 3. Дай мне провести аудит самостоятельно, затем проверь мои 5 проблем и их приоритет.
Этап 4. Помоги сформулировать первую серию правок по задаче и структуре.
Этап 5. После проверки помоги сформулировать вторую серию по визуальной системе или поведению.
Этап 6. Проведи приемку десктопа и телефона по шкале 100 баллов.
Этап 7. Помоги написать защиту: аудитория, задача, три главных решения, доказательства и оставшиеся ограничения.
На каждом этапе жди моего подтверждения.Урок освоен, если вы можете
Ваш преподаватель - агент
Используйте агента как экзаменатора: сначала дайте собственную оценку и формулировки, затем просите возражения и пропущенные риски. Не позволяйте ему заменить вашу защиту готовым ответом.
Курс завершен
Вы прошли путь от первого взгляда на макет до принятой веб-страницы и теперь можете управлять ИИ на языке задач, симптомов, ограничений и критериев.