x
 
Иван Титов
17 декабря 2012

Это расписание занятий по фитнесу (для сайта).

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

Недавно появился второй тренер: в четверг, в 9 утра получилось сразу два занятия в одной клеточке. И это только начало :-)

Как показать расписание, чтобы оно со временем не превратилось в нечитаемую шахматную доску?

Залов всего два, поэтому я надеюсь, что есть красивое решение для этой задачи.



Иван!

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

Больше всего мешаются цветные двухстрочные стрелки в легенде — они отвлекают от схемы и ломают конструкцию. Нумерация залов ничего не добавляет к пониманию. Свернём легенду в компактную «строку имени Воронежского»:

Вторым ходом я бы безболезненно облегчил конструкцию, заменив решетчатую плашку на линейки:

Вертикальные разделители не нужны — колонки явно разделены. Горизонтальные разделители помогают взгляду отследить линию от столбика с временем до ячейки занятия. Но зачем им продолжаться правее?

Заметьте, как глазу сразу приятнее с левым выравниванием текста.

Чтобы дни с двумя занятиями не сливались, предлагаю отделить их дополнительным расстоянием:

Напоследок снимем ваши «шахматные» опасения краш-тестом, размножив парные дни:

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


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

Комментарии

Николай Лопин
17 декабря 2012

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

Антон Кононов
17 декабря 2012

Что будет с клеточками, когда в один день совпадут «Zumbatomic (4—7 лет)» и, например, «Фитнес-микс

Дима Николаев
17 декабря 2012

Какой-то безопасный краш-тест. Мне лично показалось, что самым очевидным объектом для теста будет длинное неукорачивоемое название. Куда делся Зумбатомик для детей старше восьми лет в понедельник?

Я полагал, что он свернется в две строки и вырастет по вертикали. Что не проблема, так как вертикальный размер на схеме ничего не значит — то час, то полчаса.

Алексей Цветков
17 декабря 2012

Чтобы не было сплитов и путаницы с цветами не легче сразу разбить на две таблицы и вместе с легендой сделать вкладками?

Сергей Якунин
17 декабря 2012

Строку Воронежского лучше поместить в заголовок. Иначе получается ребус «Найди строку Воронежского».

Денис Дрожжов
21 января 2013

Сергей, в вашем варианте зал на Ботанической перевешивает зал на Большой Марфинской. Думаю, лучше всё-таки закрашивать всё. Или, наоборот, не закрашивать ничего.


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

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

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

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

9 6 5 14




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

Как научиться не принимать всё так близко к сердцу и не сливать свою энергию при общении с клиентами? 10 Почему вы используете jQuery для хождения по дереву и управления событиями? 2 5 4