Каким должен быть личный кабинет онлайн-кинотеатра

Важная и даже уважительная по отношению к пользователю деталь подобного сервиса — подробное описание условий подписки ещё на этапе её оформления. Например, Иви, Wink, Okko и Premier заранее сообщают юзеру о том, когда закончится пробный период, когда пройдёт оплата и сколько она составит.

После оформления управлять подпиской и просматривать её условия можно во всех ЛК через соответствующий пункт меню.

Иви дублирует наполнение пункта верхнего меню «Подписка» в плитке «Все подписки» внутри самого ЛК. Wink объединяет управление картами и подписками в пункт «Платежи и подписки». Через меню «Подписки» в ЛК сервисов Okko, Kion и Premier можно не только посмотреть условия своих подписок, но и проверить условия других планов.

Сложнее с управлением подпиской на Кинопоиске. Покупая подписку, вы подключаетесь к системе Яндекс Плюс, поэтому пункт меню «Управление подпиской» переводит на внешний ресурс. Переход обозначен стрелкой, это хороший индикатор.

А вот в самом наполнении подписки придется поразбираться.

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

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

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

Некоторые из сервисов позволяют подключить к подписке больше одного устройства или даже пользователя. Обычно связь с другими устройствами оформлена стандартно через отдельно выделенный пункт меню: у Premier это «Подключить ТВ», у Okko — «Мои устройства».

А Kion, наоборот, складывает его в кучу к второстепенным функциям, помещая в пункт меню «Другое», а стоило бы вынести отдельно.

На их фоне выделяется Кинопоиск. Он предлагают расшарить доступ на близких ещё при регистрации, а «Установить на ТВ» вынесено в отдельную кнопку рядом с входом.

Делаем общий вывод: одного пункта в меню на каждую функцию сервиса было бы достаточно, но приветственный попап — приятное дополнение.

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

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

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

Все эти пункты участники опроса назвали важными в устройстве ЛК. Чаще всего они оформлены в виде обычных пунктов меню.

Они также могут быть объединены в один пункт из-за их сходства, как например, у Kion.

Только Okko отрывает эти пункты от основного наполнения аккаунта и делает избранные фильмы, покупки и историю доступным из навигационной панели вверху страницы. В самом ЛК нет таких разделов. Это пример слишком скудного наполнения меню кабинета (о визуале ЛК смотри раздел «Визуальный язык»).

Исследование Baymard Institute показало, что «Управление кредитной картой» является третьей по важности функцией личного аккаунта для пользователей, уступая лишь отслеживанию заказа и возврату товара. Но, несмотря на это, eCommerce-сайты уделяют дизайну этой функции недостаточно внимания. Посмотрим, как оформлено управление данными карт внутри кабинетов онлайн-кинотеатров.

Кинопоиск и Wink размещают редактирование и добавление способов оплаты там же, где управление подписками.

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

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

СТА главной страницы сайта — это не элемент личного кабинета, но он неминуемо ведёт пользователя к регистрации в нём. Почти у всех призыв к действию оформлен в виде яркой кнопки на первом экране страницы до сгиба.

Но у некоторых площадок этот важный сценарий отработан не до конца.

Например, если на сайте Wink нажать на «Смотреть бесплатно», юзер попадает в сценарий регистрации на сайте. В результате он получает доступ к кабинету, но ещё не пробную подписку. Оформить бесплатный пробный период (который длится, кстати, всего неделю) прямо через ЛК нельзя — в его разделе «Платежи и подписки» можно отследить только уже совершённые операции. В итоге подписку я оформила через раздел «Подписки» в навигационной панели.

Однако, этот недочёт не так страшен, как отсутствие на сайте Kion предложения о пробном периоде как такового. Чтобы его заполучить, мне пришлось самой найти купон, зарегистрироваться и ввести промокод в специальное окошко в ЛК.

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

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

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

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

Okko добавил к устройству кабинета всплывающее мини-меню для иконки на главной странице сервиса. После входа в аккаунт по нажатию на неё можно переключиться между пользователями. В сам кабинет ведёт пункт «Перейти в настройки».

Внутренний вид ЛК с боковым меню напоминает другой продукт Сбера — Еаптека, которую мы разбирали в одной из предыдущих статей. Набор пунктов минималистичен, возможно даже слишком.

Premier тоже добавил к устройству ЛК выпадающее меню при нажатии на иконку юзера. Отличие в том, что тут при нажатии на кнопку выпадает полное меню ЛК. Premier вынес в него самый удачный набор пунктов, их не много и не мало. В кабинет с сайдбаром ведёт пункт «Настройки профиля».

У Kion внутри старое доброе меню сбоку. Проверенный, но не вдохновляющий вариант.

У Kion внутри старое доброе меню сбоку. Проверенный, но не вдохновляющий вариант.

Интересно, что в некоторых ЛК ключевые действия, такие как «Выйти» и «Сменить пароль», вынесены дизайнерами ЛК в отдельные кнопки.

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

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

Перечислю рандомные фичи кабинетов, которые отражают тематику сервиса и отличаются от обычного набора функций ЛК.

На сайте Иви процесс регистрации выглядит как чат с ИИ-помощником. Такой дизайн пока не заменил последовательность форм повсеместно и поэтому не приелся. Индикатор выполнения в виде красной линии в верхней части экрана помогает оценить, сколько примерно шагов осталось.

У Иви и Wink можно самостоятельно изнутри кабинета инициировать калибровку рекомендаций, а не дожидаться, пока система настроит их на основе истории просмотра.

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

А на платформе Okko есть отдельный пункт меню, где можно оформить предзаказ на фильм и оплатить новинку заранее.

Соберём основные выводы по оформлению самых востребованных функций ЛК онлайн-кинотеатра на основе того, что мы увидели.

1. Подробно расписанные условия подписки приветствуются на всех этапах её покупки и использования: при регистрации в сервисе, при её оплате, при пользовании и попытках отключить. Все виды информирования (уведомления, пункты меню, попапы и т. д.) в этом случае хороши.
2. Как бы ни было очевидно, одного пункта в меню на каждую функцию сервиса достаточно. Но если какие-то из них должны быть доступны с любой страницы сайта, их нужно дублировать. В свою очередь, слишком аскетичное меню заставляет юзера рыскать в поисках нужной кнопки.
3. Родительский контроль — важная опция сервиса. Разместите на видном месте переключение на детский режим и добавление пин-кода на покупки.
4. Список «Посмотреть позже», история просмотра и история покупок логически связаны в сознании пользователя. Не обязательно объединять их в один пункт меню, но нужно разместить их рядом.
5. Управление данных карт и других платежных средств надо продумать особенно хорошо. Это то место, на котором многие коммерческие сайты спотыкаются. Пользователь должен легко найти свои карты и как отредактировать их данные.
6. Проверьте, что пробный период можно легко оформить из любого места сайта и ЛК. Если человек нажал на кнопку «Оформить пробный период», дело не должно заканчиваться на регистрации в сервисе. Доводите СТА до конца.
7. Модальные окна и хлебные крошки — хороший тон UI.

Вот и всё. Если вы хотите поделиться с нами свои мнением, пишите нам в Telegram.