1
Задача
Цель, аудитория, главное действие.
Понятно, зачем эта страница?
Проверяйте дизайн слоями
10 минут
Не начинайте с теней, радиусов и оттенков. Если цель или структура сломаны, полировка только делает ошибку дороже.
2
Содержание
Нужные аргументы и логичный порядок блоков.
Хватает ли информации для решения?
3
Иерархия
Первый, второй и третий уровни внимания.
Глаз идет по нужному маршруту?
4
Композиция
Группы, выравнивания, сетка, отступы.
Элементы связаны и не «плывут»?
5
Читаемость
Типографика, цвет, контраст, длина строки.
Можно быстро прочитать главное?
6
Поведение
Кнопки, состояния, ошибки, мобильная версия.
Понятно, что нажать и что произошло?
7
Детали
Иконки, изображения, эффекты, микроотступы.
Каждая деталь помогает задаче?
Формула правки агенту
1. ГдеНазовите блок или элемент.
2. СимптомЧто именно видно сейчас.
3. ПоследствиеЧем это мешает пользователю.
4. ИзменениеЧто сделать и как проверить.
Слабо«Сделай первый экран интереснее и современнее».
Точно«На первом экране три одинаково яркие кнопки, поэтому главное действие неясно. Оставь заливку только у кнопки “Записаться”, две остальные сделай текстовыми. При беглом просмотре первой должна замечаться “Записаться”».