—»     —»   Валидация Web-Форм: Практика и рекомендации
  Раздел: Формы   Комментариев: 2  

Валидация Web-Форм: Практика и рекомендации

1. Методы подтверждения
2. Что требует подтверждения
3. Сообщение об ошибке
4. Семь раз отмерь
5. Вы - человек?

2. Что требует подтверждения

Несколько аспектов могут проверяться на правильность при заполнении форм: обязательные пункты, формат, поля повторного ввода.

Обязательные сведения

Прежде всего подтверждаться должны, очевидно, обязательные к предоставлению сведения, без указания которых успешное завершение операции невозможно. То есть, подтверждение произойдёт после того, как система удостоверится, что пользователь внёс в форму все необходимые детали, при отсутствии сведений хотя бы в одном из обязательных полей в подтверждении будет отказано. Эти поля должны быть чётко обозначены, чтобы пользователи знали, какие данные следует внести.
Валидация Web-Форм: Практика и рекомендации

На форме добавления комментария в блог Komodo Media обязательные поля отмечены вспомогательной надписью "обязательно к заполнению".

Обычно обязательные поля отмечают астериском (*). Однако, не всем пользователям известно, для чего ставится этот значок. Новички или пожилые люди могут иметь очень смутное представление о значении астериска. Поэтому хорошо бы давать у верхней границы формы пояснение об обязательном заполнении всех отмеченных астериском полей или выделять их как-то иначе. Если все поля обязательные, в астерисках или выделении нет необходимости. Достаточно простого уведомления в том, что заполнять нужно все пункты формы.
Валидация Web-Форм: Практика и рекомендации

Facebook не требует заполнения обязательных полей. Пользователи узнают, что необязательных нет вообще, только нажав кнопку "отправить".

В прошлом году мы провели исследование на тему разработки онлайн-форм. Оно показало, что "разработчики стараются избегать любых лишних деталей и всего, что отвлекает пользователя, не способствуя заполнению формы". Более глубокий анализ выявил тенденцию к требованию заполнения очень малого количества полей - более половины форм содержали, максимум, 5 обязательных пунктов, а необязательные часто старались не включать в них вообще. Помните об этом, назначая обязательные поля.

Правильный формат

Помимо проверки полноты необходимой информации, операция подтверждения отслеживает соблюдение пользователями заданного формата. Это касается различных данных - адресов электронной почты, URL, дат, телефонных номеров и других. Если сведения предоставлены в неправильном формате, пользователям должно быть сообщено об этом и приведён пример правильного формата. Видимо, легче всего подтверждать "правильность" форматирования, используя регулярные выражения.

Пожалуйста, помните, что зачастую лучше не навязывать пользователям строгий шаблон ввода данных; пусть пишут по-своему, в разных форматах, а приложение заставьте грамотно эту информацию толковать. Пользователь всего лишь хочет выполнить действие, а не вникать в "правильность" форматов и сложности пользовательских интерфейсов. Дайте пользователю напечатать то, что ему нужно, а ПО, при необходимости, поручите соответствующую обработку этих сведений. Такой принцип веб-дизайна часто называют "разрешительным форматом пользовательского интерфейса".
Валидация Web-Форм: Практика и рекомендации

При заполнения формы регистрации на Carbonmade подтверждение проходит корректность формата URL, пользователю отправляется сообщение об ошибке и предлагаются пути её исправления.

Чтобы больше узнать о регулярных выражениях, непременно прочтите "Основное пособие по регулярным выражениям: справки и пояснения" ("Essential Guide To Regular Expressions: Tools and Tutorials") или, если вам уже знакомы азы, - "Ключевые понятия из области применения новейших регулярных выражений" ("Crucial Concepts Behind Advanced Regular Expressions"). В этой статье мы позже вернёмся к обзору приёмов форматирования.

Поля повторного ввода

При передаче сведений, существенных для системы, принято запрашивать повторный ввод этих данных пользователем в добавочном поле. Таким образом, люди могут убедиться в том, что напечатали всё верно. Типичный пример использования таких полей - выбор пароля, хотя они иногда требуются и в других случаях, таких, как указание адреса электронной почты.
Валидация Web-Форм: Практика и рекомендации

Регистрируясь на Photobucket, пользователям пришлось повторно печатать ранее введённый пароль для проверки его правильности.

Поле повторного ввода должно размещаться рядом с ключевым полем (или ниже). Его предназначение должно чётко указываться, например, так: "Введите пароль повторно". Если выявляется расхождение признаков обоих полей, пользователь извещается об этом. Дополнительно можно включать флажок успешного выполнения операции, если признаки СОВПАДАЮТ.

Вторая часть нашего исследования привела к интересным выводам относительно применения полей повторного ввода. Адрес электронной почты требовалось дважды вводить только на 18 % сайтов, а пароль - на 72 % сайтов. К нашему удивлению, оказалось, что крупные сайты, такие как Facebook, LinkedIn, Stumbleupon и Twitter не запрашивают повторный ввод пароля.

Новость отредактировал Design FactoRy - 11 июля 2017, 20:06
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: отправные формы
Опубликовал Mysterious Master   Прочитано (раз): 11051   |   Оставлено комментариев: 2
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 14 февраля 2010 @ 23:17
Написал: Espando — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Есть ещё один кликабельный вид капчи.
Вот ссылка на урок по её созданию:
http://ruseller.com/lessons.php?rub=28&id=442
fellow
Комментарий #2: 14 февраля 2010 @ 23:26
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1492   |   Комментариев: 177
ICQ: --- не указано ---
Espando, хмм ... интересная реализация ... впервые вижу.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц November по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)
Популярные публикации







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Июнь 2022    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930