Лого vc.ru

Показать или скрыть: Как реализовать форму ввода пароля в приложении

Показать или скрыть: Как реализовать форму ввода пароля в приложении

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

Поделиться

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

Около 82% пользователей забывают свои пароли, поэтому запрос на восстановление доступа — самый распространенный в службах поддержки. В сфере электронной коммерции 75% пользователей не завершают свои покупки из-за того, что они забывают пароль.

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

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

Отображение или скрытие пароля

В приложении Polar Вроблевски добавил возможность скрывать пароль при нажатии на кнопку "Hide", которая находится в области ввода.

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

Решение Polar поддержали другие сервисы. Дизайнер мобильных интерфейсов Стивен Хубер добавил возможность скрывать пароль в приложение американского оператора связи Sprint.

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

Примеры реализации

Возможность скрывать пароль добавили в свои приложения многие популярные сервисы. Например, PayPal и Foursquare реализовали схожую с Polar форму авторизации:

LinkedIn, Adobe и Twitter заменили фразу "Hide password" на иконку глаза. Такая реализация, по мнению автора, удобна при адаптации приложения на другие языки — локализация фразы «Скрыть пароль» может отобрать слишком много места в небольшом поле ввода.

Команда Microsoft, по мнению Люка Вроблевски, придумала самое странное решение. Чтобы показать пароль в Windows 8, надо нажать и удерживать курсор на иконке «глаза». Как только пользователь отводит мышь от значка — «маска» возвращается, и текст снова невидим.

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

Дизайн в деталях

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

Вроблевски ссылается на исследование аналитика Джека Холмса. Он провел опрос посетителей интернет-магазина, при авторизации в котором пароль по умолчанию не скрывался. 60% респондентов отнеслись к ресурсу подозрительно, в то время как 45% посчитало это удобным. При этом к возможности отобразить пароль самостоятельно с помощью флажка в чекбоксе 100% опрошенных отнеслись положительно.

Мобильные интерфейсы против веб-сайтов

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

Почему в приложениях вход должен быть более удобным, чем в веб-браузере?

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

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

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

Лучше, чем пароль

В iOS 8 разработчики Amazon вообще убрали необходимость вводить пароль. Для авторизации сервис использует Touch ID.

Uber также в своем приложении перешел на авторизацию при помощи отпечатка пальцев.

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

Статьи по теме
С чего начать изучение UX и юзабилити: 20 полезных ресурсов06 сентября 2014, 12:32
Как UX влияет на рост продукта — на примерах Dropbox, Pinterest, Airbnb и Kim Kardashian25 ноября 2014, 09:04
Популярные статьи
Показать еще
Комментарии отсортированы
как обычно по времени по популярности

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

Статья по моему припоздала на года 2-3 минимум, хотя сейчас достаточно часто можно встретить формы с полем подтверждения пароля.
Вот только на первом скрине по моему не очень хорошее решение отображать кнопку "показать пароль" только после ввода хотя бы одного символа.
А вообще вопрос, по умолчанию всегда показывать пароль, а по кнопке скрыть или наоборот скрыть, а по кнопке - показывать. Или вообще может лучше показывать пароль при удержании кнопки. Я думаю это зависит от степени "секретности приложения".

У себя я реализовал так:

0

Соглашусь что иконка не похожа на стандартный глаз. Но открыв такую форму входа, 70% пользователей сразу поймут назначение кнопки, остальные 30% наведут и посмотрят тултип. (что ещё можно расположить в поле с паролем)

p.s. Хотя на самом деле в паке иконок именно эта означает глаз.

−1

Немного оффтопа: никогда не понимал смысла прятать пасс при его установке. Хрен с ним при вводе, понятно - кто то за спиной и т.д. Но когда я только его устанавливаю зачем??

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

Да разве ж? Это просто привычка

0

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

Сейчас обсуждают
Татьяна Бочкарева

Есть мысли о тезисе номер два. Очень скоро грядет революция в области перевозок людей. Люди будут перемещаться на воздушном метро, стоимость строительства которого в 100! раз дешевле подземного, а скорость до 500 км/ч при цене строительства путевой структуры в $5 млн за 1 км. Причем перемещаться люди будут почти бесплатно, так же как мы сейчас бесплатно звоним через Скайп. Окупаемость будет за счет попутных грузов. Как вам такое - ездить на каждые выходные на свою дачу с Москвы до Анапы за 3 часа?
Уже сейчас можете увидеть этот транспорт в движении (он запущен 29 ноября 2016г). Поддерживайте этот проект воздушного метро (струнный транспорт). Ещё можно успеть стать инвестором данного проекта. Увидеть его в движении и подписаться на новости можно на сайте проекта: goo.gl/qlfD2z

«Через 50 лет стран не будет — останутся только города»: основные тезисы лекции Кьелла Нордстрема о будущем
0
조냐 박

Если я пользуюсь только этими бесплатными 15 ГБ, то мне не о чем волноваться?

Google предупредила российских пользователей о повышении цен с 2017 года из-за «налога на Google»
0
Amar Ak

500-200? И даже не принято? В какой развитой стране такое есть? Так проще всем онлайн магазинам перенестись в юрисдикцию Гонконга и торговать, никаких пошлин, никакого НДС, раб сила по 200usd/месяц... и цены будут хорошие, правда в россии будет еще меньше рабочих мест и налоговых сборов...

Власти России намерены снизить беспошлинный порог для ввоза интернет-посылок до 500 евро с середины 2018 года
0
Johnny Vorony

Мне очень стыдно, коллеги, но до этой статьи я не знал кто такая Алена Владимирская.

Алёна Владимирская и оператор Wi-Fi в московском метро запустили проект с бесплатными карьерными советами
0
Арчибальд

Конечно! Некоторые не опускаются до ножей и кредиток,а строят свои капиталы на пирамидах!

PewDiePie сохранил лидерство в рейтинге самых высокооплачиваемых YouTube-блогеров по версии Forbes
0
Показать еще