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

Чтобы правильно использовать плейсхолдеры в веб-формах и улучшить юзабилити, рекомендуется следовать нескольким правилам: 12

• Не использовать плейсхолдер вместо заголовка формы. 13 Это может запутать пользователя. 1 Лучше использовать плейсхолдер вместе с заголовком: первый будет дополнительной подсказкой, а второй останется видимым. 35
• Размещать плейсхолдер между заголовком и полем для ввода данных. 2
• Использовать контрастный цвет фона, чтобы светло-серые символы легко читались. 2
• Добавлять недлинный и простой для восприятия текст. 2
• Следить за тем, чтобы дизайн и шрифт заполнителя соответствовали общему стилю сайта или мобильного приложения. 2
• Не допускать исчезновения плейсхолдера, когда пользователь нажимает на поле. 2 Исчезающий текст-заполнитель создаёт нагрузку на кратковременную память пользователя. 1
• Тестировать, как заполнитель отображается на разных устройствах и в разных браузерах. 12
• Использовать плейсхолдеры для форм небольшого размера, например, для ввода имени или электронной почты. 1

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