x
 
Антон Малышев
29 декабря 2020
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

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


Антон!

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

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

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

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

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

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

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

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

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

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

Поделиться
Отправить

Комментарии

Сергей Балашов
29 декабря 2020

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

Дима Приходько
29 декабря 2020

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

Роман Туров
29 декабря 2020

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

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

Антон Ефремов
29 декабря 2020

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

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

Александр Савченко
30 декабря 2020

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

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

Фея Селеста
8 января 2021

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

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

Михаил Новиков
10 января 2021

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

Андрей Бобков
12 января 2021

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

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

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

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

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


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

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

Вот такой веб 2.0.

5 Как показать кликабельность картинки в электронном письме? 4




Недавно всплыло

Как в аврале уделять время росту? 2 Как начинающему автору отстаивать свою позицию? И нужно ли это делать? 2 Как победить в борьбе за аудиторию, соревнуясь с развлекухой? 2 Можете рассказать о грамотном выделении слов или фраз в тексте, заголовках, списках? 3