Школа
Интерфейс

Как можно улучшить вид этой таблицы? Она показывает, кто из игроков футбольного клуба «Челси» играл в последних 38 матчах.

Антон Малышев
29 дек 2020
👁 8621   🗩8
Интерфейс

Как можно улучшить вид этой таблицы? Она показывает, кто из игроков футбольного клуба «Челси» играл в последних 38 матчах.

Антон Малышев
29 дек 2020
👁 8621   🗩8
Константин Мозговой
Дизайнер бюро
Полезно
 47
47
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

Антон!

Толстая обводка ролей игроков шумновата, а фамилии по диагонали выглядят плохо и читаются сложнее, чем если бы были написаны прямо.

Непонятно, почему в легенде подписаны только три вида кружочков. В таблице встречаются кружочки самых разных диаметров. К тому же кружочки малоинформативны. Разницу между полным кругом и слегка неполным трудно заметить, а узнать точное время, проведённое на поле в конкретном матче, и вовсе невозможно.

Серые пунктирные линейки на фоне шумят, а по белой трудно понять, что это граница сезонов 2019/20 и 2020/21.

Я всё переделал:

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

Заменил кружочки на числа, которые в таблицах работают лучше, чем абстрактные обозначения. Чем больше игрок провёл времени на поле, тем ярче и толще число. Такие числа, как и круги, позволяют охватить таблицу взглядом и понять, кто чаще играет в основе, кто выходит на замены, кто редко играет, а кто пришёл в клуб только в сезоне 2020/21 и сразу играет полные матчи. Но помимо этого числа повышают информативность, показывая точное количество минут.

Добавил таблице шапку, что подписать в ней разделение на сезоны.

Заменил толстые пунктирные линейки на тонкие сплошные. Обычно в таблицах по умолчанию избавляются от линеек. Плотно свёрстанные данные сами выполняют функцию линеек и помогают глазу скользить по таблице. Но здесь я их оставил, потому что в таблице куча пробелов. Если убрать линейки, таблица слегка развалится, из‑за чего будет сложнее соотносить данные.

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

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

ИнтерфейсТаблицы
Полезно
 47
47
Непонятно
  
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментарии

Сергей Балашов

Постоянно повторяющиеся «90» несколько добивают. Что если вместо «90» ставить сплошной белый кружок?

Дима Приходько

Возможно, стоит добавить столбцы с итоговым количеством игр и минут за сезон.

Роман Туров

Хочу понимать, почему футболист не играет: из‑за травмы или потому что проигрывает. Некоторых игроков не было в команде в прошлом сезоне (Зиеш, Вернер), выступать за клуб они не могли — это тоже надо отметить. Без учёта этих особенностей выводы у читателя будут неверные.

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

Антон Ефремов

Заголовок Goalkeeper в итоговом варианте влез в шапку и претендует на связь с логотипами, хотя это не так. Из‑за этого может сперва возникнуть ощущение, что Goalkeeper — это заголовок всей первой колонки. Если поднять лого, убрать слово «сезон» и уменьшить кегль годов, будет проще понять что куда относится и шапка не сильно раздуется. См. картинку.

Приглушённым значениям хочется поднять минимально возможный уровень опасити для читаемости. Хотя тут уже зависит от условий, в которых таблица будет потом существовать. Кажется, что на стене в полумраке какого‑нибудь бара обычный хитмап из квадратиков сработает лучше — квадрат на 10% опасити видно лучше, чем одну цифру, а в точные значения вглядываться всё равно никто не будет.

Александр Савченко

С точками вместо 90 минут кажется более понятным. Хочется ещё знать номера игроков и сколько матчей итоге всего было сыграно, чтобы не считать самому :‑)

А вообще матчи же не играются ровно по 90 минут, так что если уж писать время, то точное, и можно тогда писать суммарное время за год. А если к именам игроков добавить фотки, хоть и мелкие, будет легче вспомнить игрока.

Фея Селеста

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

Целесообразно добавить кнопку, которая бы сделала тёмный текст на светлом фоне.

Михаил Новиков

Фея, так лучше?

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

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

Для решения задачи «кто в команде просиживает скамейку запасных» хватило бы одной строки с «итого». Для решения задачи «кто в команде перспективнее» количества минут недостаточно. Для решения задачи «поработать со списком» удобней было бы взять список с подробной статистикой каждого игрока.

В вопросе заявлено: «Кто из игроков футбольного клуба „Челси“ играл в последних 38 матчах». Но для этой задачи достаточно перечисления фамилий.

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

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

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