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

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

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

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

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

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

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

Иван Титов
16 дек 2012
👁 2563   🗩6
Интерфейс

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

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

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

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

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

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

Иван Титов
16 дек 2012
👁 2563   🗩6
А. Г.
Арт‑директор и автор учебных программ бюро
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Иван!

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

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

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

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

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

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

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

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

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

Комментариев пока нет

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

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