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

Макет UI

Макет в Figma

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

Регистрация пользователя

Действующее лицо: пользователь (заказчик/исполнитель)

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

1. Пользователь заполняет форму, указывая адрес электронной почты, публично отображаемое имя пользователя, пароль.
2. Пользователь выбирает роль "Заказчик" или "Исполнитель".
3. Сайт проверяет данные пользователя.
4. Если всё заполнено верно, переход на страницу "Приватный профиль заказчика/исполнителя".

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

• Данные заполнены некорректно: пользователю показывается ошибка.
• Пользователь передумал регистрироваться и хочет авторизоваться: нажимает на “Аккаунт уже есть” и попадает на страницу авторизации.

Авторизация пользователя

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

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

1. Пользователь заполняет форму, указывая адрес электронной почты и пароль.
2. Пользователь выбирает роль "Заказчик" или "Исполнитель".
3. Сайт проверяет данные пользователя.
4. Если всё заполнено верно, переход на страницу "Приватный профиль заказчика/исполнителя".

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

• Данные заполнены некорректно: пользователю показывается ошибка.
• Пользователь решил зарегистрироваться: нажимает на "Создать аккаунт" и попадает на страницу регистрации.

Редактирование профиля

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

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

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

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

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

Смена роли

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

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

1. Пользователь находится на странице "Приватный профиль заказчика/исполнителя".
2. Пользователь нажимает на кнопку “Настройки профиля”.
3. Появляется выпадающее меню с двумя кнопками "Заказчик" и "Исполнитель". Активная роль выделена цветом.
4. Пользователь нажимает на роль, которая не выделена цветом.
5. Переход на страницу "Приватный профиль исполнителя" (если до этого был заказчиком) или "Приватный профиль заказчика" (если до этого был исполнителем).

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

• Пользователь нажимает на текущую роль (которая выделена цветом): ничего не происходит.

Заказчик публикует новый заказ

Действующее лицо: заказчик

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

1. Заказчик находится на странице "Приватный профиль заказчика".
2. Заказчик нажимает на кнопку "Создать заказ".
3. Переход на страницу "Создание заказа заказчиком".
4. Заказчик заполняет поля "Название" (текстовое поле), "Описание" (текстовое поле), "Срок выполнения" (дата и время) и "Стоимость" (число больше нуля, либо checkbox "по договорённости").
5. Заказчик нажимает на кнопку "Разместить".
6. Проводится валидация данных.
7. Если всё верно, создаётся заказ.
8. Переход на страницу "Просмотр заказа заказчиком (выбор исполнителя)".

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

• Введены некорректные данные: заказчику показывается ошибка, заказ не создаётся.
• Заказчик может нажать на checkbox "По договорённости", тогда цена не будет указана явно, поле ввода блокируется до повторного нажатия.
• Пользователь закрывает страницу до нажатия на кнопку "Разместить": заказ не создаётся.
• Пользователь перезагружает страницу: информация обнуляется.

Заказчик редактирует заказ

Действующее лицо: заказчик

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

1. Заказчик находится на странице "Просмотр заказа заказчиком (выбор исполнителя)".
2. Заказчик нажимает на кнопку "Редактировать".
3. Появляются поля для ввода (такие же как в форме создания заказа). Появляются кнопки "Сохранить", "Отмена".
4. В поля подставляется текущая информация.
5. Заказчик редактирует её и нажимает на одну из кнопок "Сохранить" или "Отмена".
6. Введённые данные проверяются на корректность.
7. Если нажата кнопка "Сохранить", изменения сохраняются, состояние страницы возвращается к исходному (но с новыми данными).
8. Если нажата кнопка "Отмена", изменения не применяются, состояние страницы возвращается к исходному.

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

• Новые данные некорректны: пользователю показывается ошибка.
• Пользователь перезагружает страницу или закрывает её: изменения не применяются.

Стороны согласовали условия и работа началась

Действующее лицо: заказчик, исполнитель

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

1. Заказчик и исполнитель согласовывают условия выполнения заказа в чате.
2. Заказчик и исполнитель нажимают кнопку на страницах "Согласование условий (от лица заказчика)" и "Согласование условий (от лица исполнителя)" "Условия согласованы".
3. Статус заказа переводится в "Условия согласованы".

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

• Исполнитель не подтверждает условия: статус "Начало работы".
• Заказчик не подтверждает условия: статус "Начало работы".

Стороны общаются в процессе выполнения заказа

Действующее лицо: заказчик, исполнитель

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

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

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

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

Завершение заказа

Действующее лицо: заказчик, исполнитель

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

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

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

• У исполнителя или заказчика возникают непримиримые разногласия: переход к сценарию "Открытие спора".

Стороны оставляют отзывы

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

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

1. Заказ находится в статусе "Завершён", заказчик и исполнитель находятся на страницах "Заказчик/исполнитель оставляет отзыв".
2. Заказчик/исполнитель нажимают на звёзды, выбирая их количество.
3. Заказчик/исполнитель вводит в текстовое поле развёрнутое мнение о работе со вторым участником заказа.
4. Заказчик/исполнитель нажимают на кнопку отправки.
5. Отзыв отправляется и появляется в публичном профиле.
6. Текстовое поле и количество звёзд блокируются для ввода.

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

• Заказчик/исполнитель не пишут отзыв: ничего не происходит, возможность оставить отзыв сохраняется определённое время с момента завершения заказа.
• Отведённое время для оставления отзывов истекло: поля для ввода блокируются.

Открытие спора

Действующее лицо: заказчик/исполнитель

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

1. Исполнитель находится на странице "Исполнитель выполняет работу" или заказчик находится на странице "Заказчик ожидает выполнения работы исполнителем".
2. Исполнитель или заказчик нажимают на кнопку "Открыть спор".
3. В чате появляется сообщение об открытии спора.
4. Стороны ожидают решения вопроса администратором в течение некоторого срока.

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

• Инициатор спора решил отменить его: нажимает на кнопку "Отменить спор", чат возвращается к состоянию до открытия спора, но в нём сохраняются уведомления об открытии и отмене спора.

Заказчик смотрит отклики

Действующее лицо: заказчик

Предусловие: заказчик авторизован и находится на странице своего приватного профиля.

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

1. Нажав на кнопку "Мои заказы", заказчик попадает на страницу "Созданные заказы заказчика".
2. Из предложенного списка заказчик выбирает интересующий его заказ и нажимает на кнопку "Подробнее".
3. После шага 2 заказчик попадает на страницу "Просмотр заказа от лица заказчика (этап выбора исполнителя)". В разделе отклики представлены потенциальные исполнители, откликнувшиеся на предложение по данному заказу.
4. Заказчик просматривает кандидатов на выполнение заказа с использованием пагинации.

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

• Заказчик хочет вернуться к списку своих заказов: нажимает на стрелочку влево (назад) в левой верхней части страницы.

Заказчик общается в чате до согласования

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

Предусловие: заказчик авторизован и находится на странице "Приватный профиль заказчика".

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

1. Нажав на кнопку "Мои заказы", заказчик попадает на страницу "Созданные заказы заказчика".
2. Из предложенного списка заказчик выбирает интересующий его заказ и нажимает на кнопку "Подробнее".
3. После шага 2 заказчик попадает на страницу "Просмотр заказа от лица заказчика (этап выбора исполнителя)". В разделе отклики представлены потенциальные исполнители, откликнувшиеся на предложение по данному заказу.
4. Заказчик просматривает кандидатов на выполнение заказа с использованием пагинации.
5. Чтобы попасть в чат с интересующим исполнителем, заказчик нажимает на кнопку "Связаться" внутри блока соответствующего отклика.
6. После шага 5 заказчик попадает в чат с потенциальным исполнителем.
7. Чтобы написать сообщение потенциальному исполнителю, заказчик использует поле для ввода текста внизу страницы и, нажав на стрелочку справа от этого поля, отправляет сообщение исполнителю.

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

• Заказчик нажимает на стрелочку влево (назад) в левом верхнем углу страницы, чтобы выбрать диалог с другим кандидатом.

Исполнитель общается в чате до согласования

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

Предусловие: исполнитель авторизован и находится на странице "Приватный профиль исполнителя".

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

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

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

• Исполнитель нажимает на стрелочку влево (назад) в левой верхней части страницы и возвращается на страницу просмотра своих откликов по заказам.

Заказчик выбирает исполнителя

Действующее лицо: заказчик

Предусловие: заказчик авторизован и находится на странице "Приватный профиль заказчика".

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

1. Нажав на кнопку "Мои заказы", заказчик попадает на страницу "Список заказов заказчика".
2. Из предложенного списка заказчик выбирает интересующий его заказ и нажимает на кнопку "Подробнее".
3. После шага 2 заказчик попадает на страницу "Просмотр заказа от лица заказчика (этап выбора исполнителя)". В разделе отклики представлены потенциальные исполнители, откликнувшиеся на предложение по данному заказу.
4. Заказчик просматривает кандидатов на выполнение заказа с использованием пагинации.
5. В поле отклика подходящего кандидата заказчик нажимает кнопку "Принять", чтобы выбрать кандидата в качестве исполнителя заказа.

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

• На странице "Просмотр заказа от лица заказчика (этап выбора исполнителя)" в поле отклика подходящего кандидата заказчик нажимает кнопку "Связаться" (переходит в чат с потенциальным исполнителем). Чтобы выбрать кандидата в качестве исполнителя заказа, заказчик нажимает на кнопку "Принять" внизу страницы.
• На странице "Просмотр заказа от лица заказчика (этап выбора исполнителя)" в поле отклика неподходящего кандидата заказчик нажимает кнопку "Отклонить".
• На странице "Просмотр заказа от лица заказчика (этап выбора исполнителя)" в поле отклика кандидата заказчик нажимает кнопку "Связаться" (переходит в чат с потенциальным исполнителем). Чтобы отказать кандидату, заказчик нажимает на кнопку "Отклонить" внизу страницы.

Заказчик согласовывает условия в чате

Действующее лицо: заказчик

Предусловие: заказчик авторизован и находится на странице "Согласование условий (от лица заказчика)".

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

1. Используя средства переписки, заказчик выдвигает условия выполнения заказа.

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

• Заказчик не готов пойти на условия выбранного исполнителя и хочет выбрать другого кандидата: нажимает кнопку "Отказаться от заказа" внизу страницы.

Исполнитель согласовывает условия в чате

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

Предусловие: исполнитель авторизован и находится на странице "Согласование условий (от лица исполнителя)".

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

1. Используя средства переписки, исполнитель обсуждает с заказчиком условия выполнения заказа.

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

• Исполнитель не готов пойти на условия заказчика: нажимает кнопку “Отказаться от выполнения” внизу страницы.

Заказчик пополняет счёт

Действующее лицо: заказчик

Предусловие: заказчик авторизован и находится на странице "Приватный профиль заказчика".

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

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

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

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

Администратор смотрит статистику

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

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

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

Подсчёт статистики

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

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

1. Сервер замеряет статистику запросов к API (успешные, ошибочные, время ответа).
2. Сервер считает количество заказов, количество пользователей, количество споров.

Исполнитель ищет заказы

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

Предусловие: исполнитель авторизован и находится на странице "Приватный профиль исполнителя"

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

1. Нажимает на кнопку "На главную" в верхней части страницы
2. В списке заказов на странице "Главная исполнителя" выбирает подходящий ему заказ
3. Попадает на страницу "До отклика на заказ от исполнителя" с подробностями заказа

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

• Решает покинуть страницу заказа, нажимает на стрелку назад в верхней левой части экрана, возвращается на страницу "Главная исполнителя" со списком заказов, продолжает поиск

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

Исполнитель откликается на заказ

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

Предусловие: исполнитель авторизован и находится на странице "До отклика на заказ от исполнителя"

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

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

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

• Исполнитель уже откликался на заказ, поэтому находится на странице "После отклика на заказ от исполнителя", нажимает на кнопку "Отозвать отклик" внизу экрана, отклик перестает отображаться заказчику, а также на странице "Отклики исполнителя", страница переходит в состояние "До отклика на заказ от исполнителя"

Исполнитель смотрит свои отклики

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

Предусловие: исполнитель авторизован и находится на странице "Приватный профиль исполнителя"

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

1. На колонке с частью откликов в правой части экрана нажимает кнопку "Показать отклики"
2. В списке откликов по клику возможен переход либо на страницу "Заказчик связывается с исполнителем (от лица исполнителя)", либо на страницу "После отклика на заказ от исполнителя"

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

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

Исполнитель выводит средства

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

Предусловие: исполнитель авторизован и находится на странице "Приватный профиль исполнителя"

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

1. Нажимает кнопку "Баланс" в верхней части страницы
2. В выпадающем меню выбирает "Вывод"
3. В модальном окне вводит корректную сумму вывода и нажимает кнопку "Вывести"
4. Ожидает поступление денег

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

• Отменить вывод денег можно, нажав кнопку "Отменить" в модальном окне для ввода
• Пополнение баланса происходит в аналогичной последовательность, но с выбором кнопки "Пополнение" в выпадающем меню

Экспорт

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

Предусловие: администратор авторизован и находится на странице "Главная администратора"

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

1. В сайдбаре в левой части экрана нажимает раздел "Экспорт" и попадает на страницу "Экспорт"
2. Сформированный файл предлагается для скачки

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

• При неудаче формирования файла или других технических проблемах файл не скачивается, выводится alert

Импорт

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

Предусловие: администратор авторизован и находится на странице "Главная администратора"

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

1. В сайдбаре в левой части экрана нажимает раздел "Импорт" и попадает на страницу "Импорт"
2. Выбирает файл импорта в форме для в верхней части раздела
3. Данные импортируются в систему из выбранного файла

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

• Если файл не был выбран, то произойдет ошибка (страница "Ошибка импорта")
• При технических проблемах файл не загружается, выводится alert