Онлайн формы - поля ввода

Тип данных
Как информация должна быть введена?
Организация полей ввода
Разделение полей ввода
Организация полей и заголовков
Длина поля

Тип данных

В большинстве онлайн-форм не вся информация является «обязательной». Однако во многих случаях нелегко быстро определить, какие поля являются обязательными.

Важно четко различать обязательные поля ввода / необязательные поля ввода (или наоборот).

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

Как информация должна быть введена?

В этой части мы должны обсудить различные форматы ввода данных. Например, включение даты рождения может принимать несколько форм, в зависимости от страны (или культуры), в которой есть: Например, во Франции: ДД / ММ / ГГ, ДД / ММ / ГГГГ, ДДММГГ.

Этот тип информации весьма полезен для опытных пользователей, но иногда необходимо предоставить конкретный пример, например: 15/01/2001. Зная, что люди разного происхождения могут заполнить форму, необходимо дать соответствующие инструкции об используемом формате,

Организация полей ввода

Поля должны быть организованы в порядке, соответствующем задачам пользователей. Например, поля, относящиеся к почтовому адресу, будут представлены в порядке, ожидаемом пользователем. В этом случае, однако, не только особое внимание должно быть уделено организации полей, но и их актуальности (совместимо с особенностями разных стран).

Другими словами, поля ввода должны быть организованы:

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

Разделение полей ввода

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

Организация полей и заголовков

Когда мы должны выровнять названия полей по левому краю, а когда они должны быть выровнены по правому краю?

Расположение заголовков полей зависит от простых правил. Если заголовки не различаются по длине (более чем на 6 символов), их можно выровнять по левому краю, в противном случае установите их вправо (если их нельзя укоротить).