Во введении объясняется, почему школьникам может быть трудно одновременно следить за домашними заданиями, контрольными и дополнительными занятиями. Здесь формулируются проблема, цель и задачи проекта, обозначаются его аудитория и практическая значимость. Также кратко описывается итоговый продукт — макет веб-планировщика, созданный в Figma, и указывается, какие вопросы будут рассмотрены в теоретической и практической частях.

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

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

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

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

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

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

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

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

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