Введение §

В маркетинге плейсхолдер (от англ.#placeholder ) – это подсказка внутри поля формы. Например, в поле «Пароль» можно вставить подсказку, что нужно ввести «Не менее 6 символов». Технология создавалась, чтобы облегчить процесс ввода данных.

Чем плейсхолдер отличается от лейбла §

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

Виды §

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

Текст плейсхолдера временно «занимает место» в документе при верстке. Его используют для предварительного просмотра шрифтов, расположения текста или изображений на веб-странице или другом документе. Например, разработчик электронного письма заполняет шаблон «фиктивным» текстом, чтобы приблизиться к окончательному макету. Один из наиболее распространенных плейсхолдеров – lorem ipsum.

В дополнение к заголовку §

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

Вместо заголовка §

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

Стоит ли использовать плейсхолдеры §

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

1. Можно перепутать подсказку с заполненным полем. То есть посчитать текст-заполнитель за значение по умолчанию.
2. Если пользователь ошибся, ему будет труднее понять, что исправить.
3. Без заголовков в поле трудно проверить, правильно ли заполнена форма. 
4. Из-за исчезновения текста-подсказки легко запутаться, ведь при заполнении формы не все запоминают подсказки и приходится удалять текст, чтобы вновь ее посмотреть. 
5. Пользователям приходится вручную удалять текст с подсказкой, когда разработчики не предусматривают автоматическое удаление. Это создает лишние затруднения.
6. Для слабовидящих текст плейсхолдера будет не заметен из-за контраста.

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

Как правильно использовать плейсхолдер §

Чтобы избежать ошибок при использовании плейсхолдера, помните:

1. он не заменяет лейбл;
2. текст-заполнитель лучше использовать только в небольших формах (например, для логина и пароля);
3. что стандартный цвет подсказки должен контрастировать с фоном (быть читабельным);
4. не все браузеры их поддерживают.