
В интерфейсе участницы курса была форма, в ней поля выбора адреса, а в нём — поле поиска. И она хотела, чтобы значение этого поля использовалось как часть общей формы...

Обсуждаем соотношения размеров полей и текста в них, а также расположение и вид главной кнопки формы

Разбираем интерфейс ввода адреса в форме. Получилось слишком сложно: от пользователя требуется огромная внимательность при заполнении

Участница поставила пару необязательных элементов формы под главную кнопку, да ещё и сказала, что «вынесла за скобку»

традицию контекстно дисейблить кнопку, и почему она теряет актуальность в формах всякого екомерса. 2 минутки

Показываю, как навести порядок в размерах полей в форме. Это есть у меня в книге «Пользовательский интерфейс», поэтому показываю прямо из неё

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

Обсуждаем дизайн формы: кирпичная кладка, расположение финальной кнопки, непоследовательность в изображении элементов

Разбираем форму из нескольких шагов. Там и про кирпичную кладку, и про лишние поля, и про пространственное-сценарное решение, и про правило 7 элементов