KION • МЕДИА-ПЛАТФОРМА KION • MEDIA PLATFORM

Редизайн 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"
Роль Role
Ведущий
Продуктовый дизайнер
Lead Product Designer
Платформа Platform
iOS
Android
Теги Tags
Переговоры, UI/UX-дизайн, Исследование, Прототипирование, Тестирование Stakeholder Management, UI/UX Design, Research, Prototyping, Testing
Время Timeline
3 месяца3 months
PIN Mobile Cover

КОРОТКО 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.

Previous Solution

Что было не так с текущим решением 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.

Flow

Исследование и анализ 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

Dots

Решение 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.

Flow

Проработка сценариев 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.

Comparison

Новый экран ввода PIN-кода New PIN Entry Screen

  • Полноэкранный формат Full-screen format
  • Лучшие практики индустрии (банковские и системные паттерны) Industry best practices (banking and system patterns)
  • Убрали всё лишнее, сделали интерфейс чище Removed all clutter, made the interface cleaner
Comparison

Новый базовый сценарий 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 Functional

Дополнительные улучшения 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с

вход после редизайна login after the redesign

1000+

часов поддержки в месяц сэкономлено support hours saved per month

N0

обращений в поддержку по теме 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.

Voice Interface Project

Следующий проект Next Project

Голосовой ассистент для TV Voice Assistant for TV