Формы
Практически не один интерфейс не обходится без форм обратной связи. Рассмотрим популярную форму, где необходимо ввести имя, номер телефона и почту, чтобы получить консультацию.
Все элементы разделим на 2 части:
- информационные (заголовок и подзаголовок)
- интерактивные (поля ввода и кнопка с дисклеймером).
Разберем сначала интерактивную часть. Она состоит из полей ввода кнопки и дисклеймера к кнопке. А теперь разделим на группы:
- Первая группа состоит и полей ввода: имя, номер телефона и e-mail, т.к. эти элементы служат для ввода данных. Они выглядят единообразно и механика элементов одинаковая.
- Вторая группа – это кнопка и текст-дисклеймер к ней. Эта группа служит для подтверждения и отправки данных, которую пользователь внес в поля ввода.
Соответственно отступы между полями ввода – это внутренние отступы. Они должны быть меньше, чем отступ между группой полей ввода и кнопкой «Отправить».
Аналогично отступ от кнопки до текста-дисклеймера должен быть так же меньше, чем отступы между группой полей ввода и кнопкой «Отправить».