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

<channel>

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

<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>