Аудит онлайн-кинотеатра Flex
- ux-аудит
- ux-исследования
![UX-аудит онлайн-кинотеатра FLEX](https://cdn.sanity.io/images/2gswram9/production/eccf8e51f8082c1bef204a30392cfff42b6f88fc-4576x2288.jpg?q=85&w=1536&fm=jpg&fit=crop)
Обзор
Flex — сервис, который вступает в гонку за лидерство с крупнейшими российскими онлайн-кинотеатрами. И у Flex есть важное конкурентное преимущество — собственная студия озвучки контента. Помогли сервису понять, есть ли проблемы с этим продуктом (и придумали, как исправить найденные проблемы).
Проблема
В Flex наблюдается низкий уровень вовлечения пользователя для оплаты первой подписки и её продления. Интерфейсные ошибки портят впечатление и не создают заботливой атмосферы, к которой хочется вернуться.
Процесс
Чтобы узнать, как работает бизнес и какие цели он перед собой ставит, мы провели серию интервью с сотрудниками, нарисовали дерево роста и составили user story map.
Попутно изучили, как продукт ведёт себя на разных устройствах: телевизоре, телефоне и компьютере. Благодаря исследованию, мы поняли, где находятся основные проблемы и с какой из них стоит начать.
Решение
Результат аудита мы представили в виде документа в Notion. В каждой карточке описали проблемы, с которой сталкивается пользователь, составили рекомендации по её исправлению и нарисовали эскиз того, как может выглядеть решение. Каждой проблеме присвоена степень важности её решения. По сути получилась дорожная карта, с которой в дальнейшем дизайнеру будет просто работать.
Каждое предложенное решение мы обосновали книгами, экспертными статьями или примерами лучших практик рынка.
Разные устройства могут содержать разные юзерстори. Мы учли это — и в каждой карточке с проблемой описали решение под каждое устройство.
![Карточка ux-аудита](https://cdn.sanity.io/images/2gswram9/production/34c5de9d7ca1f73a5ab798cc84235d568d7701e1-4576x2704.jpg?q=85&w=1536&fm=jpg)
Стратегия — прежде всего
Стратегию бизнеса мы визуализировали с помощью дерева роста. Описали возможные пути развития продукта в виде ветвей и отметили, какие ветви бизнес хочет отращивать, каким нужно дать приоритет, а какие можно пока отложить. Этот метод кажется абстрактным только на первый взгляд — на самом деле он позволяет определить приоритеты, с которыми и будем работать в первую очередь.
![Дерево роста](https://cdn.sanity.io/images/2gswram9/production/fc8b4f83ff7bd9f99235f360917656d02fe389e7-4576x1565.jpg?q=85&w=1536&fm=jpg&fit=crop)
Подсветили, почему нужно подписаться
Предложили показывать промоблоки неавторизованным пользователям в видных местах, чтобы пользователь всегда видел их при изучении контента.
![Подписка в онлайн-кинотеатре Flex](https://cdn.sanity.io/images/2gswram9/production/50bf02e5cbaea3c3fd16cf1d4d1e16e64614b6e4-4576x2164.jpg?q=85&w=1536&fm=jpg&fit=crop)
Вход и регистрация
Посоветовали Flex объединить окна входа и регистрации пользователя, чтобы система не задавала лишних вопросов и не отнимала время. Если почта или телефон есть в базе — нужна авторизация. Если нет — регистрация. Восстановить пароль можно здесь же, не уходя на другой экран. Таким образом, пользователь не теряет нужную ему страницу из-за регистрации, и не раздражается.
![Регистрация шаг 1](https://cdn.sanity.io/images/2gswram9/production/6b1da368c9345bf0bda8626531464a5d5a3ce48d-1120x948.jpg?q=85&w=1536&fm=jpg&fit=crop)
![Регистрация шаг 2](https://cdn.sanity.io/images/2gswram9/production/5012d0d785d86c1f89d5734044c45a92db81f572-1120x948.jpg?q=85&w=1536&fm=jpg&fit=crop)
![Регистрация шаг 3](https://cdn.sanity.io/images/2gswram9/production/93ca0e0ffea6272a74ec0c43ea9ecf09baada169-1120x948.jpg?q=85&w=1536&fm=jpg&fit=crop)
![регистрация шаг 4](https://cdn.sanity.io/images/2gswram9/production/076fc538516c6e4e2fffb9eef9a81b97931115b0-1120x948.jpg?q=85&w=1536&fm=jpg&fit=crop)
Тарифы
Подсветили, как лучше показать выгоду в тарифах, чтобы пользователь принял решение о подписке.
![Тарифы](https://cdn.sanity.io/images/2gswram9/production/13e5a20cb687f3fc3b6ba738e36578eba4f5c193-2272x1216.jpg?q=85&w=1536&fm=jpg&fit=crop)
![Тарифы](https://cdn.sanity.io/images/2gswram9/production/5fd446b61f5829bcf90bd0f278fbf7cb7b1d1f6f-2272x1214.jpg?q=85&w=1536&fm=jpg&fit=crop)
Детский профиль
Если дети и родители смотрят контент с одного профиля, то родителям алгоритм будет предлагать мультфильмы, а детям — неинтересный, а то и опасный взрослый контент. Быстрое переключение на детский профиль решает эту проблему.
![Детский профиль](https://cdn.sanity.io/images/2gswram9/production/0f8364075f89007eb47f80194be0785c277d7f6b-4576x901.jpg?q=85&w=1536&fm=jpg&fit=crop)
Плеер
Показали, как улучшить навигацию по таймлайну и уменьшить количество кликов для изменения скорости, качества и субтитров.
![Плеер было](https://cdn.sanity.io/images/2gswram9/production/ecae022722abb917dcfdee331c5fb9eec6298268-2272x481.jpg?q=85&w=1536&fm=jpg&fit=crop)
![Плеер стало](https://cdn.sanity.io/images/2gswram9/production/126920ece2e2f3ccd08ae11b91efc2d0cf2c2d4f-2272x481.jpg?q=85&w=1536&fm=jpg&fit=crop)
Выбор фильма или сериала
Показали, как разгрузить громоздкий фильтр, сделав так, чтобы пользоваться им стало проще и интуитивно понятнее.
![Каталог было](https://cdn.sanity.io/images/2gswram9/production/3689c7997ad2a7e61eef17e15c458171017961d0-2272x871.jpg?q=85&w=1536&fm=jpg&fit=crop)
![Каталог стало](https://cdn.sanity.io/images/2gswram9/production/1aa23baaa2d0d1a865805145552597466d3b2b85-2272x871.jpg?q=85&w=1536&fm=jpg&fit=crop)
Поиск на телевизоре с пультом
Искать фильм на телевизоре через пульт почти всегда неудобно, особенно, если нет голосового ввода. Мы предложили показывать одновременно и клавиатуру, и подсказки, и поле ввода, и результат. Элементы не перекрывают друг друга, и по мере ввода текста можно переключатся и на подсказку и на результат.
![Поиск было](https://cdn.sanity.io/images/2gswram9/production/a0c062ef82d4d17f6f7dea72a94465f0c353a28e-2272x1294.jpg?q=85&w=1536&fm=jpg&fit=crop)
![Поиск стало](https://cdn.sanity.io/images/2gswram9/production/f46c20b68729560d283e836f65bfe4444e92d2de-2272x1294.jpg?q=85&w=1536&fm=jpg&fit=crop)
Главная
Предложили увеличить концентрацию контента и сделать информативнее главную страницу. На слайдере сразу крутится трейлер, теперь он выглядит выразительнее. Причесали этажи с сеткой карточек, добавили рубрики и подборки, чтобы удовлетворить зрителя из user story, который хочет что-то посмотреть, но не знает, что именно.
![Главная было](https://cdn.sanity.io/images/2gswram9/production/d9558337e29f472d6caa1812ee3c7979cc54fded-2272x2627.jpg?q=85&w=1536&fm=jpg&fit=crop)
![Главная стало](https://cdn.sanity.io/images/2gswram9/production/43e559965259fd01c900916a1680ccc1b8c5f60c-2272x3362.jpg?q=85&w=1536&fm=jpg&fit=crop)
Результат
Давайте обсудим ваш проект
на дизайн и разработку
Исследуем, проектируем, создаём дизайн и текст, анализируем метрики, вместе в разработчиками запускаем фичи и продукты
Нажимая на кнопку, я соглашаюсь с обработкой моих персональных данных
Всё получили!
Свяжемся с вами в ближайшее время