На Sports.ru – новые страницы матчей: другой дизайн, быстрая статистика, чат повыше. Начали с Ла Лиги

Объясняем, что делаем и что будет дальше. 

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

Что же произошло?

С сегодняшнего дня все матчи Ла Лиги-2019/20 на сайте будут представлены в новом дизайне. Вот здесь можно посмотреть, как теперь выглядит прошедший матч между «Реалом» и «Атлетико», а здесь – зарубиться в новом чатике и обсудить игру «Бетис» – «Барселона», которая пройдет в это воскресенье.  

То, что вы сейчас видите, – только начало. В ближайшее время мы будем исправлять ошибки, которые обнаружим благодаря вам, дадим больше статистической и текстовой информации, обновим дизайны матчей и в других турнирах: АПЛ, Серии А, Бундеслиге, Лиге 1, РПЛ, Лиге чемпионов и Лиге Европы.

А пока мы реализовали все то, чем вы активно пользовались на старых страницах матчей: обновили дизайн, расширили статистические данные и добавили немного новых возможностей.  

Что мы сделали и для чего?

1. Переехали на новые технологии

Вы когда-нибудь видели, как проведено электричество в Таиланде? Вот как-то так: 

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

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

2. Страница стала адаптивной

Технически у нас два сайта: sports.ru и m.sports.ru. На первый вы попадаете, когда сидите с компьютера, на второй – с телефона. Поэтому любое изменение мы проводим дважды: сначала обновляем данные на одном сайте, потом – на втором. Мы сделали так, чтобы и для смартфона, и для компьютера у нас была одна и та же страница, которая меняет вид в зависимости от ширины экрана вашего устройства. И теперь любое изменение мы сможем реализовать в два раза быстрее. Это в дополнение ко влиянию новых технологий, о которых написал выше. 

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

3. Разработали собственный сервис спортивной статистики

Спортивную статистику (голы, расписание матчей, составы, расстановки) мы покупаем у специализированных поставщиков и до текущего момента работали только с одним.

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

Для самих страниц футбольных матчей мы сделали: 

• расширенную статистику по матчу: от владения мячом до сэйвов и ударов от ворот; 

• обновление страницы без перезагрузки в реальном времени; 

• ускорили получение данных в 4-5 раз, так что смотреть трансляции через интернет и сидеть на странице матча теперь опасно; 

• добавили расширенные данные по личным встречам команд, отдельную турнирную страницу с разбивкой по играм дома и в гостях. А помните регулярные проблемы с сортировкой таблиц? Теперь за нас все сортирует поставщик статистики, который предоставляет данные в том числе футбольным федерациям. Это не гарантирует, что ошибок в спорных ситуациях не будет совсем, но снижает риск ошибок (и позволяет быстрее исправлять косяки). 

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

Мы не ставим перед собой задачу полностью заместить крупные сервисы спортивной статистики – для начала мы хотим научиться предоставлять базовые сведения корректно, в полном объеме и вовремя. Изменения в статистике коснулись только новых страниц футбольных матчей, поэтому данные относительно других страниц сайта могут расходиться. Больше остальных обратить на это внимание могут любители Fantasy. Fantasy, как и другие страницы сайта, продолжит получать данные от одного поставщика статистики, поэтому данные на новых страницах могут отличаться. Не нервничайте и не переживайте по этому поводу, все спорные моменты будут разобраны в соответствии с правилами. 

Сервис статистики, как и сами новые страницы матчей, проходит тестовое испытание, поэтому некоторые ссылки, переводы, фотографии и даже игроки с тренерами могут отсутствовать. Если у вас возникли какие-то вопросы, можете писать нам на stat@sports.ru. 

4. Реклама

Вам может показаться, что рекламы стало больше. 

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

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

Мы хотим делать спорт лучше и доступнее. Реклама помогает нам в достижении этой цели. 

5. Страница меняется до, во время и после матча

До, во время и после матча блоки на странице отображаются в разном порядке. Как показал опрос, части активных пользователей футбольных матчей на Sports.ru в разный момент времени нужны кардинально разные данные. Например, во время матча всем нужна трансляция, а после окончания – статистика, поэтому вы будете видеть эти два блока выше остальных. 

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

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

6. Уведомления о матче

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

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

7. Точные расстановки

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

А что дальше?

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

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

Вы о чем-то давно мечтали, а об этом ни слова выше? Есть что-то, без чего вы не можете себе представить страницу с матчем? Пишите в комментарии, мы все прочитаем. 

Обнаружили ошибку?

Напишите нам на support@sports.ru. К описанию ошибки приложите, пожалуйста, скриншот, название браузера и версию операционной системы вашего компьютера или смартфона. Комментарии мы тоже читаем и в целом будем не против, если вы там оставите информацию о проблеме, но полная идентификация проблемы через общение в почте пройдет быстрее. 

Хотите пообщаться лично? Пишите мне на почту pontyakov@sports.ru.