Исследование страницы персоны Кинопоиска
Вступление
Я люблю фильмы и сериалы. Шесть лет назад зарегистрировался
на Кинопоиске, чтобы собирать историю просмотров. С тех пор захожу на него каждый день.
Кинопоиск — самый посещаемый ресурс про кинематограф в России
и русскоязычных странах. На нем есть база данных по всем фильмам и актерам, афиша, обзоры и интервью со звездами. Можно ставить оценки, находить друзей по интересам и смотреть фильмы онлайн
на партнерских ресурсах.
Прошлой осенью Кинопоиск получил новый дизайн. Пользователям он не понравился, и через несколько дней старый вернули. Сейчас
две версии живут вместе, но служат разным целям. В феврале этого года Яндекс опубликовал вакансию дизайнера продукта в Кинопоиск, чтобы развивать их обе. Я не мог пройти мимо.
Тестовое задание я провалил, потому что нарисовал дизайн для себя. Теперь исправляю ошибки и делаю вторую версию. В этом посте
я расскажу, как люди используют Кинопоиск, какие еще сайты
про кино есть и что нужно учитывать при редизайне такого продукта.
Тестовое задание
Представьте, что ваша задача — спроектировать новую страницу персоналии. За основу возьмите страницу режиссера Мартина Скорсезе. Подумайте над пользовательскими сценариями и о том, как может эволюционировать визуальный стиль Кинопоиска. Аргументируйте свое решение.
Я захожу на страницы актеров и режиссеров, чтобы изучить
их фильмографию и выбрать фильм. Поэтому основное внимание сфокусировал на представлении информации о работах Скорсезе.
Я сверстал два варианта списка и для каждой картины вынес
в подстрочник определяющий жанр, хронометраж и награды — параметры, которые помогают выбирать.
После просмотра я открываю страницы понравившихся актеров
и режиссера, чтобы узнать о них что-нибудь интересное. Левую панель с разными сегментами я проработал слабо и не продумал адаптацию макета под другие наборы данных.
Детали и состояния можно рассмотреть в прототипе.
В продукте для массовой аудитории не должно быть видно автора. Чтобы не руководствоваться исключительно своими предпочтениями я изучил открытую статистику и поведение других пользователей.
Статистика
90% пользователей заходят на классический Кинопоиск.
4% на поддомен Кинопоиск+.
Средние значения:
- в сутки заходит полтора миллиона человек, в месяц — 15 млн,
- пользователи проводят на сайте три с половиной минуты
и просматривают четыре страницы, - 45% уходят с той же страницы, на которую зашли.
Откуда приходят люди:
- 56% органический трафик из поиска.
- 27% прямые заходы.
- 13% переходы по ссылкам с других сайтов.
- 3% переходы из социальных сетей.
С Кинопоиска чаще всего уходят в Яндекс, Твитер, Ютуб, Инстаграм
и торенты.
Пользователи активно изучают на Кинопоиске творчество режиссеров, чьи последние фильмы им понравились. Регистрируется всплеск трафика на страницы персон из популярных в прокате фильмов.
Источники данных:
Опрос пользователей
Я спросил пользователей, что они делают на страницах персон. Респондентов набирал в соцсетях и на форуме.
Отклонения типа «х***я этот ваш Кинопоиск» и «все замечательно, лучше не придумать, ничего не трогайте» я не учитывал.
Половина пользователей изучает, кто играл в понравившемся фильме.
Они переходят со страницы фильма или целенаправленно ищут человека в поиске.
Читают, кто он такой, что снял и выбирают какой фильм
с ним посмотреть.
После этого треть пользователей уходит, а остальные изучают другие фильмы и читают дополнительную информацию.
Большинство в итоге находит интересный фильм и уходит
на его страницу.
Пользовательские сценарии
- Изучаю фильмографию, перехожу по ссылкам интересных фильмов.
- Выбираю, что посмотреть по рейтингу, году, жанру.
- Просматриваю биографию, возраст, супругов.
- Читаю интересные факты.
- Ищу лучшие фильмы по списку и графику.
- Любуюсь на фотографии актеров.
- Изучаю, какие награды получал и за что.
- Вспоминаю, кого играл в знакомых фильмах по кадрам.
- Проверяю, когда выйдут новые фильмы.
- Считаю, сколько фильмов с ним уже видел.
Боли пользователей
- Приходится долго листать список фильмов, чтобы добраться
до нужного амплуа. Тяжело сравнивать количество фильмов
в разных амплуа. - Неудобно просматривать фотографии.
- Непонятно, когда выйдут ожидаемые фильмы, они никак
не выделены. - Нет биографии, очень мало информации о персонах.
- Бесят рекламные баннеры и подложка.
- Долгая загрузка и скролл фильмографии на Кинопоиске+.
- На блоках с инстаграмом и графике рейтинга сбивается скролл.
Боли дизайнеров
- Устаревший визуальный стиль.
- Высокая насыщенность информации. Новые пользователи
не понимают где что. - Сложная многоуровневая навигация на страницах персон
и фильмов. - Люди не понимают, зачем регистрироваться и ставить оценки.
- Не адаптировано под мобильный поиск, из которого приходит треть пользователей.
- Огромное количество рекламных баннеров, разрывающих страницу в самых неожиданных местах.
- Пользователи неохотно подписываются друг на друга, мало социального взаимодействия.
- Фиксированная верстка 850 пк.
Предложения пользователей
- Добавить биографию персон и больше интересных фактов
из личной жизни. Люди любят подглядывать за звездами. - Обновить и расширить информацию об аккаунтах персон
в соцсетях. - Показывать обновления страницы на первом экране: новые фильмы, интервью, фотографии. По статичному экрану
не понятно, меняется на странице что-либо или нет. - Подробнее рассказывать о лучших фильмах как основном критерии выбора.
- Сделать наглядное представление ожидаемых фильмов: когда выйдут, какой у них рейтинг ожиданий.
- Добавить обложки в список фильмографии, чтобы быстро находить знакомые фильмы.
- Встроить локальный поиск с подсказками по фильмографии персоны.
- Сделать рейтинг похожих актеров по внешности, амплуа и жанрам.
- Добавить рекомендации фильмов персоны. Что будет интересно посмотреть с этим человеком лично мне.
- Разработать эксклюзивные материалы с российскими персонами.
- Встроить комментарии к новостям, блогам и рецензиям.
- Показывать пользователей с похожим вкусом. Фильтр друзей
по интересам, которые посмотрели и оценили близкое количество фильмов с персоной.
Выгоды
В итоге страница персон наносит пользу:
- интересный фильм, который можно посмотреть,
- новые знания о персоне,
- коллекция просмотренных фильмов.
Аудитория
По моему впечатлению от общения с пользователя Кинопоиска,
они делятся на три характерные группы:
- Попкорн-зрители. От трети до половины всех пользователей. Приходят из поиска, чтобы почитать про конкретный фильм
или персону. Чаще всего ищут популярное, заходят с мобильных устройств, редко задерживаются на сайте дольше двух минут. Могут не заметить, что зашли именно на Кинопоиск.
Не мотивированы изучать больше информации. Для них полезно адаптировать мобильную версию — показывать, что это за человек и за какие фильмы известен. Большая часть работы уже сделана
на мобильном СЕРПе. - Казуалы. Около трети пользователей. Заходят несколько раз
в неделю по прямой ссылке, чтобы выбрать фильм или почитать
о персоне. В среднем проводят на сайте десять минут. Основную часть работы нужно сделать для этих пользователей, потому что
у них есть мотивация узнать о кинематографе больше. Им должно быть удобно находить желаемое, интересно изучать больше страниц и понятно, какие выгоды несет регистрация. Для перехода в следующую категорию должен произойти квантовый скачок, накопиться понимание пользы. - Киногики. Постоянные зарегистрированные пользователи. Заходят каждый день не только ради выбора фильма, а чтобы почитать новости, проверить обновления, пошпилить в статистику. Выставляют оценки, собирают коллекции, изучают связанные страницы, добавляют друзей, пишут рецензии. Они не просто смотрят фильмы, а пытаются осмыслить и категоризировать увиденное. Эти ребята научились использовать ресурс удобным способом, поэтому главное для них — не сломать привычные сценарии. Имеет смысл прислушаться к их боли и пожеланиям
и реализовать самые популярные.
Другие сайты про кино
Из огромного количества ресурсов я отобрал популярные
и интересные. Для сравнения поделил их на условные группы
по доминирующему сценарию использования:
- Афиши.
- Онлайн-кинотеатры и агрегаторы контента.
- Многофункциональные базы данных.
- Списки просмотренного.
- Рекомендательные сервисы.
- Биографии и рецензии.
Афиши
Сценарий — посмотреть, что идет в кино, выбрать и купить билет.
У всех сайтов идентичный набор фильмов, почти одинаковое количество кинотеатров и похожая функциональность. Отличия — визуальная иерархия информации и формат представления фильма.
- Кино Мэйлру: по функциональности близок к Кинопоиску,
разные информационные слои на одной странице для погружения, интересный визуальный конструктор выбора, много дизайна. - Яндекс Афиша: визуальная равнозначность, конструктор
с основными сценариями, индивидуальные аргументы выбора
у каждого фильма, сдержанный минимализм. - Рамблер Касса: приятная визуальная иерархия, удобный выбор кинотеатра и покупка билета, трендовое оформление, хорошее мобильное приложение.
- Афиша: устаревший дизайн, слабая структура, крутые редакторские подписи к фильмам.
- Афиша Дэйли: крутые редакторские обзоры, рецензии и новости.
Онлайн-кинотеатры и агрегаторы контента
Сценарий — выбрать и посмотреть фильм или сериал онлайн.
Огромное количество ресурсов, отличающихся функциональностью, внешним видом, способами оплаты, количеством и качеством контента. Интерфейс — вариации плитки с обложками фильмов, преимущественно темные цветовые схемы для атмосферы
и настроения.
- Нетфликс: подписка, огромный выбор, производство собственного качественного контента, клиенты под все платформы,
крутые персональные рекомендации, плохая локализация. - Амедиатека: подписка, большая база сериалов, офлайн-просмотр.
- Иви: бесплатный просмотр с рекламой, разнообразный контент, полезные сортировки и подборки.
- Аййо: покупка фильмов по отдельности, UltraHD-качество
с пятиканальным звуком, современный дизайн, рекомендации, жанровые и тематические подборки. - Мойо: персональное телевидение с фильмами, сериалами, передачами и музыкой, нужно покупать приставку.
- Шоуджет: редкий контент, можно брать сезоны в аренду
по одному за 15р. - Линфликс: иностранный агрегатор сервисов просмотра.
Подробнее:
Многофункциональные базы данных
Сценарий — все возможные: от выбора фильма до создание тематической коллекции.
Появились из пользовательских коллекций фильмов и развиваются, придумывая или копируя новые функции у конкурентов. Трафик
из поисковиков, запутанная навигация и баннерная реклама.
- IMDB: самая большая база данных по фильмам в мире, огромное количество информации и способов её структурирования,
нет локализации. - RottenTomatoes: оценки и рецензии кинокритиков.
- Themoviedb: база данных фильмов и сериалов, редактируемая пользователями.
- Kinomania, Kinonews, Film.ru: разнообразные клоны Кинопоиска.
Списки просмотренного
Сценарий — собрать просмотренные фильмы в коллекцию, посмотреть статистику, узнать о выходе новых серий.
Ориентированы на собирателей статистики, различаются дизайном
и количеством функций.
- TVShowTime: календарь выхода новых серий, оценка тегами эмоций.
- Mustapp: список ожидаемых и просмотренных фильмов, красивый интерфейс, интересная статистика.
- MyShows: списки, фильтры, календарь, рекомендации.
Рекомендательные сервисы
Сценарий — найти фильм, который будет интересно посмотреть.
Чаще всего работают на основе списка просмотренных и оцененных фильмов.
- Agoodmovietowatch: случайный фильм, подбор по настроению, жанрам, топам.
- Moovler: подбор по настроению и характеру.
- Tastekid: рекомендации похожих фильмов, сериалов, книг
и музыки. - Imhonet: персональные рекомендации на основе совпадений интересов с другими пользователями.
- Jinni: программный движок рекомендаций для встраивания
в другие продукты. - Movielens: комплексная оценка, предсказания оценок неизвестных фильмов на основе оценок просмотренных.
Биографии и рецензии
Сценарий — почитать о фильмах и персонах, расширить кругозор, развлечься.
Жанровые, тематические, авторские и сезонные подборки фильмов, статьи об известных персонах мирового кинематографа, мнения кинокритиков.
- Википедия: биография и фильмография.
- Иви: биография, лучшие фильмы и фильмография.
- Эсквайр: правила жизни.
- Вандерзин: сезонные подборки.
- Вилладж: рекомендации экспертов.
- Афиша Дэйли: авторские колонки критиков.
- Аййо Сторис: профессиональные обзоры.
Интересные решения
Ни один из перечисленных сайтов не является прямым конкурентом Кинопоиска. Многие специализируются на одном-двух сценариях использования и делают их удобными. Поэтому на них есть решения, которые могут сделать страницу персон полезнее:
- Фотографии персон в живом поиске, чтобы было проще вспомнить кого ищешь.
- Кластеризация результатов в живом поиске по колонкам: персоны, фильмы, сериалы.
- Дополнительные параметры в расширенном поиске персон.
- Общий и персональный рейтинг актеров и режиссеров.
- Рейтинг ролей актера и сортировка фильмографии по этому рейтингу. Дополнительная оценка актерской игры при оценке фильма.
- Редакторские характеристики персоны и фильмов. При выборе фильмов люди больше доверяют человеческим экспертам,
а не машине. - Редакторские обзоры и рейтинги персон.
- Известные цитаты персоны в разделе интересных фактов.
- Лайки и комментарии фотографий персоны.
- Рецензии на персон с рейтингами и модерацией.
- Таблица ролей персоны в фильмографии.
- Статусы ожидаемых проектов в фильмографии. Выделение будущих фильмов в отдельный функциональный и визуальный сегмент.
- Хронологическая колонка вместо нумерации в фильмографии. Номера фильмов не несут никакого смысла и пользы.
- Визуальное выделение связанных в циклы фильмов. Например, трилогии Линклейтера («Перед рассветом», «Перед закатом», «Перед полуночью»), Звездных войн, Властелина колец и других.
- Фотографии актеров в образе по ховеру на роли в фильмографии, чтобы вспомнить, кого играл.
- Дополнительное поле в фильмографии: какие серии сериала снял режиссер, в каких сезонах играл актер.
- Нерегулярная плитка медийного контента для выделения важного и интересного.
Ошибки запуска новой версии
Кинопоиск развивался 12 лет без существенных изменений в дизайне. Неожиданный перезапуск 8 октября 2015 был негативно встречен пользователями и дизайн-сообществом.
Интернет полыхал несколько недель. За это время многие эксперты высказали свое мнение. Я собрал их и выписал главные ошибки:
- О перезапуске не предупредили. Пользователи проснулись
с новым дизайном и не поняли, что это такое. - Не предусмотрели возможность выбора интерфейса
или переходного периода, в течение которого можно постепенно привыкнуть к новому. - Не обучили, как пользоваться новым интерфейсом.
- Сделали обязательную привязку к аккаунту Яндекса.
- Не предусмотрели возможные технические проблемы — сайт тормозил, постоянно выскакивали ошибки, из многих профилей пропали оценки.
- Одновременно поменяли визуальный стиль и функциональность.
- Многие функции отрезали, привычные способы использования стали недоступны или неудобны.
- Сделали акцент на сценарии выбора и просмотра фильма в ущерб всем остальным.
- Изменили алгоритм расчета рейтинга фильмов.
- Оформили в унифицированном стиле Яндекса с низкой информационной плотностью и без индивидуальности старой версии.
- Очень долго тянули с реакцией на возмущение пользователей.
Большинство этих ошибок потом исправили, но в итоге старую версию пришлось вернуть целиком.
Многие популярные сайты выглядят страшно и устроены нелогично
с дизайнерской точки зрения. Но ими пользуются миллионы людей, и они привыкли. Редизайн таких продуктов должен проходить аккуратно и с любовью к человеческой иррациональности.
По-дизайнерски красивыми решениями тяжело пользоваться ежедневно, потому что для этого нужен определенный бэкграунд.
Важно соблюдать баланс.
Видение продукта
Никто не ходит читать новости на сайты газет. Все читают
их в социальных сетях и на Яндексе. Сегодня контент ищет пользователя и агрегируется на крупных порталах. А люди привыкли получать всю информацию в одном месте.
Поэтому Кинопоиск должен собирать всю информацию
о кинематографе и отвечать на любые вопросы от популярных
до экзотических:
- Что посмотреть сегодня вечером?
- Какие фильмы про войну показать деду?
- На что сводить подругу в Пензе в одиннадцать вечера?
- Кто повлиял на творчество Кевина Смита?
- Сколько денег правительство США потратило на спасение Мэтта Деймона?
- С чего начать знакомство с Кубриком?
- Кто подставил кролика Роджера?
- «Что в этой гребаной коробке»?
- ∞
Кинопоиск должен стирать грань между продуктами для широкой аудитории и киноэстетов, совмещать огромную функциональность
с приятным пользовательским опытом.
Кинопоиск — это все про кино для всех:
- Образование: самая большая энциклопедия о кинематографе
в русскоязычном интернете. - Сервис: лучший инструмент для коллекционирования фильмов, статистики, аналитики и персональных рекомендаций.
- Общение: социальная сеть киноманов, друзья по интересам, пользовательские рецензии и обсуждения.
- Развлечение: редакторская платформа для медиа и кинокритиков, новости, интервью, обзоры, игры и фотографии.
- Просмотр: агрегатор онлайн-кинотеатров, трейлеры, подписка
и бесплатный контент. - Реклама: удобный инструмент нативной рекламы
для прокатчиков, популярный канал связи с целевой аудиторией кинотеатров.
Баланс заключается в органичном развитии этих частей внутри единого продукта.
Видение страницы персон
Страница персон — часть процесса исследования и открытия нового. Люди приходят узнать о человеке, выбрать лучшие фильмы, открыть неочевидные связи и вспомнить понравившиеся роли.
Это рассказ о человеке — суть ясна по одному предложению.
Это настроение — виден характер снимаемых картин.
Американский мастер гангстерских лент, лучший из ныне живущих режиссеров *
- Тарантино — кровь и диалоги.
- Братья Коэны — американский фольклор и сценарии.
- Майкл Бэй — **!**
Задачи
Для развития продукта нужно:
- Сохранить и усилить лояльность постоянной аудитории.
- Повысить вовлечение случайных пользователей.
- Сохранить и усилить индивидуальность продукта.
- Уменьшить процент пользователей, для которых страница персон первая и последняя в сессии.
- Найти новые способы монетизации, не превращая сайт
в полотно из рекламных баннеров.
Чтобы этого достичь, я:
- Сохраню всю информацию и функциональность страницы.
- Спроектирую новый лэйаут под популярные сценарии использования.
- Упрощу навигацию и поиск на странице.
- Почищу и добавлю индивидуальности визуальному стилю.
- Предусмотрю персонализацию страницы для разных групп пользователей.
- Реализую непротиворечивые пожелания пользователей и удачные решения конкурентов.
- Встрою на страницу сегменты редакторского контента
и сформулирую основные положения редакционной политики. - Опишу систему мотивации для привлечения сторонних авторов.
- Разработаю промо-сегмент нативной рекламы на странице персон.
- Протестирую результат на дизайнерах и пользователях.
Процесс редизайна
Результат решения этих задач — макет с финальным состоянием страницы персон после редизайна.
Внедрять его в продукт следует несколькими итерациями. Каждую сначала выкатывать на часть аудитории и собирать фидбек.
- Первая итерация: фейслифт визуального стиля. Почистить мусор: плашки, подложки, подчеркивания, обводки.
- Вторая итерация: переработать информационную архитектуру страницы с учетом приоритета сценариев использования
и требований к развитию. - Третья итерация: добавить новые функции и обучить как ими пользоваться с помощью почтовой рассылки.
- Бесконечность: анализировать отклик и поведение пользователей, совершенствовать видение продукта.
Проектирование страницы персон
Во втором посте я рисую карту информации, расставляю приоритеты сценариям использования, собираю несколько вариантов компоновки страницы, пишу текст о персоне и собираю мудборд развития визуального стиля.
