Как можно сделать схему понятнее и проще?

Виктор Лобанов
8 мая 2012

Можно ли что-то сделать с «перепутанными» днями 26—29 июня?

Ещё интересует, как можно поступить с матчем за третье место, чтобы смотрелось органично и понятно.

Илья
Бирман

У меня такая версия (везде ставить настоящие флаги было лень):

Плей-оф

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

Твитнуть

Отправить

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

Во-первых, в некоторых местах нарушена теория близости. Дата матча находится ближе к посторонней игре, чем к ближайшей соответствующей, не говоря уже о втором матче дня. Для исправления колонки немного раздвинул. Приём с отступом дат хороший, но, как мне кажется, его достаточно для 1/8 финала, дальше только сумбур добавляет. Так что, защищаясь идеей «лучше делать правильно, чем последовательно», выравниваю даты, тем более что дальше они идут по порядку; ну кроме матча за бронзу, но там я совсем накосячил.

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

Финал в подвале тоже немного напрягает, в паре последних игр матч за 3-е место привлекает внимание сильнее, и даже выделение цветом не спасает.

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

Андрей Капралов
8 мая 2012

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

Андрей Голубев
8 мая 2012

Матч за третье место мало кого волнует. Для истинных поклонников футбольной статистики его можно смело вынести за сетку и написать снизу обычным тестом. И финал при этом не придётся выделять цветом.

Михаил Озорнин
10 мая 2012

Воспринимать схему Ильи мне мешало то, что флаги не везде те. Я вставил нужные флаги в нужные места, может так будет легче читать схему.

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

Полная картинка:
http://content.screencast.com/…4ea5-a460-02b07ce4d2dd/birman-champ.png (http://content.screencast.com/users/mike.ozornin/folders/Default/media/c253afd1-cafb-4ea5-a460-02b07ce4d2dd/birman-champ.png)

	Ваш комментарий	Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа. Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным. Вот такой веб 2.0.

Имя и фамилия	обязательны полностью для публикации комментария
Электронная почта	адрес не будет опубликован
Ваши соображения
Иллюстрация	гиф или джипег шириной не более 700 пикселей

Похожие советы Формат: диаграмма₇₉ Формат: таблица₁₂₆

4 • 3 • 4 • 2 •

Дата‑классный пример: причины задержек в Нью-йоркском метро Диаграмма футбольных трансферов. Процесс 1 • 3 • 4 • 2 • Инфографика про губернаторов Иркутской области. Вторая часть 2 • 2 • 3 • Какие отступления от географической реальности допустимы на транспортных схемах? Первая часть 4 • 4 • 12 • 3 • 4 • 4 • 2 • 1 • Хочу сделать красивый блог с пошаговыми рецептами 7 • 3 • 3 • 4 • 1 • 1 • 6 • 2 • 5 • 4 • 6 • 2 • 3 • 2 • 2 • 13 • 4 • 3 • 4 • 6 • Есть 10 объектов, в каждом объекте 3 зоны, в каждой зоне 2-5 температурных датчиков 4 • 6 • 4 • 2 • 5 • 5 • 2 • 7 • 7 • 5 • 5 • 1 • Поскольку одни люди привыкли мерить время цифрами, а другие циферблатами, мне кажется разумной идея добавить в интерфейсы телефонов пиктограммы с часами 2 • 15 • Что вы думаете о нотации Гарретта? 10 • 12 • 3 • 4 • 29 • 7 • 10 • Существует ли какая-то система нотации для моделирования пользовательского интерфейса, которая бы позволяла обозначать такие свойства элементов, как «резиновость», сохранение выравнивания по какой-либо оси? 10 • 7 • 7 • 11 • 4 • 1 • Что вы думаете насчет Google Chart API? 6 • 3 • 6 • 8 • 11 • 4 • 7 • 4 • 5 • 1 • 7 • 5 • 3 • 6 • 11 •

3 • 2 • 1 • 2 • Что не так с чересполосицей? 1 • 3 • 4 • 1 • 2 • С подходами к адаптивной вёрстке вроде все уже разобрались, но вот с отображением табличных данных понятно не всё 8 • 4 • 7 • 8 • 5 • 2 • 4 • 6 • 9 • 4 • 1 • 7 • 16 • Можно ли иногда всё-таки использовать в таблицах разделение строк линиями или делать чересполосицу? 2 • Проблема в том, что ширина таблиц зависит от контента 5 • 3 • 3 • 7 • 2 • 6 • 1 • 7 • 10 • 3 • 8 • 6 • 5 • 14 • 3 • 2 • 3 • 5 • 8 • 3 • 4 • 4 • 6 • 2 • 1 • 2 • 10 • 1 • 2 • 6 • 3 • 3 • 1 • 13 • 7 • 3 • 13 • 11 • 46 • 10 • 7 • 6 • 5 • 15 • 2 • 2 • 11 • 10 • 14 • 5 • 8 • 8 • 3 • 8 • 5 • 7 • 4 • 6 • 2 • 7 • 7 • 9 • 5 • 8 • 10 • 12 • 3 • 3 • Банальное перечисление языков через запятую не подходит, работодателя интересует уровень владения каждым из языков. 12 • 7 • 10 • 7 • 11 • 8 • 2 • 2 • 4 • 4 • 4 • 12 • 13 • 6 • 3 • 14 • 15 • 15 • 11 • 4 • 4 • 8 • 7 • 15 • 11 • 7 • 9 • 17 • 4 • 8 • 6 • 2 • 13 • 11 •

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

3 • 1 • 1 • Невозможно собрать портфолио 1 •

Комментарии

Ваш комментарий

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