Надписи - вспомогательные элементы управления и нужны для того, чтобы объяснить пользователю назначение других элементов или сообщить какую-то полезную информацию. Чаще всего они используются для пояснения предназначения конкретных полей ввода.
Количество надписей обычно совпадает с количеством полей ввода. Таким образом, почти половина элементов управления формы являются надписями, вот почему важно уделять им большое внимание при редактировании форм. Понятные и аккуратные надписи упрощают восприятие информации, а плохие, наоборот, делают формы неудобными для просмотра и ввода.
Чаще всего надпись является статическим объектом, т.е. никогда не меняет своего текста (это не относится к надписи в режиме "бегущей строки", т.к. она по сути является динамическим объектом).
Основные варианты размещения надписей для полей ввода - выровненные влево и выровненные вправо.
Выравнивание вправо прижимает надпись к полю ввода, что удобнее при восприятии этой пары полей отдельно. Но "рваный" левый край, нехарактерный для европейского восприятия, мешает воспринимать форму целиком и читать ее как обычный бумажный документ или книгу. Такое выравнивание рекомендуется применять только в особых случаях.
Выравнивание влево (аналог выравнивания абзацев в традиционных бумажных документах, книгах) увеличивает дистанцию между надписью и соответствующим ей полем ввода, но делает ровным левый край. Такое выравнивание является рекомендованным и используется во всех типовых конфигурациях как наиболее удобное с точки зрения восприятия формы целиком.
Текст надписи не должен примыкать вплотную к полю ввода, т.к. это мешает беглому чтению из-за того, что взгляд натыкается на слишком близко расположенные друг к другу слова:
Оптимальным является отступ на ширину рамки редактирования. При таком отступе надпись и поле ввода отделены друг от друга, но еще воспринимаются вместе как единое целое.
Для вертикальных групп полей ввода с надписями ширина надписей выбирается по самой длинной надписи (в данном случае это надпись "Подразделение". В этом случае связующим звеном между надписью и полем ввода будет принадлежность к группе. Т.е. несмотря на удаленность надписей от поля ввода, они все равно воспринимаются как единое целое, потому что визуально объединены в группу:
Иногда применяют многоточия, чтобы как бы продлить надпись до соответствующего ей поля ввода. Это засоряет форму ненужными элементами оформления и в конечном счете отрицательно сказывается на ее читабельности. Применение такого оформления рекомендуется лишь в особых случаях, например, по желанию заказчика если требуется сделать форму максимально похожей на используемое ранее DOS-приложение или какой-то бумажный документ:
Рекомендуется делать лаконичные надписи, чтобы они были однострочными, как и большинство полей ввода в формах. Но иногда не получается сделать надпись понятной и короткой, и единственным приемлемым вариантом становится размещение текста в две строки, несмотря на то, что соответствующее этой надписи поле ввода однострочное. В этом случае рекомендуется сделать двухстрочное поле надписи и выровнять его верхнюю границу с верхней границей соответствующего поля ввода. При этом поле ввода и надпись будут нормально читаться вместе т.к. у них будет общая базовая линия текста:
Надписи должны быть короткими и точными. Не рекомендуется дублировать в тексте надписей название объекта, свойства которого показывает или редактирует данная форма. Например, в данной форме дублирование в каждой надписи слова "пользователь" делает форму сложнее для восприятия:
Если убрать слово "пользователь" из надписей, то форма сразу воспринимается по-другому:
Не следует стремиться описать в надписи все особенности данного поля ввода. Например, в приведенном ниже фрагменте формы надпись "Формулировка" вполне понятно характеризует поле ввода, хотя ее можно было бы назвать "Полная формулировка", или "Полная формулировка (отличная от наименования):":
В следующем примере надпись "Номер и дата разрешения ЦБ:" можно заменить на "Разрешение ЦБ:" без какого-либо ухудшения информативности этой группы полей формы:
В случае необходимости подробное описание можно приводить во всплывающей подсказке. При составлении подсказок нужно помнить, что подсказка живет на экране около 5 секунд и обычный человек за это время успеет прочесть всего лишь 6-8 слов на русском языке.
В тексте надписей рекомендуется не использовать сокращения, т.к. они значительно затрудняют восприятие информации и раздражают пользователя (например, "Подразд-ние:", "Инвентар-ция:", "Расчетный к-т:".
В то же время использование общеупотребительных сокращений часто помогает сделать формы более наглядными (например, "Юр. адрес:", "Факт. адрес:").
Использование общеупотребительных аббревиатур "ИНН, ОКПО, ФИО" повышает наглядность и лаконичность форм, а придуманные самим разработчиком или малораспространенные аббревиатуры могут запутать пользователя и даже сделать форму нечитабельной.
Многообразие цветов и шрифтов отрицательно влияет на эргономику форм. Отличные от стандартных цвета и шрифты рекомендуется применять лишь в особых случаях для привлечения внимания пользователя. Выделение цветом, например, применяется в типовых конфигурациях, для того чтобы пользователь мог различать статические надписи от динамических:
Подведем итог: