Формы, которые заполняют до конца
Регистрация, заявки и оформление заказа: от одного поля до сценария из нескольких экранов
Для тех, кто рисует регистрацию, оформление заказа, заявки и анкеты. Убираем лишние поля, собираем поле целиком, пишем ошибки, которые помогают, делим длинную форму на этапы и проверяем её на телефоне. Примеры из онлайн-школы, доставки продуктов, банка, записи к врачу и портала услуг.
- 6 модулей
- около 1 ч 5 мин
- 39 шагов
- Для новичков
Чему научитесь
К концу курса вы сможете:
- Решать, какие поля нужныЗадавать каждому полю четыре вопроса и убирать, откладывать или заполнять за человека всё, что можно.
- Собирать поле целикомСтавить подпись над полем, подсказку под ним, маску формата и ширину по длине ответа.
- Писать ошибки, которые помогаютПоказывать ошибку у поля, в нужный момент и с текстом, после которого понятно, как исправить.
- Делить длинную форму на этапыСобирать этапы по темам, показывать, сколько осталось, и давать вернуться назад без потерь.
- Проверять форму на телефонеПодбирать клавиатуру и автозаполнение для каждого поля и держать кнопку над клавиатурой.
Программа курса
- НачатьМодуль 01Каждое поле стоит денег
Какие поля нужны прямо сейчас, какие можно спросить позже, а какие продукт узнает сам. Сокращаем регистрацию онлайн-школы с девяти полей до двух.
- НачатьМодуль 02Одно поле целиком
Подпись, подсказка, маска, ширина и отметка обязательности. Собираем поле так, чтобы человек не гадал, что и как в него писать.
- НачатьМодуль 03Ошибки, которые помогают
Когда показывать ошибку, что в ней писать и где её ставить, чтобы человек исправил всё с первого раза и не потерял введённое.
- НачатьМодуль 04Кнопка отправки и что после неё
Кнопка, которую можно нажать всегда, защита от двойного нажатия, экран успеха с подробностями и что показать, если связь пропала.
- НачатьМодуль 05Длинная форма по этапам
Делим заявление из восемнадцати полей на этапы по темам, показываем, сколько осталось, и собираем последний экран перед отправкой.
- НачатьМодуль 06Форма на телефоне
Нужная клавиатура для каждого поля, автозаполнение, кнопка над клавиатурой и удобный ввод дат. В конце финальное задание курса.