Какой вариант поля ввода лучше с точки зрения UX: с серым placeholder-текстом или с чёрным жирным заголовком внутри?

Использование чёрного жирного заголовка (label) над полем ввода обычно предпочтительнее с точки зрения UX по нескольким причинам:

• Постоянная видимость: Заголовок остаётся видимым даже после начала ввода, что помогает пользователю помнить, что именно нужно вводить.
• Доступность: Для пользователей с ограниченными возможностями и при использовании экранных читалок яркий label более понятен.
• Избежание путаницы: Placeholder исчезает при вводе, и если пользователь отвлечётся, он может забыть, что нужно вводить.

Placeholder с серым текстом лучше использовать как дополнительную подсказку, а не как единственный способ обозначить поле.

Пример хорошей разметки:

<label for="email" style="font-weight:bold; color:black;">Email</label>
<input type="email" id="email" placeholder="example@mail.com">

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