Илья!

Футбольные таблицы

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

Футбольные таблицы

В таблице проблема с теорией близости. Подписи стоят посередине между линиями, а числа стоят ближе друг к другу, чем к линиям.

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

Линии в таблице могут ввести в заблуждение. Например, по фрагменту ниже можно подумать, что «Манчестер Сити» нанёс больше ударов в створ, чем ударов по воротам, что абсурдно. К тому же длины линий «Удары в створ» и «Удары мимо» не складываются в длину линии «Удары по воротам», хотя по логике должны.

Чтобы понять, в чём дело, надо смотреть на числа.

Но что важнее, из‑за линий может сложиться потенциально ошибочное впечатление, что «Манчестер Сити» доминировал в матче. При беглом взгляде на таблицу видно, что синих линий больше. Но не каждая синяя линия — преимущество «Сити». Например, «Вне игры» и «Незабитые пенальти» явно отрицательные показатели, а «Сейвы» и «Удары от ворот» — спорные.

Поэтому предлагаю от линий избавиться. Сделаем визуализацию нагляднее, чтобы с её помощью можно было представить характер матча. Для этого нарисуем 16 футбольных полей для каждого показателя статистики. На полях точками отметим места, где происходили события матча, а линиями покажем направления ударов и вбрасываний.

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

P. S. Это был вторничный совет о дизайне интерфейсов. Присылайте вопросы.

ИнтерфейсТаблицы
Отправить
Поделиться
Запинить

Комментарии

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

23 фев 2021

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

24 фев 2021

Андрей, Дарья, согласен с вами. Но если сделать наоборот, то цифры команды будут с одной стороны, а её точки с другой. Тоже будет сложно воспринимать. Как решить эту проблему, я не придумал. В настоящем проекте я бы посоветовался с футбольными экспертами.

24 фев 2021
Илья Каровин

Ворота можно раскрасить в цвет команды.

25 фев 2021

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

При наведении на лого показывал бы название команды, при наведении на карточки — фамилии игроков, которые их получили.

17 апр 2021

Николай, таблица и правда получилась аккуратная. Особенно интересное решение — не отображать цифру «0» (возьму на заметку). Но есть нюанс: как бы таблица адаптировалась, если бы за матч было получено не три жёлтые карточки, а пять... Или десять? Думаю, их тоже тогда стоит вынести отдельным текстовым пунктом. В раздел «Фолы», например.

8 июля 2021

Рекомендуем другие советы