Комментарии 43
Многие любят разбить поле ввода телефона на два поля: код + телефон. Из-за этого автодополнение по адресам срабатывает некорректно. Браузер помнит мой телефон вместе с кодом и вставляет его одной строкой в поле телефона. Потом валидация формы просит вставить код, и можно пропустить, что код оказывается вставлен дважды, а последние цифры номера потеряны.
Маска ввода на телефонных полях тоже бывает глючная. Знаю один сервис, там кликаешь мышкой в середину поля ввода, и курсор оказывается в средней позиции. Приходится через backspace загонять его в начало.
Справедливости ради, не всё из статьи относится к UI непосредственно, часть из этого - больше юзабилити.
Немного ссылок по теме:
Все изображения должны приводить к скачкам контента
Это не только косяк глупца, но и вполне себе специально запиливаемый маркетинговый dark pattern, направленный на мисклик пользователя по рекламе. Беспалевно, если не наглеть, и дает отличный конверт, и отдельный котел в аду с прыгающей кнопкой выключения огня
Номер паспорта так-то включает и буквы. Не знаю, как в РФ, но в очень многих странах. Поэтому спрятать буквы на клавиатуре тут будет равно потерять пользователя или получить неверные данные.
в РФ только цифры. Если бы были и буквы, то я бы не включил кейс в статью
Очень странный "кейс", а что иностранцы не могут пользоваться сервисами в РФ ? Вы же сами ниже про фамилию пишите...
В этом случае пользователь может переключиться на стандартную клавиатуру. Если сервисом пользуются большинство с российским паспортом, то в нем нет букв.
В военном билете РФ есть буквы, и он является документом, удостоверяющим личность.
Однако, большинство всё-таки использует паспорта. В целом, интерфейс должен быть нацелен в первую очередь на удобство большинства юзеров. Это из разряда выбора города - вначале списка нормальные люди ставят самые крупные города, а не располагают их в алфавитном порядке. Т. е. "Москва, Санкт-Петербург", а не "Альметьевск, Боровичи".
В целом, интерфейс должен быть нацелен в первую очередь на удобство большинства юзеров.
Но, есть такое мнение, что удобство большинства необязательно должно достигаться ценой потери меньшинства. Не ценой неудобства меньшинства - иногда это неизбежный компромисс, а именно ценой недоступности, невозможности использовать меньшинством.
Т. е. "Москва, Санкт-Петербург", а не "Альметьевск, Боровичи".
Ага, ткнул на выбор города (которых там тысячи), не глядя по привычке (привитой теми, кто соритрует по алфавиту) открутил в середину, а там нет Москвы на букву "М". Поматерился, крутя обратно.
В целом, интерфейс должен быть нацелен в первую очередь на удобство большинства юзеров.
Тогда и мнение незрячих не учитываем. И юзеров с контрастностью. Да по такой логике можно статью удалить
Паспорт может содержать любые символы, так как иностранцы такие же пользователи информационных систем, особенно сейчас, когда контроль за цифровой средой усилился. А такие советы реально сломали мне день, когда какие-то идиоты в Сбере ввели это ограничение в своей банковской системе, и я не смог внести деньги за кредит моего друга из Казахстана, так как поле принимало только цифры, да еще и только одного формата. Даже переключателя не добавили, как часто делают "паспорт иностранного гражданина".
Так что ваш этот совет про паспорт, крайне однобокий.
Мне кажется, для таких случаев нужно вводить доп. поле "Тип документа", и уже в зависимости от него выбирать тип ввода.
Они должны долго загружаться
Это про картинки в этой статье. JPG зачем-то пережаты в PNG, и получилась например заглавная размером в 3Мб+.
Что касается режима высокой контрастности, камень не по адресу. Если уж ОС и браузер корячат сайт на своё усмотрение, они должны делать это нормально, а не "мы сейчас половину отрежем, вторую перекорячим, а вы там приседайте как хотите".
Всё равно что взять какую-нибудь игру, удалить файлы из папки с текстурами и удивляться странным результатам.
Никогда не пишите статьи в таком стиле. Есть налёт хамства и токсичности. Хуже воспринимается "инвертированная" информация, из-за чего она становится менее доступной.
К полю ввода фамилий, ещё один любимый многими разработчиками лайфхак
Ограничить ввод только алфавитными символами, чтобы никто не мог ввести двойную фамилию, которая пишется через тире например
Спасибо, я как раз делал максимально не удобную страничку для развлечения, та и чего нового узнать
спасибо за пример с hh, там работают какие-то крайне весёлые ребята) вот ещё в копилку: кнопка Откликнуться - это внезапно ссылка! причём что в списке вакансий, что в каждой вакансии отдельно
И мы даже можем скопировать адрес кнопки или открыть кнопку в новом окне. который год смотрю на это безобразие с немым вопросом "ну когда же они переделают". похоже никогда)
Ссылки нужно верстать исключительно div с добавлением обработчиков событий для программной навигации через js, для удобства навигации с клавиатуры. Бонусом вы повысите свой сайт в поисковой выдаче. А лучше вообще все элементы заменить на div чтобы не усложнять код. Другие разработчики скажут вам за это спасибо
Как сделать ужасный для пользователя интерфейс. Коллекция HTML/CSS лайфхаков