Как лучше – поля формы с label или без них?

Question

[weranda]

Приветствую

Интересует ваше мнение и если есть какие-то исследование в данном направлении по разнице межлу двумя этими видами, то оставьте пожалуйста ссылку.

Две формы – одна с подписью над полем, а вторая без оных. Как лучше?

Comments

[Risin0]

Любопытно, левый вариант перегружен, а правый слишком пуст.
Подпись для телефона нужна точно и для симметричности придётся оставить подпись над именем.

Советую изменить надпись "Имя" на "Вася Пупкин" (ну или нечто похожее)

Answer 1

[monochromer]

Статья на тему "Плейсхолдеры в полях формы вредны"
https://htmlacademy.ru/blog/30-form-design-placeholders

Answer 2

[lnked]

Можно объединить 2 метода
у не заполненного поля будет только placeholder - take.ms/t6yOJ
когда начинают что то вводить в поле плейс холдер преобразуется в label - take.ms/6rSmA

Answer 3

[Яков Е]

Если полей мало, и они совершенно очевидные, то можно и только placeholder, а если много, то лучше с подписями.

https://www.artlebedev.ru/tools/technogrette/etc/forms/

Comments

[Нерон Лордов]

гм, до сих пор актуальная информация по ссылке.

Answer 4

[Генри]

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

Answer 5

[goandkill]

Лень описывать, тут всё показано.