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

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

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

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

Разбираем многословные и не очень полезные сообщения об ошибке в форме регистрации. 3 минуты

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

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

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

Рассказываю, почему не стоит ставить плейсхолдеры в каждое поле формы. Привожу аналогию с иконками возле каждого пункта меню

О том, что программисту неплохо было бы не просто формально выполнять требования из ТЗ, но ещё и стараться понимать, откуда такие требования возникли и с какой бизнес-задачей связаны

Такая вам мысль на ночь. Человек заполнил форму, нажал кнопку «Купить» или там «Пожаловаться». Но не заполнил какое-то обязательное поле

Радуюсь хорошей подписи поля «Комментарий для курьера». 1 минута

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

Комментирую дизайн. Элементы прыгают между соседними экранами. Кнопки кажутся задизейбленными. Непонятен сценарий регистрации

Участница курса сделала форму, но не даёт заполнять её поля в том порядке, в котором я хочу. Я объясняю, что так нельзя, даже если это и оправдано сценарием

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

У нас сложная форма настройки логических условий фильтра со вложенностями и прочими делами. Приводим её в чувство путём чистки от всего графического мусора

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

В теории форм интерфейсного курса одна из мыслей такая: просто внешняя опрятность формы сильно влияет на ощущение простоты

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