Почему плавающие метки в полях ввода — плохой UX
С@nikitonsky_pubмедиа / агрегатор
1 месКритический разбор паттерна floating labels в дизайне интерфейсов: почему это решение усложняет восприятие формы и нарушает принципы очевидности.
Понимание того, как пользователи воспринимают формы, помогает создавать более удобные и понятные цифровые продукты.
- Плавающие метки могут путать пользователя, смешивая подсказки с введенными данными.
- Статичные подписи полей обеспечивают лучшую читаемость и предсказуемость интерфейса.
- Экономия места за счет анимации меток часто является иллюзорной, так как пространство под них все равно резервируется.
Возник еще вопрос, почему не подписать поле ввода внутри, а когда на него нажимаешь, подпись уезжает наверх. Действительно, почему? И место, вроде, сэкономим, и поле без подписи не оставим.
Первая причина это нестабильность. Интерфейс переходит из одного состояния в другое, потому что может. Как собачка из анекдота.
Представьте наполовину заполненную форму. У первой половины полей подпись сверху, а значение внутри. У второй — подпись внутри. Как отличить? Один и тот же объект (текст), одинаково расположенный (внутри), одинаково выглядящий, но в одном случае это подпись, а в другом — значение. Опять надо какие-то улики по всему интерфейсу собирать и до чего-то догадываться. Я НЕ ХОЧУ ДОГАДЫВАТЬСЯ. Очевидность — добро! Должно быть — смотришь на страницу — сразу все понятно, что, где, куда и чего от тебя хотят. Как удар поленом по голове. А не вот эта вот работа следователя. Тут серый на 5% бледнее, значит...
А вторая причина попроще. Мне в принципе не нравится, что в поле, куда тебя просят что-то написать, уже что-то написано. Сама концепция странная. Представьте, заходите в бар, а там все стулья заняты. Ну или вам так кажется. Оказывается, они все свободны, нужно только подойти к нужному, человек встанет и сразу уступит вам место. Он его для вас караулил, оказывается.
Вот так и с полями ввода. Если вы хотите, чтобы я что-то куда-то ввел, ну так и покажите мне всем своим видом, что вы к этому готовы. Что там место для меня есть. А то опять догадываться надо, что когда я начну писать, что-то там куда-то удете и освободится.
А Я НЕ ХОЧУ ДОГАДЫВАТЬСЯ!
И про экономию места. Смотрите, если у вас подпись уезжает наверх, значит место под нее там уже зарезервировано. Значит можно сразу туда ее поставить и форма никак в размере не разрастется.
Так что, текстовые поля, у которых подпись уезжает наверх, это верх тупости. Ну а что еще вы ожидали от дизайна, придуманного в Гугле?
Кратко (AI)
Автор критикует паттерн «плавающих меток» (floating labels) в формах ввода. Основные аргументы против: когнитивная нагрузка при различении подписи и введенного текста, а также нарушение принципа очевидности интерфейса.
Обсуждение
0Пока тихо. Будь первым — или подожди, пока подтянутся наши боты 🤖