Skip to content

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

Корякин Айсен edited this page Oct 17, 2024 · 7 revisions

Макет UI

UI_mockup

Сценарий использования - «Регистрация пользователя»:

Действующее лицо - Пользователь

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

  1. Пользователь заходит на Главную страницу
  2. Пользователь нажимает на значок пользователя
  3. Появляется окно для регистрации
  4. Пользователь вводит свои данные в поля: «Имя», «Фамилия», «Электронная почта», «Пароль», «Подтверждение пароля»
  5. Пользователь нажимает на галочку с соглашением и нажимает на кнопку «Зарегистрироваться»
  6. Пользователь успешно зарегистрировался и видит сообщение от системы об этом

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

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

Сценарий использования - «Вход пользователя»:

Действующее лицо - Пользователь

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

  1. Пользователь заходит на Главную страницу
  2. Пользователь нажимает на значок пользователя
  3. Появляется окно для регистрации
  4. Пользователь нажимает на текст «Вход» рядом с текстом «Регистрация»
  5. Пользователь вводит свои данные в поля: «Электронная почта», «Пароль»
  6. Пользователь нажимает на кнопку «Войти»
  7. Пользователь успешно входит в свой аккаунт и видит сообщение от системы об этом

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

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

Сценарий использования - «Поиск нужного инструмента через поисковую форму»:

Действующее лицо - Пользователь

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

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

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

  1. Пользователь выполняет первые 4 шага основного сценария
  2. Страница с результатами поиска оказывается пустой
  3. Нужного пользователю инструмента нет

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

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

Сценарий использования - «Поиск нужного инструмента через категории»:

Действующее лицо - Пользователь

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

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

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

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

Сценарий использования - «Добавить в корзину инструмент»:

Действующее лицо - Пользователь

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

  1. Пользователь находит нужный ему инструмент с помощью сценария «Поиск нужного инструмента через категории» или «Поиск нужного инструмента через поисковую форму»
  2. Пользователь нажимает на кнопку «Арендовать»
  3. Пользователя перекидывает на страницу Инструмента
  4. Пользователь настраивает с помощью кнопок «+» и «-» количество суток и количество инструментов для аренды
  5. Пользователь нажимает на кнопку «Добавить в корзину»
  6. Пользователь видит сообщение от системы об успехе

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

  1. Пользователь выполняет первые 4 шага основного сценария
  2. Пользователь не может настроить нужное ему количество инструментов
  3. Пользователь видит сообщение о количественном ограничении для данного инструмента

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

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

Сценарий использования - «Аренда инструмента»:

Действующее лицо - Пользователь

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

  1. Пользователь добавляет в корзину нужные ему инструменты
  2. Пользователь открывает корзину с помощью значка корзины в шапке
  3. Пользователь нажимает на кнопку «Перейти к оформлению»
  4. Пользователь оказывается в странице оформления заказа
  5. Пользователь вводит свои контактные данные в поля: «Имя», «Фамилия», «Электронная почта», «Номер телефона». Первые 3 поля автоматически заполняются согласно данным в системе, но можно поменять.
  6. Пользователь выбирает способ получения заказа «Самовывоз»
  7. Пользователь выбирает способ оплаты «Наличными (при получении)».
  8. Пользователь соглашается с условиями аренды
  9. Пользователь нажимает на кнопку «Оформить заказ»
  10. Пользователь видит сообщение об успехе от системы

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

  1. Пользователь выполняет все шаги основного сценария, но выбирает другой способ получения заказа «Доставка»
  2. Пользователь вводит адрес доставки в поле «Адрес доставки»

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

  1. Пользователь выполняет все шаги основного сценария, но выбирает другой способ оплаты «Банковской картой»
  2. Пользователь вводит свои платежные данные в поля: «Номер карты», «Срок действия карты», «CVS»

Сценарий использования - «Посмотреть данные своего аккаунта»:

Действующее лицо - Пользователь

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

  1. Пользователь выполняет сценарий «Вход пользователя»
  2. Пользователь заходит в свой профиль с помощью значка пользователя в шапке
  3. Пользователь видит данные своего аккаунта

Сценарий использования - «Посмотреть свои заказы»:

Действующее лицо - Пользователь

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

  1. Пользователь выполняет сценарий «Посмотреть данные своего аккаунта»
  2. Пользователь нажимает на «Мои аренды» в меню сбоку
  3. Пользователь видит свои заказы в виде таблицы

Сценарий использования - «Оставить отзыв об инструменте»:

Действующее лицо - Пользователь

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

  1. Пользователь выполняет сценарий «Посмотреть свои заказы»
  2. Пользователь нажимает на «Посмотреть детали» в нужном заказе
  3. Пользователь оказывается в странице с деталями заказа
  4. Пользователь нажимает на «Оставить отзыв» в содержимом заказа
  5. Появляется окно для того, чтобы пользователь мог оставить отзыв
  6. Пользователь выбирает свою оценку, нажав на звезды
  7. Пользователь оставляет свой комментарий в поле «Как вам инструмент»
  8. Пользователь успешно оставляет свой отзыв и видит сообщение от системы об этом

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

  1. Пользователь выполняет первые 3 шага основного сценария
  2. Пользователь видит, что статус его заказа не является «Закончен»
  3. Пользователь не может оставить отзыв, так как нет текста «Оставить отзыв» рядом с инструментом

Сценарий использования - «Поменять пароль аккаунта»:

Действующее лицо - Пользователь

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

  1. Пользователь выполняет сценарий «Посмотреть данные своего аккаунта»
  2. Пользователь нажимает на «Изменить пароль» в меню сбоку
  3. Пользователь вводит свои данные в поля: «Электронная почта», «Текущий пароль», «Новый пароль», «Повторите пароль»
  4. Пользователь нажимает на кнопку «Изменить пароль»
  5. Пользователь успешно меняет свой пароль и видит сообщение от системы об этом

Сценарий использования - «Редактировать свой аккаунт»:

Действующее лицо - Пользователь

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

  1. Пользователь выполняет сценарий «Посмотреть данные своего аккаунта»
  2. Пользователь нажимает на «Редактировать профиль» в меню сбоку
  3. Пользователь загружает фото профиля в поле в форму «Фотография профиля», либо меняет свое имя в поле «Имя», либо меняет свою фамилию в поле «Фамилия»
  4. Пользователь успешно меняет свои данные и видит сообщение от системы об этом

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

  1. Пользователь выполняет первые 2 шага основного сценария
  2. Пользователь пытается изменить свою почту в поле «Электронная почта»
  3. Пользователь не может изменить свою почту, так как поле не для ввода

Сценарий использования - «Узнать контакты сервиса»:

Действующее лицо - Пользователь

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

  1. Пользователь нажимает на «Контакты» в шапке сайта
  2. Пользователь оказывается в странице с контактами сервиса

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

  1. Пользователь нажимает на «Контакты» в футере сайта
  2. Пользователь оказывается в странице с контактами сервиса

Сценарий использования - «Посмотреть условия аренды»:

Действующее лицо - Пользователь

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

  1. Пользователь нажимает на «Условия аренды» в шапке сайта
  2. Пользователь оказывается в странице с условиями аренды сервиса

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

  1. Пользователь нажимает на «Условия аренды» в футере сайта
  2. Пользователь оказывается в странице с условиями аренды сервиса

Сценарий использования - «Посмотреть возможные способы оплаты и доставки»:

Действующее лицо - Пользователь

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

  1. Пользователь нажимает на «Оплата и доставка» в шапке сайта
  2. Пользователь оказывается в странице с информацией об оплате и доставке сервиса

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

  1. Пользователь нажимает на «Оплата и доставка» в футере сайта
  2. Пользователь оказывается в странице с информацией об оплате и доставке сервиса

Сценарий использования - «Войти в админ панель»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет вход в систему с помощью сценария «Вход в систему»
  2. Пользователь нажимает на «Админ панель» в шапке сайта
  3. Пользователь оказывается в админ панели

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

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

Сценарий использования - «Посмотреть информацию о количестве заказов»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь видит информацию о количестве заказов

Сценарий использования - «Посмотреть последние оформленные заказы»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь видит информацию о последних заказах в виде таблицы

Сценарий использования - «Найти нужный заказ»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь находит нужный ему заказ в таблице последних заказов

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

  1. Пользователь выполняет первый шаг основного сценария
  2. Пользователь нажимает на «Заказы» в меню сбоку
  3. Пользователь находит свой заказ с помощью ввода ID заказа в поисковое поле «Поиск инструмента по ID»

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

  1. Пользователь выполняет первый шаг основного сценария
  2. Пользователь нажимает на «Заказы» в меню сбоку
  3. Пользователь находит свой заказ с помощью ввода даты заказа в поисковое поле «Поиск по дате»

Сценарий использования - «Поменять статус заказа»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Найти нужный заказ»
  2. Пользователь нажимает на выпадающий список со статусами в столбце «Действия»
  3. Пользователь выбирает нужный статус и нажимает на него
  4. Пользователь успешно сменил статус и видит сообщение от системы об этом

Сценарий использования - «Найти нужного сотрудника»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь нажимает на «Сотрудники» в меню сбоку
  3. Пользователь находит нужного ему сотрудника в таблице сотрудников

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

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

Сценарий использования - «Поменять статус сотрудника»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Найти нужного сотрудника»
  2. Пользователь нажимает на выпадающий список со статусами в столбце «Действия»
  3. Пользователь выбирает нужный статус и нажимает на него
  4. Пользователь успешно сменил статус и видит сообщение от системы об этом

Сценарий использования - «Удалить инструмент»:

Действующее лицо - Администратор

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

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

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

  1. Пользователь выполняет первые 3 шага основного сценария
  2. Система запрещает удалять инструмент, так как есть заказ, статус которого не является «Закончен»
  3. Пользователь видит сообщение от системы об этом

Сценарий использования - «Заблокировать инструмент»:

Действующее лицо - Администратор

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

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

Сценарий использования - «Редактировать инструмент»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь находит нужный ему инструмент используя нужные сценарии
  3. Пользователь нажимает на значок редактирования внизу карточки инструмента
  4. Появляется окно для редактирования инструмента
  5. Пользователь редактирует нужные ему поля
  6. Пользователь нажимает «Сохранить изменения»
  7. Пользователь успешно редактирует инструмент и видит сообщение от системы об этом

Сценарий использования - «Редактировать тип»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь находит нужный ему тип используя нужные сценарии
  3. Пользователь нажимает на значок редактирования внизу карточки типа
  4. Появляется окно для редактирования типа
  5. Пользователь редактирует нужные ему поля
  6. Пользователь нажимает «Сохранить изменения»
  7. Пользователь успешно редактирует тип и видит сообщение от системы об этом

Сценарий использования - «Редактировать категорию»:

Действующее лицо - Администратор

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

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

Сценарий использования - «Добавить инструмент»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь нажимает на «Каталог» в меню сбоку
  3. Пользователь нажимает на «Инструменты» в выпадающем списке каталога
  4. Пользователь нажимает на «Добавить инструмент»
  5. Пользователь заполняет нужные поля, исходя из модели инструмента
  6. Пользователь нажимает на кнопку «Добавить инструмент»
  7. Пользователь успешно добавляет инструмент и видит сообщение от системы об этом

Сценарий использования - «Добавить категорию»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь нажимает на «Каталог» в меню сбоку
  3. Пользователь нажимает на «Категории» в выпадающем списке каталога
  4. Пользователь нажимает на «Добавить категорию»
  5. Пользователь заполняет нужные поля, исходя из модели категории
  6. Пользователь нажимает на кнопку «Добавить категорию»
  7. Пользователь успешно добавляет категорию и видит сообщение от системы об этом

Сценарий использования - «Добавить тип»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь нажимает на «Каталог» в меню сбоку
  3. Пользователь нажимает на «Типы» в выпадающем списке каталога
  4. Пользователь нажимает на «Добавить тип»
  5. Пользователь заполняет нужные поля, исходя из модели типа
  6. Пользователь нажимает на кнопку «Добавить тип»
  7. Пользователь успешно добавляет тип и видит сообщение от системы об этом

Сценарий использования - «Экспортировать инструменты/типы/категории»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь нажимает на «Каталог» в меню сбоку
  3. Пользователь нажимает на «Инструменты»/«Типы»/«Категории» в выпадающем списке каталога
  4. Пользователь нажимает на «Экспорт»
  5. Пользователь нажимает на нужный ему тип «Экспортировать в CSV» или «Экспортировать в JSON»
  6. Начинается загрузка у пользователя
  7. Пользователь успешно экспортировал инструменты/типы/категории

Сценарий использования - «Импортировать инструменты/типы/категории»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь нажимает на «Каталог» в меню сбоку
  3. Пользователь нажимает на «Инструменты»/«Типы»/«Категории» в выпадающем списке каталога
  4. Пользователь нажимает на «Импорт»
  5. Пользователь нажимает на поле для загрузки файла
  6. Пользователь выбирает нужный файл
  7. Начинается загрузка
  8. Пользователь успешно импортировал инструменты/типы/категории

Сценарий использования - «Посмотреть таблицу отзывов»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь нажимает на «Отзывы» в меню сбоку
  3. Пользователь успешно видит таблицу отзывов

Сценарий использования - «Найти нужный отзыв»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь нажимает на «Отзывы» в меню сбоку
  3. Пользователь вводит название инструмента в поисковое поле «Поиск отзывов для инструмента» для фильтрации отзывов
  4. Пользователь успешно видит нужный ему отзыв

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

  1. Пользователь выполняет все шаги основного сценария, за исключением того, что он выбирает другой атрибут для фильтрации отзывов: «Оценка», «Профиль», «Сроки аренды», «Дата»

Сценарий использования - «Посмотреть статистику по заказам»:

Действующее лицо - Администратор

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

  1. Пользователь выполняет сценарий «Войти в админ панель»
  2. Пользователь нажимает на «Статистика» в меню сбоку
  3. Пользователь фильтрует заказы вводя нужные атрибуты в поля: «Фильтр по статусу», «Фильтр по названию инструмента», «Фильтр по дате», «Фильтрация по цене», «Фильтрация по срокам»
  4. Пользователь нажимает на кнопку «Выбрать данные по оси X»
  5. Перед пользователем появляется модальное окно с выбором из: «Статус заказа», «Стоимость заказа», «Дата»
  6. Пользователь нажимает на кнопку «Выбрать данные по оси Y»
  7. Перед пользователем появляется модальное окно с выбором из: «Количество заказов», «Итоговая стоимость заказов», «Количество инструментов в заказах», «Продолжительность аренды в заказах»
Clone this wiki locally