Как указать обязательные поля?

Question

Как лучше всего указать обязательные поля?

Достаточно ли красной звездочки рядом с меткой каждого поля? Вам также нужно объяснить словами, что означает красная звездочка?

Что если все поля обязательны для заполнения? У вас все еще есть красная звездочка?

Answer 1

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

http://www.noupe.com/how-tos/comment-form-styling.html

Чего следует избегать, так это окрашивать фон самого поля. Я видел его на некоторых сайтах, и он совершенно несовместим с программами чтения с экрана, может создавать проблемы для дальтоников и даже может вызывать проблемы на плохих ЖК-мониторах.

Answer 2

Пометить «необязательные» поля, а не «обязательные» поля

Источник: Поля формы - Обязательные против Необязательные от Джордан Сансон

Почему использовать необязательные поля всегда лучше, чем требуется:

• Звездочка очевидна для вас, не для всех, поверьте, всегда есть такие, кто не понимает.
• Красные звездочки повышают боязнь пользователей, повышают риск ошибок и снижают скорость заполнения форм.
• Всегда требуется больше полей, чем необязательно
• Меньше визуального шума в вашей форме делает ее более читабельной и, следовательно, более быстрой для заполнения

Исследования:

1. Руководство по дизайну веб-форм: исследование с отслеживанием глаз от cxpartners см. Рекомендацию 5

Answer 3

Звездочкой или другим цветом шрифта на этикетке является общепринятая практика вместе с краткой копией, обозначающей, что означают указанные варианты.

Я обычно использую звездочку.

Answer 4

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

[* Обязательно]

Вверху формы.

Другие методы, которые я видел, включают красную рамку вокруг необходимых предметов.