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

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

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

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

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

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

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

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

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

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