Ошибка при вводе проверочного кода - Не ошибается лишь тот, кто ничего не делает!

Windows

Проблема

При попытке войти в личный кабинет выдается ошибка «Неправильный проверочный код», хотя никакой код не запрашивался.

Решение

Ваш браузер не поддерживает googlе капча. Рекомендуется сменить браузер или удалить программы дополнения, которые блокируют безопасность google.

Рекомендуется использовать браузер google chrome.

MAC OS

Проблема

Здравствуйте, пытаюсь войти в cab.nsu.ru, получаю следующее сообщение — «Please enter the correct verification code». Никаких Verification-кодов для ввода при входе не отображается.

Решение

Перейдите в Safari -> Настройки -> Конфиденциальность и снимите флажок «Предотвратить межсайтовое отслеживание».

Связанные статьи

Источник

Содержание

При Регистрации Пишет Неверный Код Подтверждения
Что делать, если Google authenticator всегда выдает неправильные коды
Несовпадение ключа безопасности: ошибка подключения к Wi-Fi
Коды Google Authenticator перестали работать? Попробуйте это быстро исправить
12 способов исправить ошибку с вводом пин-кода Windows 10
Что делать, если Google authenticator всегда выдает неправильные коды
«Решения», которые удалось найти и их результаты:
Финальное решение проблемы: FreeOTP
При Регистрации не Показывает Код Подтверждения
Что делать, если Google authenticator всегда выдает неправильные коды
Финальное решение проблемы: FreeOTP
Получение проверочного кода и вход в систему с использованием двухфакторной аутентификации
Неправильный код проверки повторите попытку еще раз
Что делать, если не удается оплатить банковской картой в Интернет-магазине
Что делать, если не приходят смс с кодом подтверждения
Почему не приходит код с подтверждением
Почему код не приходит на е-меил
Что делать, если не приходит смс с кодом

При Регистрации Пишет Неверный Код Подтверждения

Что делать, если Google authenticator всегда выдает неправильные коды

После настроек сервера установили на телефон Lenovo p780 приложение Google Authenticator, «прочитали» телефоном с монитора QR-code и получили заветные циферки для авторизации. Перед тем как перезагрузить SSH не забывайте сохранить резервные ключи для восстановления доступа.
Доброго времени суток.
Я хотел бы рассказать вам о проблемах 2FA аутентификации на устройствах Android 4.4.2 KitKat и о решении, которое в нашем случае прекратило долгие поиски.

ПОМОЩЬ СПЕЦИАЛИСТА! Если у вас в процессе возникнут проблемы или трудности – пишите в комментарии и я вам постараюсь как можно быстрее помочь.

Несовпадение ключа безопасности: ошибка подключения к Wi-Fi

По умолчанию пароль есть почти на всех роутерах. Также его меняют и устанавливают при первичной настройке аппарата. И так, надеюсь с этим мы разобрались. Теперь давайте разберемся с ошибкой.
После этого перезагрузите компьютер и роутер. Чтобы перезагрузить интернет-центр – достаточно на короткое время отключить его от сети, или нажать два раза на кнопку «выключения/включения». Если это не поможет – то я бы советовал переустановить сетевой драйвер на Wi-Fi адаптер. Я уже писал подробную инструкцию по данной теме – идем сюда. Инструкция подходит для всех Windows.

Неправильный Код Безопасности При Регистрации|введен Неверный Код При Регистрации

С помощью фишинг-мошенников, постоянно предлагающих творческие способы обмануть пользователей Gmail в раскрытии их паролей, двухфакторная проверка подлинности является важным шагом к обеспечению безопасности вашей учетной записи. Но если ваши коды Google Authenticator внезапно перестают работать, это может быть связано с проблемой на вашем телефоне.

Коды Google Authenticator перестали работать? Попробуйте это быстро исправить

Рекомендуется также иметь резервную копию на случай, если приложение перестанет работать или у вас нет доступа к вашему устройству. Вы можете создавать резервные коды и записывать их на бумаге в безопасном месте. Или вы также можете установить приложение Google Authenticator на нескольких устройствах.
Кроме того, если вы используете устройство Android, вы можете создать резервные коды другим способом:

Не помните пароль, потому что слишком сильно полагались на ПИН-код? Вот почему вы всегда должны сохранять важные пароли в автономном режиме в безопасном месте.

12 способов исправить ошибку с вводом пин-кода Windows 10

Microsoft Windows 10 поставляется с функцией Hello: более простым способом входа в систему на вашем компьютере. Больше не нужно запоминать длинные сложные пароли. Просто введите ПИН-код, и вы вошли. Но, некоторые люди забывают даже ПИН-код и лишаются доступа к собственному компьютеру.
Некоторые пользователи также были свидетелями ошибки «Похоже, Windows не загружается правильно», за которой обычно следует «Просмотреть дополнительные параметры» или «Перезагрузить компьютер». Просто перезапустите.

Для операций с аккаунтом или доменами необходимо указание кодового слова аккаунта (забыли?);

Источник

Что делать, если Google authenticator всегда выдает неправильные коды

Доброго времени суток.
Я хотел бы рассказать вам о проблемах 2FA аутентификации на устройствах Android 4.4.2 KitKat и о решении, которое в нашем случае прекратило долгие поиски.

Некоторое время назад мы с коллегами решили добавить Двухэтапную аутентификацию (Two factor authentication или для краткости 2FA) для нашего маленького офисного сервера на базе Ubuntu Server.

2FA это дополнительный уровень безопасности и приятное дополнение к уже существующему механизму аутентификации. Кроме обычной пары логин + пароль от пользователя, выполняющего авторизацию, требуется цифровой ключ, который динамически изменяется каждые 30 секунд и генерируется устройством, находящимся во владении пользователя. Для генерации ключа мы использовали Приложение Google authenticator и мобильный телефон на платформе Android. После разовой настройки приложение генерирует коды, имеющие срок жизни в 30 секунд, точно такие же коды генерирует сервер. При аутентификации коды сравниваются.

Пошаговых инструкций о настройках сервера в сети оказалось неожиданно много. В них все очень просто и доходчиво. Я руководствовался этой статьей.

И вот, все готово к использованию! Перезагружаем SSH, заходим на сервер, указываем пароль, после пароля нас просят предъявить Verification code, переписываем его с телефона и… снова просят указать пароль. Выглядит это так:

ssh user@server.ru
Password:
Verification code:
Password:
Verification code:
Password:
Verification code:
user@server.ru’s password:
Permission denied, please try again.
user@server.ru’s password:
Received disconnect from xx.xxx.xx.xx: 2: Too many authentication failures for user

Вначале думали, что ошибка допущена в настройках, но испробовав несколько мобильных устройств стало очевидно, что коды генерируемые на Android 4.4.2 KitKat приложением Google Authenticator всегда ошибочны.

«Решения», которые удалось найти и их результаты:

Если откатить версию Android, начинает работать корректно. (с этим «решением» работали какое то время, но решили двигаться дальше)
Так как проблема сводится к некорректным часовым поясам — многие решения направлены именно на их исправление. Приложение TimeZone Fixer действительно может помочь с этой проблемой, однако часть приложений после его использования начинает отображать ошибочное время и потребуется чинить их вручную. (решение имеет свои минусы и риски. вся информация о приложении доступна на сайте 4pda)
Подгонять время вручную. Если честно этот способ у нас так и не заработал. Перевести часы вручную и тем самым синхронизировать время на телефоне и сервере. Увы, все попытки ничего не дали, хотя были люди утверждающие, что у них заработало. В любом случае перспектива потерять функцию часов в телефоне не самая приятная.
Синхронизация часов внутри настроек приложения Google authenticator (в нашем случае без результатов, однако были комментарии, что кому то помогло)

Финальное решение проблемы: FreeOTP

«You can used FreeOTP Authenticator(by Red Hat) instead of Google Authenticator until someone fix it.»

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

Приложение FreeOTP Authenticator от компании Red Hat. После настройки по тому же QR-коду все начало работать без необходимости что то корректировать.

К сожалению я не могу указать вам причину возникновения ошибки в приложении Google authenticator, но надеюсь, что мой печальный опыт поможет сэкономить чье-то время.

Буду рад вашим комментариям! Спасибо за внимание.

Источник

При Регистрации не Показывает Код Подтверждения

Что делать, если Google authenticator всегда выдает неправильные коды

Так как данные не передаются от сервера и хранятся только на устройстве — этот механизм является более безопасным, чем отправка кодов подтверждения (например, как 3D-secure SMS подтверждение в банковских системах).
После настроек сервера установили на телефон Lenovo p780 приложение Google Authenticator, «прочитали» телефоном с монитора QR-code и получили заветные циферки для авторизации. Перед тем как перезагрузить SSH не забывайте сохранить резервные ключи для восстановления доступа.

Доброго времени суток.

Финальное решение проблемы: FreeOTP

Что делать, если Google authenticator всегда выдает неправильные коды.

Нажмите «Не получили код?» на экране входа.
Выберите отправку кода на доверенный номер телефона.
Вы получите текстовое сообщение или вызов от Apple с проверочным кодом.
Введите его на устройстве, с которого вы выполняли вход, чтобы завершить процедуру входа.

Получение проверочного кода и вход в систему с использованием двухфакторной аутентификации

Если у вас есть доверенное устройство с iOS 9 или более поздней версии, OS X El Capitan или более поздней версии, iPadOS 13 или более поздней версии либо watchOS 6 или более поздней версии, код проверки отображается на доверенных устройствах автоматически.
Если вам не удается получить проверочный код на доверенных устройствах автоматически, его можно запросить из меню «Настройки», даже если устройство находится в режиме офлайн.

Иногда, когда ошибка возникает при корректном вводе кода капчи — это временный баг. Необходимо подождать, а лучше — написать в службу поддержки Steam, подробно описав проблему.

Неправильный код проверки повторите попытку еще раз

Означает что введенный код капчи не соответствует с картинки, необходимо повторить попытку.
Простыми словами — специальный тест, который сможет пройти только человек, не под силу роботам.

Самая типичная проблема, когда оплата не проходит — сбой в банковской системе. В работе банка могут наблюдаться перебои. Это может быть не обязательно ваш банк, а банк который принимает платеж на стороне клиента(которому принадлежит терминал). В этом случае можно дать 2 совета

Что делать, если не удается оплатить банковской картой в Интернет-магазине

Решение простое: попробуйте использовать другую карту. Если ошибка повторится, то обратитесь в службу поддержки интернет-магазина или платежного сервиса, где осуществляете оплату.
CVC-код — это трехзначный код, который находится на обратной стороне вашей банковской карты. Если появляется ошибка в CVC карты, то рекомендуем проверить, правильно ли вы ввели этот код? Если все правильно, пожалуйста проверьте, введены ли правильно другие данные вашей карты Сбербанка, ВТБ или другого банка.

Щелкните правой кнопкой мыши по блоку времени на панели » Пуск «.
Выберите строку » Настройка даты и времени «.
Измените данные.

Источник

Что делать, если не приходят смс с кодом подтверждения

Часто случается так, что не приходят смс с кодом подтверждения, который запрашивается при регистрации или выполнении каких-либо онлайн-транзакций. Обычно после этого можно запросить код повторно. Правда случается и так, что даже после нескольких запросов код не приходит. Нужно знать, что делать в таких ситуациях, ведь без кода дальнейшая регистрация или осуществление иной операции попросту недоступно.

Почему не приходит код с подтверждением

Сначала нужно разобраться, почему так происходит, чтобы понять, как избавиться от этой проблемы. Если не приходят смс с кодом подтверждения на телефон, причин может быть несколько:

включен режим «в самолете». Очень банальная ошибка, но многие и не замечают, что в их телефоне включен этот режим. Он может блокировать возможность СМС,
смс принимается за спам. Существуют программы для телефона, которые блокируют СМС, похожие на спам. Если такая программа установлена – ее нужно отключить и запросить код еще раз,
проблемы с сайтом. Несомненно, могут быть технические неполадки. В этом случае стоит написать в тех. поддержку сайта и попросить помочь,
неверно указан номер телефона. Стоит убедиться, указан ли настоящий номер или допустили ошибку. В этом случае СМС отправляется на другой номер,
ошибки с телефоном. Попробуйте отправить на свой номер СМС через другой номер. Если сообщение не приходит, значит проблема в устройстве,
сайт не поддерживает данную функцию. Конечно же, это не касается случая с регистрацией.

Некоторые сайты-лохотроны не отправляют код для восстановления пароля. Обычно это происходит на сайтах, где можно зарабатывать деньги.

Человек зарабатывает, выходит из своего профиля, вводит пароль и видит сообщение о том, что невозможно зайти в аккаунт и нужно восстановить пароль через СМС, а сообщение не отправляется. Таким образом, человек теряет доступ к своей учетной записи, а средства попросту остаются у обманщиков. Случается это редко, но все же есть маленькая вероятность.

Почему код не приходит на е-меил

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

письмо с кодом попадает в папку «спам». Снова банальная ошибка, но стоит проверить папку со спамом. Часто подобные сообщения отправляются именно в эту папку,
возможно есть проблемы на сайте. Подождите немного и попробуйте запросить код активации еще раз,
возможно установлены фильтры, которые автоматически удаляют письма. На всякий случай стоит проверить настройки входящих сообщений,
некоторые почтовые ящики предоставляют ограниченное количество места, в среднем 2000 мб для писем. Если лимит исчерпан, новые письма приходить не будут,
проверьте, правильно ли указан мейл,
если используете временный мейл, проблема может быть в этом. Многие проекты не отправляют письма на подобные мейлы, так что для регистрации стоит использовать исключительно проверенные сервисы, как Yandex или Mail.

Что делать, если не приходит смс с кодом

С причинами все понятно. Пора разобраться, что делать, если не приходит смс-подтверждение или письмо на е-мейл:

Нужно очистить историю сообщений. Это касается и мейла, и СМС. Просто удалите несколько сообщений и запросите код. Если проблема в нехватке места, после удаления нескольких писем сообщение сразу придет.
Подождите несколько дней и попробуйте запросить код снова. Если проблемы были на сайте и они исправлены, СМС придет.
Обратитесь в тех. поддержку сайта и попросите помочь с регистрацией. Возможно есть какие-то региональные ограничения. Если же таковых нет, поддержка обязательно решит проблему с регистрацией.
Прочитайте отзывы в интернете. Если это сайт-лохотрон, то обязательно будут отрицательные отзывы. Может, вы не единственный, кому не приходит код.
Проверьте папку «Спам» и переместите письмо с кодом в папку «входящие», чтобы в дальнейшем подобные письма не попадали в спам.
Отключите режим в самолете и другие функции, которые могут блокировать СМС.
Удалите антиспам программы, которые могут стать причиной удаления подобных сообщений.
Проверьте фильтры входящий сообщений и снимите галочку с автоудаления спама. Ведь высока вероятность, что письмо может попасть в папку со спамом и если поставлена галочка на автоудаление спама – оно удалится без возможности возврата.
Если убедились, что сайт – лохотрон и поддержка не помогает, просто забудьте свою учетную запись – восстановить больше нельзя.

Избавиться от этой проблемы легко и не занимает слишком много времени, так что не паникуйте и воспользуйтесь вышеуказанными советами.

Источник

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

Источник

АВТОРИЗАЦИЯ ПО НОМЕРУ ТЕЛЕФОНА

ЛУЧШИЕ ПРАКТИКИ UX/UI В E-COMMERCE

Интерфейс ввода номера
Ввод номера телефона
Ограничение ввода номера
Обработка ошибок
Кнопка получения кода
Согласие с политиками
Каналы доставки кода
SMS с кодом
Ввод проверочного кода
Ограничение ввода кода
Проверка кода
Телефон при вводе кода
Повторный запрос кода

Сегодня мы погрузимся в микро-мир и разберем процесс авторизации по номеру телефона. Казалось бы, что может быть проще? Ввел номер – ввел код – успех? Не тут-то было. Хороший customer experience от плохого отделяет множество нюансов и тонкостей.

Есть идеи по дополнениям – обязательно пишите, буду рад обсудить. Подписывайтесь на выход новых статей в Telegram и делитесь этим постом с друзьями и коллегами по цеху.

Для удобства статью я разбил на блоки. Так будет легче для восприятия. Каждый из блоков содержит в себе детальный чек-лист.

26 детальных чек-листов по e-commerce доступны в моем Telegram.

1. ИНТЕРФЕЙС ВВОДА НОМЕРА

Интерфейс не перегружен

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

Мобильная оптимизация

Оптимизируйте интерфейс авторизации под доступ с мобильных устройств. В противном случае клиент вам спасибо точно не скажет.

Призыв в заголовке

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

Highlight преимуществ

Повысить вероятность регистрации можно за счет подсвечивания преимуществ, которыми обладают авторизованные пользователи.

Регистрация + авторизация

Совместите функционал регистрации и авторизации по номеру телефона в одном интерфейсе – это сократит ошибки ввода данных не в ту форму.

Без пароля

При авторизации по номеру телефона по возможности используйте именно проверочный код, а не пароль: и более безопасно, и пароль запоминать не потребуется.

Без фоновой прокрутки

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

Локализация

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

Управление ожиданиями

Рядом с полем ввода номера можно разместить текст о том, что на вводимый номер будет выслан код. Это позволит лучше управлять ожиданиями клиента.

Без указания обязательности

Используйте звездочки только там, где они имеют смысл. Помечать звездочками 2 поля на экране – телефон и проверочный код – излишне:

Без reCaptcha

Не заставляйте клиента страдать, доказывая, что он не робот: уберите reCaptcha с экрана авторизации. Другие же как-то без этого живут.

Без внутренней кухни

Какая часть клиентов у вас авторизуется многократно за 1 час? А какая часть столкнется с ненужным им блоком текста? Внутреннюю кухню с ограничениями лучше не показывать.

Чужой компьютер

Если клиент заходит в личный кабинет с чужого ПК, дайте ему возможность указать это, чтобы данные не сохранялись в браузере.

Призыв к режиму инкогнито

В некоторых случаях клиенту в окне авторизации можно отдельно подсказать, что на чужом ПК авторизовываться лучше, переведя браузер в режим инкогнито.

Визуальное сопровождение

В некоторых сервисах ввод данных можно дополнять лаконичной визуализацией. И выглядит симпатично, и интерфейс особо не перегружает.

Альтернативные способы

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

2. ВВОД НОМЕРА ТЕЛЕФОНА

Адекватный размер поля

Спроектируйте поле ввода так, чтобы его размер соотносился с вводимыми данными. Иначе смотреться будет достаточно неуклюже:

Реакция на наведение

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

Активация по умолчанию

Если ввод номера телефона – единственное целевое действие, поле ввода можно активировать по умолчанию. Сэкономите клиенту 1 клик.

Highlight активного поля

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

Без совмещения типов данных

Иногда ввести в одно поле предлагают или телефон, или email. В итоге все возможности авто-подстановки упускаются, и приходится вводить данные вручную.

Авто-подстановка из браузера

Промаркируйте поле ввода как Phone и сделайте доступной авто-подстановку номера телефона сохраненными данными из браузера в 1 клик.

Корректная маркировка

Если клиент находится в процессе ввода номера телефона и хочет воспользоваться авто-подстановкой, он не ожидает, что ему предложат вставить что-то еще.

Сохраненные номера

Если клиент уже авторизовывался и данные сохранены в кэше браузера, ему можно предложить их выбрать в 1-2 клика.

Данные вставляются корректно

Убедитесь, что авто-подстановка работает корректно. Иначе, помимо ввода, клиенту еще и придется вручную стирать номер, вставленный с ошибкой.

Код страны

Отображайте код страны по умолчанию, чтобы клиенту не приходилось его вводить. Корректно обрабатывайте ввод номера и с кодом страны, и без него.

Форматирование ввода

При вводе номера телефона форматируйте его автоматически в общепринятой форме, чтобы клиенту легче было его проверить. Например, за счет пробелов:

Форматирование vs. backspace

Стирайте символы форматирования автоматически при нажатии на backspace. Не заставляйте клиента стирать их самому, если он хочет скорректировать номер.

Быстрая очистка

Если клиент передумал и решил изменить номер, который он, например, подставил из авто-подсказки, дайте ему возможность быстро стереть введенные данные.

Очистка не видна, если поле пустое

При этом сама кнопка очистки поля должна пропадать, если поле пустое, т.к. в таком случае в ее отображении просто не будет смысла.

Ввод не прерывается запросами

Процесс авторизации не должен прерываться какими-либо навязчивыми запросами. В данном случае ввод был прерван запросом геолокации. Спасибо. Очень удобно.

Ввод vs. popup’ы

Отключайте все маркетинговые сообщения в процессе авторизации. В этом случае popup появился прямо во время ввода и перекрыл собой все поле:

Highlight корректного ввода

Если клиент ввел номер телефона корректно, это можно дополнительно подсветить – например, за счет появления галочки рядом с номером.

Переход нажатием на Return

Настройте переход к вводу кода, если клиент ввел номер телефона и нажал на Return – это достаточно распространенный паттерн подтверждения ввода.

Будьте в курсе выхода новых статей – подпишитесь на мой канал в Telegram

3. ОГРАНИЧЕНИЕ ВВОДА НОМЕРА

Только числа

Дайте клиенту вводить лишь числовые значения. При нажатии на клавиши символов ничего не должно происходить.

Количество цифр в номере

Номера можно ограничивать по числу символов в зависимости от кода страны. Это также позволит оградить клиента от случайной ошибки.

Числовая раскладка по умолчанию

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

Фиксация клавиатуры

Нет смысла в том, чтобы клиент мог при вводе номера на смартфоне переключаться на символьную раскладку. Фиксируйте ее на числовом вводе.

4. ОБРАБОТКА ОШИБОК

Проверка при деактивации поля

Не стоит проверять данные слишком рано – когда клиент еще только их вводит. Реализуйте проверку в момент, когда поле деактивируется.

Выделение поля

Если номер введен с ошибками или не введен в принципе, выделите его красным цветом. К этому можно добавить, например, анимацию дрожания поля.

Поле активируется

Не забываем: на экране у нас лишь одно ключевое поле с ошибкой. Поэтому его можно активировать по умолчанию при попытке нажатия на кнопку отправки.

Сообщение об ошибке есть

Снабдите highlight поля с ошибкой текстом, который в явной форме будет пояснять, что что-то пошло не так.

Сообщение рядом с полем

Разместите сообщение об ошибке рядом с полем, чтобы визуально они легче ассоциировались друг с другом.

Верстка при ошибке корректна

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

Текст ошибки выделяется

По аналогии с самим текстовым полем, сделайте так, чтобы текст сообщения об ошибке привлекал внимание, выделив его красным цветом.

Иконка ошибки

Текст ошибки можно снабдить иконкой, чтобы облегчить восприятие информации клиентам с дальтонизмом.

Текст содержательный

В сообщении об ошибке поясните, в чем именно она заключается. Не ограничивайтесь просто тем, что есть ошибка.

Причина ошибки понятна

Проектируя тексты ошибок, убедитесь, что они понятны для целевой аудитории. О чем, например, говорит мне вот такая ошибка, если я ввожу номер в форму впервые?

Текст ошибки корректен

Распознавайте ошибку правильно, иначе легко можно ввести клиента в заблуждение. Пример того, как делать не стоит:

Призыв к действию

Вместо того чтобы просто констатировать факт ошибки, разместите в сообщении призыв скорректировать ее.

Текст виден на мобильных

Убедитесь, что в мобильной версии текст ошибки виден клиенту и, например, не перекрывается экранной клавиатурой.

Корректная верстка текста

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

Пропадает при корректировке

Если клиент заново активировал поле и начал корректировать ввод, а ошибка не пропадает, это может ввести его в заблуждение.

Будьте в курсе выхода новых статей – подпишитесь на мой канал в Telegram

5. КНОПКА ПОЛУЧЕНИЯ КОДА

Контрастна

Кнопка должна быть достаточно контрастной, чтобы лучше привлекать внимание клиента и чтобы он не был вынужден ее искать на экране.

Достаточно большая

Сделайте кнопку достаточно большой, чтобы на нее легко было нажать – особенно на мобильных устройствах.

Целевое действие

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

Текст содержательный

Текст кнопки должен пояснять целевое действие: например, «Получить код», а не просто «Далее».

Размещение на мобильных

В мобильной версии разместите кнопку так, чтобы она была доступна в любой момент, и до нее не приходилось слишком далеко тянуться пальцем.

Неактивна, если номер не введен

Делая кнопку неактивной, если поле номера пустое, вы можете дополнительно сфокусировать внимание клиента на вводе данных.

Клик по неактивной кнопке

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

Активация поля при ошибке

Когда поле ввода всего одно, при клике по неактивной кнопке (в случае ошибки) его можно активировать по умолчанию.

Реакция на наведение

Сделайте кнопку интерактивной, чтобы она реагировала на наведение курсора и давала визуальную обратную связь.

Реакция на клик

Помимо изменения вида при наведении, в кнопку также можно добавить и анимацию нажатия при клике. Это сделает взаимодействие более приятным.

Без задержек при нажатии

Обработка запроса при нажатии на кнопку должна происходить мгновенно. Система не должна проверять номер клиента более 10 секунд, как в этом примере:

Изменение текста кнопки

Кнопка получения кода может быть лучше погружена в контекст: если код уже был запрошен, при возврате к первому экрану ее текст может изменяться:

А нужна ли кнопка?

igooods вовсе отказался от кнопки: триггеры срабатывают сразу при вводе номера и кода – никаких кликов не требуется. Как вам такое? Напишите в комментариях.

6. СОГЛАСИЕ С ПОЛИТИКАМИ

Визуально вторично

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

Под кнопкой перехода

Текст лучше разместить под кнопкой перехода к следующему шагу. Так он не будет отвлекать на себя основной фокус внимания.

Не требует действий

Лучше, если согласие с политикой будет выполнено просто в виде текста «Я соглашаюсь с…», чем в виде чекбокса, который нужно отдельно нажимать.

Небольшой объем текста

Сократите текст согласия до минимума. Для клиента нет никакой пользы в том, что вы разместите 10 строк технического текста в форме и перегрузите интерфейс.

Ссылки выделяются

Ссылки на политики точно не должны «кричать», но если они будут визуально ненавязчиво отличаться от основного текста согласия, хуже не будет.

Ссылки в новой вкладке

Открывайте ссылки в новой вкладке, чтобы они при нажатии не уводили клиента из процесса авторизации полностью.

Без чекбоксов-спутников

Некоторые размещают рядом с политиками галочки согласия на рассылку, активированные по умолчанию. Помогает потом «Догнать клиента»? Да. Но это пример dark pattern’а.

Без объединения с рассылками

Еще больший dark pattern заключается в том, что клиенту в принципе не дают возможности не подписываться на рассылку, объединяя подписку и согласие с политиками.

Название кнопки в тексте

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

7. КАНАЛЫ ДОСТАВКИ КОДА

Не звонок (последние цифры)

Входящий звонок отрывает клиента от процесса. Часто номер не виден полностью, и приходится ждать, пока он прокрутится. Символы придется вводить вручную.

Не звонок (голосовое сообщение)

Голосовое сообщение может быть неудобным, т.к. клиент далеко не всегда может принять входящий звонок.

Не email

Если вы используете подтверждение по email, есть риск, что сообщение попадет в спам. Также при получении email авто-подстановка кода в браузере не сработает.

SMS-сообщение

В отличие от email и звонка, код из SMS на смартфонах можно вставить в 1 касание без перехода в другие приложения. Вероятность доставки у SMS выше, чем у email.

Без дублирования

Если клиент ожидает получить SMS-сообщение, отправьте ему именно SMS. Не плодите рассылку сразу на несколько каналов. Кто будет потом чистить его inbox?

Определенность с каналами

«Мы пришлем вам код так-то или так-то» – очень странное управление ожиданиями. Определитесь и обозначьте один канал доставки:

Push-уведомления

Нестандартный и пока редкий метод: push-уведомления от оператора работают даже тогда, когда у меня нет ни приложения, ни карты в wallet и я не давал согласия на них.

8. SMS С КОДОМ

Код доставляется

Базовый момент: код в принципе должен доставляться на телефон клиента. Без каких-либо ошибок и сбоев.

Доставка быстрая

Убедитесь, что сервис, выбранный для доставки, оптимизирован под высокую нагрузку, и клиент сможет получить код в моменте (а не «в течение 5 минут»).

Отправитель – бренд

В качестве отправителя укажите название бренда. Это позволит клиенту быстрее понять, что это именно то сообщение, которое вы отослали, и повысит доверие к его контенту.

Название бренда корректно

По возможности не заставляйте клиента додумывать: в названии отправителя укажите название своего бренда полностью.

Отправитель верхним регистром

Выполните название отправителя SMS в CAPS LOCK. Кричаще выглядеть не будет, но клиенту легче будет его прочитать.

Текст на языке клиента

По возможности отсылайте сообщения на языке, понятном клиенту. От транслитерации лучше воздержаться.

Текст релевантен

Текст не должен становиться сюрпризом для клиента. Если он авторизуется в профиле на сайте, не стоит присылать ему текст о входе в приложение.

Код в контексте

Хорошей практикой будет, если вы в тексте не просто пропишите код, но и уточните, для чего он требуется.

Без специальных сокращений

Если вы работаете с массовой аудиторией, по возможности воздержитесь от сокращений, не являющихся общепринятыми.

Без дублирования кода

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

Форматирование кода

Если вы работаете с длинными кодами, их можно форматировать. Например, разбивая на части дефисом. Так легче будет проверять правильность ввода.

Без ссылок на сайт

Ссылки на сайт в таких SMS могут быть излишними и оттягивать на себя фокус внимания. Важно помнить про контекст: у клиента в этот момент и так открыта ваша страница.

Будьте в курсе выхода новых статей – подпишитесь на мой канал в Telegram

9. ВВОД КОДА

Отдельный экран под ввод кода

Реализуйте ввод кода на отдельном экране. В противном случае фокус внимания размывается, а кнопка запроса кода просто теряется на фоне других элементов.

Поле в виде слотов

Если число символов в коде фиксировано, вместо текстового поля можно использовать более визуально приятный формат из Х слотов по 1 символу.

Автоматическая активация

Ввод кода на данном шаге – основное действие. Поэтому не заставляйте клиента отдельно кликать по полю – активируйте его автоматически при загрузке страницы.

Переключение между слотами

При вводе символа курсор должен автоматически переходить в следующий слот. При нажатии на backspace – в предыдущий.

Highlight активного слота

Выделяйте активный слот на фоне остальных. Это сделает ввод цифр кода более удобным для клиента.

Авто-подстановка доступна

Промаркируйте поле ввода соответственно, чтобы на смартфоне при получении SMS код можно было вставить в 1 касание.

Без авто-подстановки на ПК

В мобильной версии подстановка кода идет из SMS. Но что мы собрались подставлять в это поле в версии для ПК? Учитывая, что код одноразовый?

Без маркировки при звонке

Если вы проверяете номер входящим звонком, не маркируйте поле ввода на мобильных, как code – будут подтянуты не те данные, а клиент получит отказ.

Символы кода видны

Не стоит скрывать символы кода – он ведь и так одноразовый. А если символы отображаются, клиент хотя бы сможет проверить, не ошибся ли он при вводе.

Длина кода

Не переусердствуйте с безопасностью: там, где достаточно и 4 цифр, не стоит присылать клиенту код из 6 или 8 цифр, усложняя ему жизнь.

Форматирование кода

Если уж вы решили, что много символов в коде – идеальное решение, жизнь клиента можно облегчить, например, добавив отступ между его частями, чтобы легче было проверить.

Одинаковые символы

А вы замечали, что в проверочных кодах некоторых компаний цифры часто повторяются? Так легче вводить данные, а сложность пароля при этом не снижается.

10. ОГРАНИЧЕНИЕ ВВОДА КОДА

Только числа

Если коды вы присылаете только числовые, зачем давать клиенту вводить в поле кода еще и прочие символы?

Раскладка по умолчанию

Если проверочный код только числовой (будет проще, если он именно числовой), в мобильной версии по умолчанию отображайте числовую раскладку клавиатуры.

Фиксация раскладки

При этом, как и со вводом номера, лучше будет, если при вводе кода раскладка будет фиксирована только в числовом формате без возможности ее изменять.

Количество символов

Ограничьте ввод поля кода в соответствии с его длиной в символах. Если, как в примере, вы присылаете код из 4 цифр, дайте клиенту ввести именно 4 цифры:

11. ПРОВЕРКА КОДА

Проверка при вводе нужной длины

Клиента можно не просить отдельно жать на какую-либо кнопку: проверку кода можно сделать сразу же при вводе нужного количества цифр.

Проверка моментальна

Сделайте проверку кода моментальной. У некоторых и код приходит быстро, и проверка происходит мгновенно. Поэтому вместо оправданий лучше равняться на них.

Базовые моменты

Большинство моментов, которые я описывал по тексту ошибки при вводе номера телефона, применимы и здесь. Повторяться не буду.

Без системных сообщений

Лучше воздержаться от системных сообщений об ошибке от браузера (которые отдельно нужно закрывать). Просто разместите текст об ошибке рядом с полем ввода.

Без чрезмерного highlight’а ошибки

Во всем нужно знать меру. Включая сообщения об ошибках. В некоторых случаях чувство меры, вероятно, искажено:

Клиент ошибся? Говорим ему явно

Если клиент ошибся при вводе проверочного кода, не нужно вводить его в заблуждение, говоря, что проблема – на вашей стороне. Лучше предложите ввести код заново.

Очистка слотов при ошибке

В отличие от номера телефона, из-за формата ввода и длины кода его легче стирать полностью, чтобы клиент заново его ввел.

Активация поля при ошибке

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

Будьте в курсе выхода новых статей – подпишитесь на мой канал в Telegram

12. ТЕЛЕФОН ПРИ ВВОДЕ КОДА

Номер отображается

Отображайте, на какой номер телефона был выслан код, чтобы у клиента была возможность заметить ошибку, если он допустил ее в номере.

Виден полностью

Не скрывайте символы номера на экране ввода кода – дайте клиенту возможность проверить его, если SMS по какой-то причине не дошло.

Номер форматирован

Как и на предыдущем шаге, форматируйте номер телефона, на который был выслан код, чтобы облегчить его восприятие.

Изменение номера

Если клиент заметил, что допустил ошибку в номере, дайте ему возможность вернуться к предыдущему шагу в 1 клик и ввести корректные данные.

13. ПОВТОРНЫЙ ЗАПРОС КОДА

Возможность повторной отправки

Если код по какой-то причине не дошел до клиента, реализуйте возможность его повторной отправки.

Таймер

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

Срок таймера короткий

Если с отправкой SMS возникли какие-то проблемы, не держите клиента в ожидании слишком долго: срок ожидания не должен быть больше минуты.

Форматирование таймера

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

Корректная обработка запроса

Базовый момент: убедитесь, что после окончания таймера клиент может нажать на кнопку повторного запроса, и запрос этот корректно обрабатывается.

Подтверждение повторной отправки

При повторном запросе отправки кода отображайте подтверждение, что код действительно отправлен.

Коды одинаковые

Если повторный код такой же, как и изначальный, мы исключаем риск того, что с задержкой будут доставлены оба сообщения, и клиент спутает коды.

Что делать, если код не приходит?

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

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

Следующие статьи будут с таким же уровнем детализации. Продолжаем создавать крупнейшую открытую русскоязычную базу лучших практик UX/UI в eCommerce.

Источник

Что делать, если Google authenticator всегда выдает неправильные коды

Доброго времени суток.

Скрытый текст

Финальное решение проблемы: FreeOTP

Что выгоднее: кешбек по карте или бонусы?

БонусныеДисконтные

Что делать, если Google authenticator всегда выдает неправильные коды.

Нажмите «Не получили код?» на экране входа.
Выберите отправку кода на доверенный номер телефона.
Вы получите текстовое сообщение или вызов от Apple с проверочным кодом.
Введите его на устройстве, с которого вы выполняли вход, чтобы завершить процедуру входа.

Получение проверочного кода и вход в систему с использованием двухфакторной аутентификации

Неправильный код проверки повторите попытку еще раз

Что делать, если не удается оплатить банковской картой в Интернет-магазине

Щелкните правой кнопкой мыши по блоку времени на панели » Пуск «.
Выберите строку » Настройка даты и времени «.
Измените данные.

Код проверки отсутствует либо введен некорректно в Social Club что делать

Столкнувшись с такой проблемой, опишите ее на страницах сервиса техподдержки support.rockstargames.com . Чтобы получить ответ на русском, зайдите в секцию ru/ . Если вы не можете войти в свой аккаунт, заведите другую учетную запись и напишите через нее.
Если код проверки отсутствует либо введен некорректно, поступайте следующим образом:

Источник