Skip to content

Макет и сценарий использования

Исайкин Георгий edited this page Oct 19, 2024 · 6 revisions

Макет UI

Сценарии использования

1. Use Case: Вход в систему

Макет

Действующее лицо:

Пользователь

Результат:

Выполнен вход пользователя в систему

Основной сценарий:

  1. Пользователь переходит на страницу "Авторизация".
  2. Пользователь вводит свою почту и пароль.
  3. Пользователь нажимает на кнопку "Вход"
  4. Происходит проверка корректности введенных данных
  5. Происходит перенаправление на страницу "Профиль пользователя"

Альтернативный сценарий:

  • Пользователь не имеет аккаунта в системе

    1. Пользователь нажимает кнопку "Зарегистрироваться"
    2. Происходит переход на страницу "Регистрация"
  • Пользователь ввел некорректные данные Система информирует пользователя о некорректности введенных данных.

2. Use case: Регистрация

Действующее лицо:

Пользователь

Результат:

Зарегистрирован аккаунт пользователя

Основной сценарий:

  1. Пользователь переходит на страницу "Регистрация".
  2. Пользователь вводит почту, фамилию, имя, пароль и его подтверждение.
  3. Пользователь нажимает на кнопку "Зарегистрироваться"
  4. Происходит проверка корректности введенных данных
  5. Происходит перенаправление на страницу "Профиль пользователя"

Альтернативный сценарий:

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

3. Use case: Просмотр профиля пользователя

Действующее лицо:

Пользователь

Результат:

Отображена информация о пользователе

Основной сценарий:

  1. Пользователь нажимают кнопку "Профиль" на панели навигации
  2. Происходит переход на страницу "Профиль пользователя со списком маршрутов"
  3. Система отображает email, имя и фамилию пользователя.

Альтернативный сценарий

  • Пользователь нажимает на кнопку "Профиль", но он не авторизован Проигрывается сценарий "Вход в систему"

4. Сценарий использования: Выход из аккаунта

Действующее лицо:

Пользователь

Результат:

Пользователь выходит из аккаунта

Основной сценарий:

  1. Проигрывается сценарий "Просмотр профиля пользователя"
  2. Пользователь нажимает на кнопку "Выйти из системы"
  3. Система производит вывод пользователя из системы
  4. Происходит переход на страницу "Авторизация"

5. Use case: Составление маршрута

Действующее лицо:

Пользователь

Результат:

Системой отображается составленный маршрут на карте

Основной сценарий:

  1. Пользователь переходит на страницу "Карта с пустой панелью маршрута"
  2. Пользователь выбирает точку на карте и нажимает на нее
  3. Система определяет ближайший объект к выбранной точке
  4. На карте появляется карточка объекта карты
  5. Пользователь нажимает на кнопку "Добавить в маршрут"
  6. Карточка объекта появляется на боковой панели
  7. Пользователь нажимает кнопку "Построить маршрут"
  8. Система формирует маршрут через выбранные объекты
  9. Происходит переход на страницу "Карта с построенным маршрутом"

Альтернативный сценарий:

  • Пользователь отменяет выбор точек
    1. Пользователь нажимает кнопку "Отмена"
    2. Происходит удаление всех выбранных точек с боковой панели
    3. Происходит переход на страницу "Карта с пустой панелью маршрута"
  • Пользователь сохраняет маршрут без предварительного просмотра
    1. Пользователь нажимает на кнопку "Сохранить" шаге №7 основного сценария
    2. Система формирует маршрут через выбранные объекты
    3. Проигрывается сценарий "Сохранение маршрута" с шага №3

6. Use case: Сохранение маршрута

Действующее лицо:

Пользователь

Результат:

Добавлен новый маршрут

Основной сценарий:

  1. Проигрывается сценарий "Составление маршрута"
  2. Пользователь нажимает на кнопку "Сохранить"
  3. Производится открытие диалогового окна "Сохранение маршрута"
  4. Пользователь вводит название, описание и картинку в форму.
  5. Пользователь нажимает на кнопку "Сохранить"
  6. Происходит проверка корректности введенных данных
  7. Происходит переход на страницу "Карта с построенным маршрутом"

Альтернативный сценарий:

  • Пользователь не имеет авторизован Проигрывается сценарий "Вход в систему"
  • Пользователь ввел некорректные данные Система информирует пользователя о некорректности введенных данных

7. Use case: Просмотр списка маршрутов

Действующее лицо:

Пользователь

Результат:

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

Основной сценарий:

  1. Пользователь нажимает на кнопку "Профиль" на навигационной панели.
  2. Происходит переход на страницу "Профиль пользователя"
  3. Пользователь получает список карточек с информацией о маршрутах

Альтернативный сценарий:

  • Пользователь не авторизован Проигрывается сценарий "Вход в систему"

8. Use case: Поиск маршрутов

Действующее лицо:

Пользователь

Результат:

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

Основной сценарий:

  1. Проигрывается сценарий "Просмотр списка маршрутов"
  2. Пользователь нажимает на кнопку "Фильтры"
  3. Происходит переход на страницу "Поиск маршрутов с фильтром"
  4. Пользователь производит выбор фильтров по длине и длительности маршрутов, а также с помощью флажка настраивает, показывать все или только его собственные маршруты.
  5. Пользователь нажимает на кнопку "Добавить точек"
  6. Происходит переход к диалоговому окну "Выбор точек для поиска маршрута"
  7. Пользователь ищет точки, которые должен обязательно содержать маршрут, через поисковую строку, выбирает их и нажимает кнопку "Да"
  8. Происходит закрытие диалогового окна и переход на страницу "Поиск маршрутов с фильтром"
  9. Пользователь нажимает на поле "Поиск маршрута"
  10. Пользователь вводит название искомого маршрута
  11. Система отображает список маршрутов, которые соответствуют заданным параметрам

Альтернативный сценарий:

  • Пользователь не использует фильтры Пропускаются шаги №2-8 основного сценария.
  • Пользователь не использует поиск по точкам Пропускаются шаги №5-8 основного сценария.
  • Пользователь очищает выбранные точки Пользователь нажимает на кнопку "Очистить" в пункте №9 основного сценария

9. Use case: Просмотр информации о маршруте

Действующее лицо:

Пользователь

Результат:

Пользователь получает информацию о маршруте

Основной сценарий:

  1. Проигрывается сценарий "Просмотр списка маршрутов" или "Поиск маршрутов"
  2. Пользователь нажимает на ссылку в названии конкретного маршрута
  3. Происходит переход на страницу "Описание маршрута"

10. Use case: Просмотр маршрута на карте

Действующее лицо:

Пользователь

Результат:

Пользователь получает информацию о маршруте

Основной сценарий:

  1. Проигрывается сценарий "Просмотр информации о маршруте"
  2. Пользователь нажимает на кнопку "Посмотреть на карте"
  3. Происходит переход на страницу "Карта с построенным маршрутом"

11. Use Case: Удаление маршрута

Действующее лицо:

Пользователь

Результат:

Удален маршрут

Основной сценарий:

  1. Проигрывается сценарий "Просмотр информации о маршруте"
  2. Пользователь нажимает на кнопку "Удалить"
  3. Происходит переход к диалоговому окну "Подтверждение удаления маршрута"
  4. Пользователь нажимает на кнопку "Ок"
  5. Происходит удаление маршрута
  6. Происходит перенаправление на страницу "Профиль пользователя"

Альтернативный сценарий:

  • Отмена удаления
    1. Пользователь нажимает на кнопку "Отмена" в диалоговом окне.
    2. Происходит закрытие диалогового окна и переход на страницу "Профиль пользователя"
  • Пользователь просматривает информацию о чужом маршруте Сценарий заканчивается после выполнения шага №1.

12. Сценарий использования: Просмотр информации об объекте

Действующее лицо:

Пользователь

Результат:

Пользователь получил информацию об объекте

Основной сценарий:

  1. Пользователь переходит на страницу "Карта с панелью маршрута" или "Карта с построенным маршрутом"
  2. Пользователь выбирает объект на карте или на панели маршрута
  3. Пользователь нажимает на ссылку в названии объекта
  4. Происходит переход на страницу "Описание объекта"

Альтернативный сценарий

    1. Проигрывается сценарий "Просмотр информации о маршруте"
    2. Пользователь нажимает на ссылку в названии объекта
    3. Происходит переход на страницу "Описание объекта"

13. Сценарий использования: Импорт данных

Действующее лицо:

Пользователь

Результат:

В систему добавляются загруженые пользователем данные

Основной сценарий:

  1. Пользователь нажимает на кнопку "Импорт" на панеле инструментов
  2. Происходит переход к диалоговому окну "Импорт данных"
  3. Пользователь нажимает на поле для файла
  4. Открывается окно для выбора файла с устройства пользователя
  5. Пользователь выбирает файл
  6. Происходит загрузка файла в форму
  7. Пользователь нажимает кнопку "Загрузить"
  8. Происходит закрытие диалогового окна "Импорт данных"
  9. Система производит обработку данных из файла.
  10. Происходит добавление новых объектов в систему

Альтернативный сценарий

  • Отмена импорта
    1. Пользователь нажимает на кнопку "Отмена" в диалоговом окне "Импорт данных"
    2. Происходит закрытие диалогового окна "Импорт данных"
  • Пользователь загрузил данные в некорректном формате Система информирует пользователя о некорректности загруженных данных.

14. Сценарий использования: Экспорт данных

Действующее лицо:

Пользователь

Результат:

Пользователь скачивает данные об объектах карты в текстовом формате

Основной сценарий:

  1. Пользователь нажимает на кнопку "Экспорт" на панеле инструментов
  2. Происходит переход к диалоговому окну "Экспорт данных".
  3. Пользователь с помощью выпадающего меню выбирает формат данных
  4. Пользователь нажимает на кнопку "Скачать"
  5. Происходит закрытие диалогового окна "Экспорт данных"
  6. Система генерирует данные в выбранном формате
  7. Данные скачиваются на устройство пользователя

Альтернативный сценарий

  • Отмена экспорта
    1. Пользователь нажимает на кнопку "Отмена" в диалоговом окне
    2. Происходит закрытие диалогового окна "Экспорт данных"

15. Сценарий использования: Просмотр статистики маршрута

Действующее лицо:

Пользователь

Результат:

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

Основной сценарий:

  1. Проигрывается сценарий "Просмотр информации о маршруте"
  2. Пользователь нажимает на кнопку "Просмотр статистики"
  3. Происходит переход на страницу "Просмотр статистики маршрута"
  4. Пользователь выбирает при помощи выпадающего меню, какие данные он хочет получить, настраивает период времени.
  5. Система расчитывает данные с учетом выбранных фильтров
  6. Производится отрисовка данных на графике.

16. Сценарий использования: Просмотр статистики пользователя

Действующее лицо:

Пользователь

Результат:

Пользователь получает статистические данные о себе с учетом выбранных фильтров

Основной сценарий:

  1. Проигрывается сценарий "Просмотр профиля пользователя"
  2. Пользователь нажимает на кнопку "Просмотр статистики"
  3. Происходит переход на страницу "Просмотр статистики пользователя"
  4. Пользователь выбирает при помощи выпадающего меню, какие данные он хочет получить, настраивает период времени.
  5. Система расчитывает данные с учетом выбранных фильтров
  6. Производится отрисовка данных на графике.

17. Сценарий использования: Просмотр глобальной статистики по маршрутам

Действующее лицо:

Пользователь

Результат:

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

Основной сценарий:

  1. Пользователь нажимает на кнопку "Просмотр глобальной статистики" на панели инструментов
  2. Происходит переход на страницу "Просмотр глобальной статистики по маршрутам"
  3. Пользователь производит выбор фильтров по длине и длительности маршрутов, дате создания, количестве точек, а также с помощью флажка настраивает, показывать все или только его собственные маршруты.
  4. Пользователь выбирает, какую информацию отобразить, меняя параметры "Ось X" и "Ось Y"
  5. Система отображает статистику, которая соответствуют заданным параметрам

Альтернативный сценарий

  • Статистика по всем пользователям
    1. После пункта №2 основного сценария пользователь выбирает параметр "Пользователь" в поле "Сущность"
    2. Происходит переход на страницу "Просмотр глобальной статистики по пользователям"
Clone this wiki locally