Редизайн PIN-кода: вход с 20с до 4с PIN Redesign: Login in 4s Instead of 20s
Удобный сценарий вопреки ресурсным и временным ограничениям A user-friendly scenario despite resource and time constraints
Кейс упомянут в статье Арт-директора KION — «Ввод ПИН-кода на ТВ: как сделать его безопасным» Case mentioned in an article by KION's Art Director — "PIN on TV: How to Make It Secure"
КОРОТКО IN SHORT
Редизайн ускорил вход с 20 до 4 секунд, обнулил обращения в поддержку по теме и сэкономил 1000+ часов поддержки в месяц. Ниже — как к этому пришли. The redesign cut login from 20 to 4 seconds, dropped support tickets on the topic to zero, and saved 1,000+ hours of support monthly. Here's how we got there.
Контекст
Context & Problem
Онлайн-кинотеатр, 15 млн MAU. PIN-сценарий уже был реализован — в спешке, под требования регулятора. Он замедлял путь к контенту и генерировал поток жалоб в поддержку. An online cinema, 15M MAU. The PIN scenario was already implemented — built in a rush, under regulatory requirements. It slowed down the path to content and generated a stream of support complaints.
Я предложил альтернативу: сложнее в разработке, но лучше для пользователя. На ревью с арт-директором, продактом и техлидом отстоял этот вариант. I proposed an alternative: harder to build, but better for the user. In a review with the art director, product manager, and tech lead, I made the case for it.
Что было не так с текущим решением What Was Wrong with the Current Solution
Из-за спешки первой версии сценарий: Because the first version was rushed, the scenario:
- конфликтовал с основным пользовательским потоком conflicted with the main user flow
- увеличивал время до просмотра increased time to content consumption
- генерировал обращения в поддержку и снижал лояльность generated support requests and decreased user loyalty
Для бизнеса — плохой сценарий бил по ключевым метрикам: удержание, возвращаемость.
For the business — the bad scenario hit key metrics: retention, return rate.
Для пользователя — вместо фильма человек воевал с PIN-кодом. For the user — instead of watching a movie, they fought with the PIN screen.
Исследование и анализ Research & Discovery
Составил карты пути с учётом ролей и статусов PIN. Проанализировал отзывы в App Store и Google Play, данные поддержки. Mapped user journeys accounting for different roles and PIN statuses. Analyzed App Store and Google Play reviews and support data.
Главные боли: Key pain points:
☹︎ PIN при каждом открытии карточки 18+ ☹︎ PIN required every time an 18+ card is opened
☹︎ нет понятного способа отключить PIN ☹︎ no clear way to disable the PIN
☹︎ непонятно, зачем PIN вообще нужен ☹︎ unclear why the PIN is needed at all
Цели: убрать лишние шаги, сделать управление PIN понятным, объяснить ценность функции тем, кому она реально нужна Goals: eliminate unnecessary steps, make PIN management clear, explain the value of the feature to those who really need it
Решение Solution
Изначально задача стояла в реализации максимально простого и дешёвого решения, однако в процессе стало ясно, что такой подход не решает ключевые проблемы пользователей. Initially, the task was to implement the simplest and most cost-effective solution. However, it became clear during the process that this approach would not solve the core user problems.
Я предложил сразу перейти на новые компоненты, без использования legacy-элементов, чтобы обеспечить лучший пользовательский опыт и упростить дальнейшую поддержку. I proposed to switch directly to new components, without using legacy elements, to ensure a better user experience and simplify further maintenance.
Чтобы убедиться в эффективности нового варианта, я сделал прототип нового сценария и провел небольшое тестирование с пользователями. To ensure the effectiveness of the new option, I created a prototype of the new scenario and conducted a small user test.
Проработка сценариев Scenario Development
Сегментировал аудиторию (новые/существующие, с PIN и без), разобрал ошибки старого сценария и уточнил ключевые критичные точки. Segmented the audience (new/existing, with PIN and without), analyzed the errors of the old scenario, and clarified the key critical points.
Новый экран ввода PIN-кода New PIN Entry Screen
- Полноэкранный формат Full-screen format
- Лучшие практики индустрии (банковские и системные паттерны) Industry best practices (banking and system patterns)
- Убрали всё лишнее, сделали интерфейс чище Removed all clutter, made the interface cleaner
Новый базовый сценарий New Core Scenario
- PIN требуется только при входе в профиль PIN is only required when logging into the profile
- Если PIN не нужен, его можно легко отключить в настройках If the PIN is not needed, it can be easily disabled in the settings
- Добавлен онбординг для объяснения необходимости PIN Onboarding added to explain the need for a PIN
Дополнительные улучшения New Additional Features
- Face ID / Touch ID Face ID / Touch ID
- Автоподстановка кода из SMS при сбросе Auto-fill code from SMS during reset
- Онбординг с объяснением, кому и когда нужен PIN Onboarding explaining who and when needs a PIN
- Простое отключение PIN Easy PIN disabling
Итоги Results
20с→4с
вход после редизайна login after the redesign
1000+
часов поддержки в месяц сэкономлено support hours saved per month
N→0
обращений в поддержку по теме support tickets on the topic
Пользователи, которым PIN нужен, стали пользоваться им быстрее. Кому не нужен — легко отключили. Users who needed the PIN started using it faster. Those who didn't need it turned it off with ease.