Практическая работа №3

Проектирование структуры сайта и пользовательских маршрутов

Цель работы:

спроектировать структуру страниц индивидуального веб-проекта;
определить навигацию между разделами сайта;
описать основные пользовательские маршруты;
подготовить основу для проектирования макетов в Figma;
связать требования проекта с будущей структурой интерфейса.

Основные теоретические положения

Структура сайта

Структура сайта — это набор страниц и разделов, из которых состоит веб-приложение.

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

Раздел	Назначение
Публичная часть	Доступна всем пользователям
Личный кабинет	Доступен авторизованному пользователю
Административная часть	Доступна администратору

Пользовательский маршрут

User Flow — это путь пользователя от входа на сайт до выполнения целевого действия.

Пример:

Главная → Каталог → Детальная страница → Заявка → Личный кабинет

Производственная ситуация

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

Основные требования к практической работе

В рамках практической работы необходимо выполнить проектный этап, подготовить указанные материалы и зафиксировать результат в Git-репозитории.

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

Задания для выполнения

Создайте файл docs/site-structure.md.
Составьте полный список страниц проекта.
Разделите страницы на публичную часть, личный кабинет и административную часть.
Создайте файл docs/navigation.md.
Подготовьте текстовую карту навигации.
Опишите маршрут гостя.
Опишите маршрут авторизованного пользователя.
Опишите маршрут администратора.
Свяжите страницы с требованиями проекта.
Выполните коммит add site structure and navigation flow.

Требования к результату

К завершению практической работы должны быть подготовлены:

docs/site-structure.md
docs/navigation.md
список страниц проекта
карта навигации
пользовательские маршруты
коммит в Git

Контрольные вопросы

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