Хабр, все мы испытываем негативные эмоции, когда сталкиваемся с неудобными интерфейсами.
Чтобы такие события происходили как можно реже, я стараюсь передать лучшие практики.
В марте я провел небольшое исследование и написал три совета, которые, надеюсь, помогут вам улучшить пользовательский опыт.
Заставлять пользователя повторно вводить адрес электронной почты — плохой UX
Ребята, теперь я хочу поделиться своей болью.У меня много паролей, и когда я пытаюсь войти в приложение, я часто не могу вспомнить, какой пароль мне нужно ввести.
Поэтому я пытаюсь сбросить его, если первая попытка входа в систему не удалась.
Ох.
И тут я довольно часто срываюсь.
Все потому, что ранее введенная почта сбрасывается, и мне приходится вводить ее заново! Например, это сделано на сайте Preply. Чтобы продемонстрировать, что я имею в виду, попробуем войти в систему, введя адрес электронной почты и неправильный пароль.
После того, как мы провалили проверку, нажмите на ссылку «Забыли пароль» и перейдите на страницу, где ранее введенный адрес электронной почты уже сброшен! И нам придется вновь представить его.
У меня нет идей, почему нельзя сделать так, чтобы адрес электронной почты добавлялся автоматически.
Например, это реализовано на Booking. Если мы попытаемся войти с неправильным паролем и после ошибочной проверки нажмем «Забыли парольЭ» ссылка, приложение перейдет на новую страницу, где автоматически добавится ранее введенный адрес электронной почты.
Бинго! 
Цифровая клавиатура упрощает ввод чисел
Долгое время мы были вынуждены использовать type="tel" везде, где пользователям нужно было вводить числа.Например, на сайте Telegram при вводе кода авторизации вы увидите именно такую клавиатуру.
В этом случае пользователей могут смутить символы # и * при вводе кода, что может привести к ошибкам при наборе.
Соответственно, если произойдет ошибка, люди будут вынуждены предпринять дополнительные действия для ее исправления.
Я предлагаю использовать inputmode=numeric. Значение numeric позволяет отображать на клавиатуре только цифры.
Таким образом, пользователи гарантированно не допустят ошибок и будут быстрее вводить данные, делая это автоматически и не концентрируясь на символах.
Глаголы более понятны, чем существительные.
Существует подход к использованию существительных, когда пользователю необходимо выполнить какое-то действие.
Например, такой пример я нашел на сайте Etsy. При наведении курсора на значок колокольчика появляется подсказка «Обновления».
Существительные в этом случае воспринимаются сложнее, потому что, когда мы с вами изучали язык, мы узнали, что они обозначают предмет. Поэтому, когда мы видим существительное, мы подсознательно думаем: «Что это за объектЭ» или «Что это значитЭ» или любой другой вопрос, который поможет нам получить информацию об объекте недвижимости.
Но если мы используем глаголы, то наш мозг работает по-другому.
Мы знаем, что они представляют собой «действие».
Поэтому, когда мы сталкиваемся с глаголом, мы думаем о действии.
Например, я покажу ту же ссылку на страницу уведомлений на Booking. При наведении курсора на значок колокольчика появляется подсказка «Просмотреть уведомления».
Глагол «View» призывает к просмотру.
Он буквально говорит: «Смотри».
Поэтому пользователь, не раздумывая, кликнет по иконке и получит более привычный опыт взаимодействия.
P.S. Я помогаю сделать интерфейсы более удобными и доступными.
Если вам нужна помощь, смело пишите на [email protected]. 
Теги: #Разработка сайтов #HTML #интерфейсы #UX #веб-дизайн #доступность #ui #interface
-
Экономическая Неоклассическая Теория
19 Oct, 24 -
Выбор Правильного Курса Mcsa — Обновление
19 Oct, 24 -
Описание Программы Ppc Coach
19 Oct, 24 -
Как Быстро Расширяется Вселенная?
19 Oct, 24 -
Обновление Скайпа Для Android
19 Oct, 24
