Использование надписей в формах

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

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

Чаще всего надпись является статическим объектом,  т.е. никогда не меняет своего текста (это не относится к надписи в режиме "бегущей строки", т.к. она по сути является динамическим объектом).

Выравнивание влево

Основные варианты размещения надписей для полей ввода - выровненные влево и выровненные вправо.

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

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


Интервал до поля ввода

Текст надписи не должен примыкать вплотную к полю ввода, т.к.  это мешает беглому чтению из-за того, что взгляд натыкается на слишком близко расположенные друг к другу слова:

Оптимальным является отступ на ширину рамки редактирования. При таком отступе надпись и поле ввода отделены друг от друга, но еще воспринимаются вместе как единое целое.

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

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

Две строки

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

Текст надписи

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

Если убрать слово "пользователь" из надписей, то форма сразу воспринимается по-другому:

 Не следует стремиться описать в надписи все особенности данного поля ввода. Например, в приведенном ниже фрагменте формы надпись "Формулировка" вполне понятно характеризует поле ввода, хотя ее можно было бы назвать "Полная формулировка", или "Полная формулировка (отличная от наименования):":

В следующем примере надпись "Номер и дата разрешения ЦБ:" можно заменить на "Разрешение ЦБ:" без какого-либо ухудшения информативности этой группы полей формы:

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

Сокращения и аббревиатуры

В тексте надписей рекомендуется не использовать сокращения, т.к. они значительно затрудняют восприятие информации и раздражают пользователя (например, "Подразд-ние:", "Инвентар-ция:", "Расчетный к-т:".

В то же время использование общеупотребительных сокращений часто помогает сделать формы более наглядными (например, "Юр. адрес:", "Факт. адрес:").
Использование общеупотребительных аббревиатур "ИНН, ОКПО, ФИО" повышает наглядность и лаконичность форм, а придуманные самим  разработчиком или малораспространенные аббревиатуры могут запутать пользователя и даже сделать форму нечитабельной.

Цвет и шрифт

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

Заключение

Подведем итог: