Хороший интерфейс помогает действовать

Красивый экран привлекает внимание. Удобный интерфейс помогает не потерять его между первым действием и результатом. Для этого элементы должны объяснять, что происходит и что можно сделать дальше.

Начните с маршрута

Соберите последовательность действий пользователя. Какие вопросы возникают на каждом шаге? Что человеку уже известно, а что нужно показать? Это определяет структуру экрана лучше, чем перечень желаемых блоков.

Покажите состояние

Ожидание ответа, пустой список, неверные данные и успешное действие — полноценные части дизайна. Пользователь не должен угадывать, сработала ли кнопка. Сообщение об ошибке полезно, когда объясняет, как исправить ситуацию.

Уберите конкуренцию за внимание

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

Проверьте один экран в нескольких состояниях

Возьмите форму заявки. Покажите её пустой, заполненной, с неверным контактом, во время отправки и после успеха. Для каждого состояния напишите короткое сообщение и определите доступные действия. Если при ошибке человек теряет введённый текст или не понимает, как повторить отправку, проблема есть даже у аккуратного макета. Проверяйте эти состояния вместе с основной версией интерфейса.