Формы — стражи Интернета.
Часто они являются отправной точкой следующего приключения, а именно регистрации нового аккаунта.
Их также можно использовать для авторизации пользователя.
Вы когда-нибудь задумывались, что когда вы отправляете электронное письмо или отправляете новый твит, вы заполняете еще одну веб-форму? Они повсюду, но их недооценивают. Оптимизация — ключ к увеличению конверсии.
Сегодня мы обсудим способы улучшение и оптимизация форм .
Сделайте это до глупости простым
Сохранять простоту формы означает делать ее как можно лучше (это должно быть очевидно всем).Убедитесь, что вы просите только то, что вам действительно нужно.
Не интересуйтесь мелочами, будьте пунктуальны.
Это упрощает жизнь вашим пользователям и проекту в целом.
Форма поиска в сервисе Иконфандер .
Подпишитесь на рассылку новостей сайта ЭйДизайнер .
Форма должна быть организована
Чем меньше полей, тем лучше, так как это сокращает временные затраты.Однако если оно длиннее, то это не всегда страшно.
Попробуйте объединить несколько полей в разделы, вам понравится.
Пусть это будет опрос о маме и папе, тогда вопросы о каждом родителе должны выводиться отдельно.
Вы можете легко разделить форму на несколько страниц, но лучше свести их количество к минимуму.
Форма заказа на сайте Фитбит .
И это в магазине Челюсть .
Если вопросов много, то отобразите ход заполнения
Многостраничная форма, такая как покупка товара, должна сообщать человеку, сколько времени у него есть на это.Будьте прозрачными.
Расскажите сами, сколько шагов осталось сделать ( но все равно сведите все к минимуму.
).
Процесс запроса приглашения в закрытое сообщество Сочный .
Сбор информации о пользователях для Рабочие кочевники .
Укажите синтаксис ответа
Вы ведь знаете, что номер телефона можно записать по-разному? С помощью заполнителя вы можете рассказать посетителю, что от него требуется.Если вы хотите увидеть запись типа (111) 222-333, то так и скажите.
Кстати, есть альтернатива этому методу.
Если вы не указали свои требования, будьте гибкими.
Не надо выкидывать ошибки.
Как привести все данные в один формат? Просто проанализируйте его с помощью JavaScript или RegEx. 
Изипост на своей странице регистрации помогает человеку не ломать голову.
Дайте кнопкам соответствующие названия.
Кнопки могут сбивать с толку из-за неправильных надписей.
Если в конце формы есть кнопка «Отправить», то она может не давать представления о том, что произойдет при нажатии на нее, но «Отправить» или «Создать учетную запись» дают больше ясности.
С ними пользователю становится очевидно, что он делает. 
Форма регистрации услуги Дропбокс .
Напишите правильные объяснения
Также важно правильно описать необходимую информацию.Убедитесь, что у гостя ни в чем нет сомнений.
Не стесняйтесь повторять в этом поле то, что вы хотите узнать о конкретном родителе.
Будьте настойчивы: «Фамилия матери».
Зачем кому-то догадываться, о чьей фамилии мы говорим? 
Форма Кармы довольно проста и очевидна.
Объясните, почему вам нужно что-то знать о пользователе.
Иногда я просто не могу себе представить, почему некоторые сайты хотят знать мой номер телефона.
Это потому, что они не говорят о своих намерениях.
Фраза " для безопасности " абсолютно ничего не говорит. Пожалуйста, не забывайте об этом факте.
Вообще я не люблю писать где-либо свой номер телефона.
Однако если бы вы сказали мне, что это нужно для того, чтобы сообщить мне что-то важное по забронированному мною билету на самолет, то меня бы порадовала забота сотрудников вашей компании.
Безопасность прежде всего, да.
Пример формы регистрации на сервисе Полоса .
Выпасть или не выпасть
Чем меньше вопросов вы задаете, тем меньше необходимости добавлять выпадающее меню.Самая большая проблема в том, что этот элемент не показывает все доступные опции.
Пользователю необходимо совершить дополнительные действия, чтобы увидеть другие варианты ответа.
Когда их немного, гораздо проще вывести их в один ряд. Однако лучше использовать переключатели или ползунки.
Выбор пола в регистрационной форме Вкладка «Здоровье» .
Искать на портале Прекрасный .
Последние советы
Подводя итог всему этому, хочу дать еще несколько советов.Любая из ваших форм должна быть адаптивной, потому что в наши дни это более полезно, чем когда-либо.
Убедитесь, что он работает на смартфонах и планшетах.
Также рассмотрите возможность регистрации через местные социальные сети.
Это значительно повысит конверсию вашего сайта, поскольку для владельцев аккаунтов на таких сайтах нет ничего проще, чем мгновенная регистрация нажатием одной кнопки.
Важно, чтобы у пользователя была веская причина заполнить веб-форму.
Напомните посетителям о преимуществах того, что их просят сделать.
В формах входа должно быть четко указано, что после отправки человек войдет в систему, как бы глупо это ни звучало.
Самая простая авторизация в Середина .
Форма входа www.wwwards.com .
Заключение
Мы говорили с вами не только об оптимизации форм, но и повышении конверсии всего проекта в целом.Объясните своим пользователям, что и почему вы от них требуете, и постарайтесь просить как можно меньше и давать как можно больше.
Предоставьте им как можно больше информации (заполнитель и т. д.).
Лучшие формы — простые и четкие.
Не тратьте чье-либо время и будьте счастливы.
Теги: #оптимизация #интерфейсы #юзабилити #веб-дизайн #юзабилити #веб-формы
-
Генеральный План Теслы. Часть Вторая
19 Oct, 24 -
Как Создать Популярный Канал На Youtube
19 Oct, 24 -
Как Я Не Лазил По Белорусскому Интернету
19 Oct, 24 -
Анонсирована Игра «Герои Меча И Магии Vi»
19 Oct, 24 -
Новый Nimbus Note – Еще Быстрее И Удобнее
19 Oct, 24
