<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0">

<channel>

<title>¯\_(ツ)_/¯, нататкі з тэгам: soccer</title>
<link>https://butuk.by/tags/soccer/</link>
<description></description>
<generator>E2 (v2970; Aegea)</generator>

<item><title>Таблица чемпионата мира 2018. Продолжение</title><guid isPermaLink="true">https://butuk.by/all/2018wc-2/</guid><link>https://butuk.by/all/2018wc-2/</link><description>&lt;p&gt;&lt;a href="http://butuk.by/all/2018wc/"&gt;О групповом этапе&lt;/a&gt;&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://butuk.by/pictures/main@2x.png" width="980" height="718" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;В отличие от группового этапа, где все участники любого матча были известны заранее, на этапе плей-офф приходится применять понятие потенциальных соперников. До выяснения, кто же будет дальше играть с командой, традиционно принято его обозначать шифром, например, «победитель матча N» или «Победитель в паре A1—B2». Вроде бы всех это устраивает. Но есть проблема — чтобы при таком раскладе ответить на вопрос, какие соперники могут быть у такой-то команды на таком-то этапе, нужно мысленно представить себе пирамидальную структуру плей-оффа и «спуститься» от нужного этапа к началу.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://butuk.by/pictures/piramide@2x.png" width="799" height="365" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;А в нашей таблице наглядно: потенциальные соперники всех команд показаны явным образом в строках о них. Ответ на условный вопрос «с кем будем играть в полуфинале, если победим сейчас» находится прямо напротив команды. В остальном таблица плей-оффа действует по тем же принципам, что &lt;a href="http://www.butuk.by/all/2018wc"&gt;и таблица группового этапа.&lt;/a&gt;&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://butuk.by/pictures/july2-2.gif" width="1200" height="444" alt="" /&gt;
&lt;/div&gt;
&lt;h2&gt;Где посмотреть&lt;/h2&gt;
&lt;p&gt;&lt;a href="https://www.dropbox.com/s/8cxal95xagaly6n/Knockout%20Stage%20%28July%205%29.pdf?dl=0"&gt;pdf с картиной чемпионата по состоянию на 5 июля 2018&lt;/a&gt;&lt;/p&gt;
</description><pubDate>Sat, 30 Jun 2018 16:16:54 +0300</pubDate></item><item><title>Таблица-расписание чемпионата мира по футболу 2018 года</title><guid isPermaLink="true">https://butuk.by/all/2018wc/</guid><link>https://butuk.by/all/2018wc/</link><description>&lt;p&gt;Чемпионат мира по футболу — штука, за которой следить интересно, но не очень легко. 32 команды, каждая играет с каждой в группе, места, очки, количество забитых и пропущенных — обычно сложно понять всё целиком. Однако это возможно.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://butuk.by/pictures/screen2@2x_1.png" width="1600" height="1200" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Представляю вам &lt;b&gt;soccer.fm&lt;/b&gt; — сайт, посвящённый общей картине чемпионата.&lt;/p&gt;
&lt;p&gt;Основа решения проста — расположить таблицу результатов поверх расписания. С течением времени таблица расписания уменьшается, а таблица результатов растёт. Это позволяет им сосуществовать в одном пространстве. Сыгранные матчи переходят из одной в другую. Каждая из таблиц работает по собственным правилам, их объединяет вынесенный за скобки список команд. Каждый день чемпионата получаем на странице картину «состояние на текущий момент + что там дальше».&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://butuk.by/pictures/animations_1.gif" width="560" height="420" alt="" /&gt;
&lt;/div&gt;
&lt;h2&gt;Составные части&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Расписание&lt;/b&gt; — таблица пересечений: соперники каждой из команд расположены напротив дат, в которые состоятся матчи. Можно быстро увидеть перечень всех матчей на каждый день.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://butuk.by/pictures/table1@2x.png" width="210" height="120" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Основной принцип для &lt;b&gt;таблицы результатов&lt;/b&gt; — наглядность. Вместо цифр используем сами сущности: количество заполненных ячеек и есть количество сыгранных матчей, счёт в матче и есть результат (зелёный — победа, красный — проигрыш, серый — ничья), место среди команд и есть место в таблице (строка). Количество забитых и пропущенных мячей в виде кружков легко сравнить не только с соперниками по группе, но и среди всех команд чемпионата.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://butuk.by/pictures/tablenew@2x.png" width="660" height="150" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;UPD: сайт уже не работает, если есть вопросы, пишите &lt;a href="mailto:bootook@gmail.com"&gt;на bootook@gmail.com&lt;/a&gt;&lt;/p&gt;
</description><pubDate>Wed, 20 Jun 2018 13:40:58 +0300</pubDate></item><item><title>Улучшения для футбольных таблиц Антона Иокова</title><guid isPermaLink="true">https://butuk.by/all/replaytables/</guid><link>https://butuk.by/all/replaytables/</link><description>&lt;p&gt;Написал недавно Антон:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Привет! Видел, что &lt;a href="https://twitter.com/bootook/status/816643579699462146"&gt;тебе понравились&lt;/a&gt; таблицы спортивных результатов. Похвала — это здорово, спасибо :) Но ещё полезнее критика. Мы выкатили вторую версию с дрилдауном до результатов матчей. Будет здорово, если ты укажешь на провалы…&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://butuk.by/pictures/example.gif" width="388" height="311" alt="" /&gt;
&lt;/div&gt;
&lt;/blockquote&gt;
&lt;p&gt;Да, таблицы хороши. В первую очередь тем, что в них сделана попытка показать больше, чем просто срез текущей ситуации. Как будто к стандартным табличным осям подключили ось времени. Круто. Не вижу, что можно было бы назвать громким словом «провалы». Но есть возможность улучшений, которые позволили бы &lt;b&gt;быстрее&lt;/b&gt; ответить &lt;a href="https://habrahabr.ru/post/318558/"&gt;на исходные вопросы Антона.&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;Предлагаю&lt;/h2&gt;
&lt;p&gt;Первое улучшение, которое просится прямо из названия Replay Table — заменить в интерактивной части стрелки с дропдауном на более гуманный ползунок наподобие плеера:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://butuk.by/pictures/player3@2x.png" width="750" height="90" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Дальше не совсем понятно, почему те самые результаты матчей, которые добавили позже, вынесли в отдельную вкладку. Ведь проигрыш/победа/ничья характеризуется как раз количеством забитых и пропущенных мячей. Логичнее показать всё вместе, не заставляя пользователя переключаться туда-сюда. И ещё всё-таки неплохо было бы оставить возможность увидеть не только общую сумму, но и дельту — очки за конкретный матч:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://butuk.by/pictures/scores3@2x.png" width="900" height="150" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Под впечатлением неудачных примеров из интернета Антон отбросил идею использования визуализации. Зря. Классический &lt;a href="https://ru.wikipedia.org/wiki/%D0%A1%D0%BF%D0%B0%D1%80%D0%BA%D0%BB%D0%B0%D0%B9%D0%BD"&gt;спарклайн&lt;/a&gt; возле каждой команды как раз отлично ответил бы на исходные вопросы. Разукрасив его область в цвета результатов матчей, получим вариант, который и без механизма «риплея» даст полное представление о том, как каждая из команд провела турнир:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://butuk.by/pictures/roundFinal4@2x.png" width="750" height="270" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;А уж с механизмом должно получиться вообще прекрасно:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://butuk.by/pictures/animation1_2_2@2x.gif" width="750" height="270" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Идея посмотреть на турнир со стороны конкретной команды (третья вкладка) неплоха, но, кажется, не додумана. По-настоящему заиграла бы, если бы так можно было сравнить команду с соперниками:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;с каким результатом те подошли к матчам с этой командой;&lt;/li&gt;
&lt;li&gt;сильные ли это были соперники;&lt;/li&gt;
&lt;li&gt;когда играли друг с другом;&lt;/li&gt;
&lt;li&gt;как их встречи повлияли на положение в таблице;&lt;/li&gt;
&lt;li&gt;как отличаются результаты домашних матчей и матчей на выезде и т. д.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Добиться этого поможет новая концепция: вместо того, чтобы идти как бы «вглубь» команды (переключать вкладку), предлагаю фильтровать таблицу по команде:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://butuk.by/pictures/animation2_3@2x.gif" width="750" height="270" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Эти улучшения — лишь теория, не знаю, удобно ли будет использовать результат на практике.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;P.S.&lt;/b&gt; Все, кому нужен мой совет, мнение по вопросу или помощь, пишите &lt;a href="mailto:bootook@gmail.com"&gt;на bootook@gmail.com.&lt;/a&gt; Обязательно отвечу.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;UPD&lt;/b&gt; Реализованная Антоном библиотека &lt;a href="https://github.com/antoniokov/replay-table"&gt;для таких таблиц.&lt;/a&gt;&lt;/p&gt;
</description><pubDate>Thu, 09 Mar 2017 17:54:03 +0300</pubDate></item>
</channel>

</rss>