Дизайн формы — критический элемент. Хорошая форма повышает конверсию. Плохая — прогоняет. До 80% влияния на конверсию.
Количество полей
Меньше — лучше. 11 полей -120% vs 4 поля. Только необходимое.
Положение label
Сверху input — лучше. Inline — экономит место, но теряется. Float label — современно.
Input дизайн
Border, padding 12-16px, border-radius 5-8px, focus state.
Placeholder
Дополнительная подсказка, не замена label.
Required/optional
* для required или (необязательно).
Input types
email, tel, number, url, date — правильная клавиатура mobile.
Autocomplete
email, name, tel, address. Браузер заполняет автоматически.
Inline validation
На blur event. Не во время typing.
Error
Конкретное, дружелюбное. Под input, красный.
Success
Зелёный check icon.
Submit
Конкретный текст. Loading state.
Privacy
\"Данные защищены\". SSL. Privacy policy link.
Mobile
48px height, 16px font (no zoom), one column.
Accessibility
Label-for, focus state, keyboard navigation.
Аналитика
Hotjar form analysis. GA4 form events.
A/B test
\"Submit\" → \"Get my free quote\" +32%.
Сайт.uz
Минимум полей. Inline validation. Mobile-friendly. Конверсия 12% (индустрия 5-8%).