Блог Perkova&Perkova

Учебный сайт для книжного клуба: работа с расписанием

Расписание клуба должно помогать выбрать встречу и определить её актуальность. Для этого важны одинаковые признаки событий, ясная дата и действие, соответствующее статусу. Описание самого клуба даёт общий контекст, а карточка встречи отвечает на вопрос об участии в конкретный день.

Данные книжного клуба

В условном задании есть три встречи. Одна прошла, одна состоится в ближайшую субботу, третья — позже. У каждой разные книга, ведущий и объём подготовки. Задача посетителя — найти ближайшую встречу для новичка. Все даты и названия в упражнении задаются для модели; реального расписания эта страница не объявляет.

Карточка как единая запись

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

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

Смена статуса и результат

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

Упражнение смены текущего дня

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

Приёмка: выбранная будущая встреча действительно подходит заданным условиям; архив не предлагает участие; статус понятен по словам, а не только цвету. Сохраните таблицу изменения полей между двумя датами. В рабочем проекте такая таблица может стать правилом актуализации расписания и поможет владельцу содержания понимать, что обновляется вместе с событием.

По теме: Как работать с цифрами и датами в интерфейсе; Как проектировать подтверждение выполненного действия. Перед выбором дальнейшей практики сравните задания и условия продуктов в подборке курсов Perkova&Perkova.

Обучение веб-дизайну