Обязательная форма поля связи

Question

Я всегда сообщал пользователям обязательные поля формы в веб-приложениях, вешая звездочку на конце элемента управления или метки и добавляя небольшое предложение в виде строки «обязательные поля помечены звездочкой (*)» или аналогичное сообщение в начале формы, чтобы они знали, что к чему, прежде чем начать заполнять его.

Совершенно скучно.

После слишком многих лет этого мне надоело, и я ищу что-то другое, интуитивно понятное и определенно более интересное.

Кто-нибудь сталкивался с методом для этого, который немного отличается и, что не менее важно, передает сообщение до того, как пользователь начинает использовать форму?

РЕДАКТИРОВАТЬ: Я остаюсь со звездочками ... Я попробовал некоторые из представленных идей, и некоторые выглядели великолепно, но нет смысла уходить от того, что Майкл считает, что звездочка ожидаемая и, кроме того, понятна всем. Кроме того, когда вы рассматриваете доступность, становится все более сложной проблемой использование CSS и т. Д. Для доставки сообщения.

Я обнаружил, что это хорошая статья, в которой также есть несколько полезных инструкций о том, как обеспечить, чтобы зрячие пользователи и те, кто использует программы чтения с экрана, правильно получали сообщение при итерации по полям.

http://simplyaccessible.org/examples/required-form-fields

Answer 1

скучно? Конечно. К сожалению, использование звездочки быстро становится де-факто веб-стандартом. Если вы говорите об одном приложении или сайте во всемирной паутине, то переход на что-то другое усложняет для ваших пользователей. Помните, что почти всегда ваши пользователи проводят на чужом веб-сайте гораздо больше времени, чем ваш собственный.

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

Теперь, если вы разрабатываете стандартное руководство или руководство по стилю, которое будет применяться ко всему классу или набору приложений, которые будут активно использоваться вашими пользователями, возможно, имеет смысл изучить другие возможности. Я бы попробовал что-то, что означает «посмотрите здесь» или «позаботьтесь об этом», возможно, значок руки, указывающей на поле. И затем я бы динамически затухал значок, когда пользователь заполнял поле, предоставляя им обратную связь об их прогрессе. И я бы добавил всплывающую подсказку / заголовок с надписью «Обязательно». И я бы никогда не включил это в руководство по стилю, если бы не проверил его на пользователях и не убедил себя в том, что оно обладает значительными преимуществами в плане производительности по сравнению со звездочкой. Я бы никогда этого не сделал, просто чтобы быть другим.

Answer 2

Быстрое решение - сделать метки для обязательных полей полужирным .

Лучшее решение - объединить это, например, с другой цветной фон (и / или границы и т. д.) для всех пустых обязательных полей и, если что-то будет заполнено, измените его на фон необязательных полей. Большинство людей получат сообщение довольно быстро.

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

Это общий шаблон графического интерфейса для маркировки ошибок в формах, которые можно найти во многих существующих приложениях.

Добавлено: Когда все поля обязательны для заполнения, правила меняются.

Когда все поля обязательны для заполнения, это должно быть очевидно из дизайна формы . Например. для формы входа в систему вы даже не должны использовать звездочку, чтобы указать, что все поля обязательны для заполнения. То же самое касается большинства небольших форм с только обязательными полями: изменить пароль, изменить адрес электронной почты и т. Д.

Когда вам нужен адрес, чтобы отправить что-то кому-то, и люди получат, что все поля адреса обязательны для заполнения. (Мои адресные формы обычно содержат дополнительную строку для адресной информации, но это зависит от того, где вы живете.)

Если у вас есть большая форма со многими полями, где все поля обязательны для заполнения, у вас может быть ошибка дизайна / процесса или маркетинговая ошибка. Я часто задаюсь вопросом о формах, в которые я должен войти, например. два телефонных номера. Я действительно должен что-то хотеть, прежде чем заполнять форму, которая требует от меня ввода десяти или более текстовых полей.

Answer 3

Вы когда-нибудь рассматривали использование FieldValidators в ASP.Net, например? RequiredFieldValidator? Они могут быть полезны для отображения сообщений, которые могут быть полезны, если вы говорите о сообщениях об ошибках, а не об общей информации для пользователя, просматривающего форму.

ИЗМЕНИТЬ, чтобы добавить: Если у вас есть контроль над формой во всей ее полноте, вы можете разделить форму на обязательные и дополнительные поля, чтобы разделение помогло определить, какими частями вы должны заполнить все это, в отличие от материала. это необязательно и приятно иметь.