Универсальный UI/UX. Как не переучивать посетителей пользоваться вашим сайтом Часть 2. Инпуты и Формы

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

Универсальный UI/UX. Как не переучивать посетителей пользоваться вашим сайтом Часть 2. Инпуты и Формы
72

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

7
Ответить

Если для инпута добавить правый паддинг на ширину функциональной кнопки, а саму кнопку позиционировать абсолютно и вписать в этот паддинг, то кнопка браузера с ключем не будет конфликтовать с кнопкой просмотра пароля

Например, как на скрине ниже =)

7
Ответить

Можно сверстать так, чтобы крестик фактически был вне поля, но визуально - его частью.

2
Ответить