Як створити ідеальну форму реєстрації: секрети, про які мовчать дизайнери!

Детальніше про відео Як створити ідеальну форму реєстрації: секрети, про які мовчать дизайнери!

Дизайн форми входу та реєстрації дещо подібні між собою. В попередньому відео ми вже створили дизайн форми входу на сайт ekatalog, а це відео буде його невеличким продовженням. Ми зробимо редизайн форми реєстрації для цього ж сайту. Тому рекомендую вам cпочатку переглянути попереднє відео, якщо ви ще досі цього не зробили звичайно а потім перейти до перегляду цього відео.
Транскрипція відео

0:00
Привіт друзі дизайн форми входу та
0:02
реєстрації дещо подібні між собою в
0:04
попередньому відео ми вже створили
0:06
дизайн форми входу на сайт екаталоog а
0:08
це відео буде його невеличким
0:09
продовженням Ми зробимо редизайн форми
0:12
реєстрації для цього ж сайту тому
0:14
рекомендую вам спочатку переглянути
0:16
попереднє відео якщо ви ще досі цього не
0:18
зробили звичайно а потім перейти до
0:20
перегляду цього відео
0:23
[музика]
0:28
поїхали дизайн форми реєстрації на сайті
0:31
зараз виглядає Ось так основними
0:33
елементами форми реєстрації є текстове
0:35
поле для електронної пошти текстове поле
0:38
для створення паролю кнопка із закликом
0:40
до дії тобто реєстрація не обов'язково
0:43
але можна ще додати поле для того щоб
0:45
користувач повторно вписав пароль в
0:47
деяких конкретних випадках наявність
0:49
другого поля може мати сенс Я вважаю що
0:52
зараз з вбудованими менеджерами паролів
0:54
та підказками паролів у браузерах одного
0:56
поля більше ніж достатньо однак завжди
0:59
важливо
1:00
своїх користувачів якщо ви створюєте
1:02
продукт для менш технічно підкованих
1:04
людей то включення поля Повторити пароль
1:06
може бути гарною ідеєю у формі на сайті
1:09
ми ще бачимо поле з ім'я можемо його теж
1:12
додати до нашої
1:16
форми відновити пароль та запам'ятати
1:19
мене буде
1:21
видалено кнопка зареєструватися замінить
1:24
кнопку
1:25
увійти посилання зареєструйтесь тут
1:28
внизу буде замінене на увійти також
1:31
трохи поправимо тут
1:33
[музика]
1:36
текст заголовок реєстрація замінить
1:39
попередній
1:41
заголовок кнопки соціальних мереж можна
1:44
видалити змінювати розміри та
1:47
налаштування шрифтів і текстових полів
1:49
не потрібно достатньо буде тих принципів
1:51
яких ми дотримувались в попередньому
1:53
відео додатково ми бачимо ось тут
1:56
чекбокс з написом Я приймаю умови
1:58
користування і даю згоду на використання
2:00
моїх персональних даних в маркетингових
2:02
цілях так робити не зовсім правильно
2:04
по-перше його потрібно розділити на два
2:07
чекбокси перший приймаю умови
2:09
користування сайтом або погоджуюсь з
2:11
політикою конфіденційності другий даю
2:14
згоду на використання моїх персональних
2:16
даних в маркетингових цілях тому що якщо
2:19
з першою умовою користувач в більшості
2:21
випадків мусить погодитись щоб
2:23
зареєструватися то від другої легко може
2:25
відмовитись по-друге за замовчуванням
2:27
тут не повинно бути жодних пропорців
2:30
користувач сам повинен їх проставити і
2:32
по-третє всі чекбокси повинні
2:34
знаходитись перед кнопкою
2:36
зареєструватися спочатку користувач
2:38
ознайомлюється з умовами і тільки після
2:40
цього погоджується і нажимає кнопку щоб
2:43
зареєструватися наша форма реєстрації
2:45
готова на цьому все сподіваюсь що вам
2:48
сподобалось Якщо ви хочете ще більше
2:50
уроків напишіть про це в коментарях а
2:52
також Ставте лайки цьому відео та
2:54
підписуйтесь на канал З вами була
2:55
адолька до зустрічі

🏷️

Теми відео