Дизайн-концепт: Киберспорт на ТВ

Компьютерные игры - это огромная индустрия, по бюжетам на производство и доходам сравнимая с кинематографом. Например, вышедшая в 2018 году Red Dead Redemption 2 за первый уикенд заработала более $725 миллионов: для сравнения, вышедший в том же 2018 году Хан Соло в первый викенд заработал всего $84 миллиона. Но если компьютерные игры уже созрели как индустрия, то киберспорт только в начале своего роста.

По данным Алекса Грея, журналиста с Мирового Экономического форума, общемировая аудитория киберспорта в 2018 году достигла 380 миллионов человек: 165 миллионов из которых постоянные фанаты, и 215 миллионов зрителей смотрит сорвенования время от времени. По оценкам Forbes, в 2018 году индустрия киберспорта сгенерирует 905 миллионов долларов дохода, и достигнет миллиарда в следующие два года.

Мы в BraveGeeks играем в игры и любим киберспорт. Мы часто коротаем вечера за просмотром трансляций соревнований по LOL и DOTA вместе с друзьями и коллегами. Но несмотря на стремительный рост, киберспорт все еще очень молодая индустрия. И мы задумались над тем, чего ей действительно не хватает из того, что есть у классических спортивных соревнований.

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

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

Чтобы сформулировать, проверить и доработать наш тезис, мы провели серию интервью с несколькими фанатами киберспорта.

Мы задавали следующие вопросы:

Вот что нам удалось выяснить:

По итогам нашего мини-исследования, мы доработали нашу идею следующим образом.

Мы хотим разработать концепт приложения для ТВ. Такого, чтобы:

Мы никогда раньше не разрабатывали приложений для ТВ, поэтому не смогли упустить шанс попробовать что-то новое.

Дизайн приложений для ТВ отличается от привычных нам дизайна для веб или мобильных устройств. Мы сформулировали следующие особенности:

Все это накладывает определенные ограничения на дизайн.

Мы изучили десятки приложений на Android TV, Apple TV и PS4 (Xbox One у нас не нашлось), чтобы понять, как разработчики обычно решают обозначенные проблемы, и пришли к следующим выводам.

С другой стороны, не смотря на обилие разнообразных платформ, на которых можно запускать приложения для ТВ (Apple TV, Android TV, PS4, Xbox One, TizenOS, etc) по стилю они не сильно отличаются. Мы пришли к выводу, что дизайн, разработанный для одной платформы, довольно легко получится адаптировать под другую.

Одной из наиболее интересных особенностей разработки дизайна для ТВ оказалась необходимость учета безопасных зон. Изучив вопрос, мы выяснили, что мы должны все элементы UI располагать таким образом, чтобы они не оказывались на полях шириной примерно 5%.

Эта особенность вытекает из того, что телевизоры до сих пор иногда используют устаревшую технологию overscan, а значит могут обрезать изображение по краям. Вне зависимости от того, запущено приложение на PS4, Apple TV или на самом телевизоре.

Мы рекомендуем цикл статей, посвященный дизайну для ТВ от ребят из This Also. Он классный и там есть много интересных подробностей.

Нашу работу мы начали с того, что определили, с каким контентом будет работать наше приложение. После серии обсуждений, мы пришли к выводу, что основными видами контента мы считаем

Затем мы определили, в каком контексте нам предстоит показывать контент. Это должны были быть важные для фанатов точки соприкосновения с киберспортом. Мы предположили, что такими точками могут быть чемпионаты и команды.

В ходе интервью мы обнаружили следующие проблемы, которые мы должны были учесть в разработке навигации приложения.

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

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

Чемпионат - это ключевое событие в киберспорте. Пользователь нуждается не только в возможности посмотреть матчи, но и следить за чемпионатом в режиме турнирной таблицы.

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

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

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

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

Никто не любит спойлеры, а на многих наших экранах видно счет. Мы решили добавить в приложение специальный режим “Без спойлеров”. В этом режиме мы не показываем счет у матчей, которые пользователь еще не видел, а также их результаты в турнирных таблицах.

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

Но проблема состоит в том, что владельцу бара недостаточно повесить один или несколько экранов. Поиск нужной актуальной трансляции даже для одного экрана может занять время, а в случае, если экранов много - это становится настоящей пыткой.

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

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

Мы будем рады мнениям и критике нашего концепта. Что вы думаете о перспективах киберспорта в сфере домашних развлечений? Стали бы вы пользоваться таким приложением?

Чуть более подробный кейс можно найти на Behance: