MovieApp: UX/UI Case Study (2022)
MovieApp - это сервис с широким выбором фильмов, сериалов и телешоу.
Роль
UX/UI Designer
Индустрия
Развлечения
Длительность
2 месяца
Обзор проекта
MovieApp — это концепт современного мобильного онлайн‑кинотеатра, объединяющего библиотеку фильмов и сериалов с инновационным голосовым ассистентом на базе ИИ. Концепт направлен на повышение удобства поиска контента, усиление персонализации рекомендаций и сохранение лояльности пользователей.
Проблема
Пользователи теряются в обширном каталоге фильмов и сериалов и тратят время на поиск подходящего контента.
Стандартный текстовый поиск не учитывает настроения и индивидуальные предпочтения.
Отсутствие персонализации снижает вовлечённость и удержание аудитории.
Решение
Внедрён голосовой помощник на базе искусственного интеллекта, способный понимать естественный язык.
Ассистент помогает искать фильмы и сериалы по жанрам, настроению, актёрам и ключевым фразам.
Автоматическая генерация персональных подборок на основе истории просмотров и предпочтений пользователя.
Задачи
Обеспечить удобный поиск и навигацию по каталогу фильмов и сериалов.
Повысить вовлечённость пользователей через персонализированные рекомендации и голосового ассистента.
Обеспечить простой и прозрачный процесс подписки и оплаты.
Исследование
В ходе исследования я провела анкетирование пользователей с помощью Google Forms, провела глубинные интервью, изучила отзывы пользователей, использующих онлайн-кинотеатры, а также изучила статьи с разбором существующих сервисов.
Выделила основные потребности пользователей:
Более простой и интуитивный интерфейс, без большого количества информации;
Легко узнать название / автора песни из саундтрека;
Разбитие фильма на главы / фрагменты с заголовками;
Расширенные возможности перемотки. Например, медленный скроллинг перематывает фильм вперед на 5-10 секунд; быстрый на 40-50;
Скачивать фильм в офлайн для просмотра в дороге;
Субтитры, выбор аудиодорожки;
Широкий выбор фильмов и поиск по категориям, жанрам;
Удобная и заметная кнопка поиска с расширенными фильтрами;
Отсутствие рекламы.
Выделила боли, с которыми сталкиваются пользователи:
Много лишней информации и рекламы;
Сложно найти фильтры и поиск;
Малое количество настроек плеера. Не хватает настроек перемотки, выбора размера шрифта субтитров и т.д;
Узнать более подробную информацию о фильме, актере и т.д;
Неудобный личный кабинет, его сложно найти;
Плохая организация рекомендаций фильмов;
Отсутствие персонализированных подборок.
Провела анализ прямых конкурентов (Кинопоиск, Амедиатека, Apple TV+), зафиксировала результаты в таблице:
Ключевой вывод из конкурентного анализа:
В ходе сравнения популярных онлайн-кинотеатров выявлены общие недостатки: фрагментированный UI между веб и мобильными версиями, ограниченный поиск без поддержки естественного языка и недостаточная персонализация рекомендаций. Кроме того, у многих сервисов сложный процесс регистрации и подписки, что снижает конверсию. MovieApp решает эти проблемы за счёт единого, интуитивного интерфейса, интеллектуального голосового поиска и динамических подборок, основанных на поведении пользователя.
На основе проведенного исследования я составила портрет пользователя и проработала CJM.
CJM. Пять этапов: осознание потребности, активация поиска, взаимодействие с рекомендациями, сохранение контента, оформление подписки. Каждый этап описан через мысли, действия, эмоции и решения (голосовой ассистент, уведомления, короткая регистрация).
User flow
Финальное решение
Дизайн включает в себя обтекаемые мультяшные формы, напоминающие о мобильных играх и других развлекательных платформах
Флоу входа и поиска фильма через голосового ассистента Муви
Логотип и иконка приложения
Главный экран
Карточки фильмов и сериалов
Карточки фильмов и сериалов выполнены в крупном формате: обложка, рейтинг и название видны сразу. Сразу есть возможно оценить фильм, поделиться или загрузить для оффлайн просмотра. Также пользователь по желанию может раскрыть подробное описание, и посмотреть трейлер.
Каталог и фильтры
На главной странице каталога собраны только подборки по жанрам, а так же строка поиска с расширенными фильтрами и сортировкой.
Голосовой ассистент Муви
Интерактивный компонент для голосового ввода
Быстрое переключение между режимами поиска и рекомендаций
Оформление подписки
Итоги и дальнейшие шаги
Голосовой ассистент делает сделал поиск быстрее и удобнее, исходя из тестирования прототипа;
Пользователи легко находят подборки «по настроению» без лишних кликов;
Пользователям понятна основная идея концепта приложения и вызвала положительные отзывы;
Дальнейшие шаги: протестировать идею на более широкой аудитории и проверить распознавание акцентов.