На 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.
Источник: www.sports.ru