Grumpy Website

 

вот такой есть паттерн: placeholder text уезжает наверх, когда начинаешь что-то вводить. Популярный, даже современный Яндекс использует.

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

С точки зрения дизайнера причина есть. Она решала свою дизайнерскую задачу и такое вот решение получилось. Формально это компромисс: в пустом поле удобнее всего placeholder, в заполненном — label. Ну а оба ставить бог минимализма не велит.

А вот с точки зрения меня, пользователя, обычного человека, работяги, получается вот что: я ввожу первую букву и на экране что-то происходит. Label уезжает наверх! Что это? Почему? Это я сделал? Я не хотел. Я не специально. Мне это не нужно. Это индикация чего? Очевидно, это переход из одного состояния в другое. Но для меня эти состояния не имеют объяснения, смысла. С моей точки зрения пустое поле и поле, в которое я ввел ровно одну букву — _одинаковые_ состояния неоконченного ввода. В обоих случаях я еще в процессе ввода. С вводом первой букву это состояние никак не меняется. С вводом последней — да, для меня это состояние будет иметь смысл («я закончил ввод»). К сожалению, в интерфейсе для индикации этого как раз ничего нет.