Техническое задание по интерфейсу пользователя
Ниже описание каждого экрана. После этого будет описание админки.
АВТОРИЗАЦИЯ
Экраны авторизации в проекте
Авторизация 1/3
Описание
Стартовый экран #1.

Действия
При клике на продолжить менять текст и изображение на
Стартовый экран #2.

Контент
Контент редактируется и изменяется через админку в разделе Дизайн-Стартовые экраны

Должна быть возможность изменить заголовок, текст и изображение.
Авторизация 2/3
Описание
Стартовый экран #2.

Действия
При клике на продолжить менять текст и изображение на
Стартовый экран #3.

Контент
Контент редактируется и изменяется через админку в разделе Дизайн-Стартовые экраны

Должна быть возможность изменить заголовок, текст и изображение.
Авторизация 3/3
Описание
Стартовый экран #3.

Действия
При клике на продолжить переходит на экран Вход.

Контент
Контент редактируется и изменяется через админку в разделе Дизайн-Стартовые экраны

Должна быть возможность изменить заголовок, текст и изображение.
Вход
Описание
Страница входа.

Действия
Человек вводит свою почту или ID и пароль.
  • При клике на Забыли пароль переходит на экран Восстановление пароля
  • При клике на Забыли пароль переходит на экран Восстановление пароля
  • При клике на зарегистрироваться переходит на экран Регистрация.

Контент
Изображение меняется в разделе - Дизайн-Стартовые экраны
Регистрация
Описание
Страница Регистрации.

Действия
Человек вводит:
  • Свое имя
  • Электронную почту
  • Создает пароль (дважды вводит для проверки), если не совпадает то система пишет об этом и обводит поле.
  • ID действующего участника в проекте кто пригласил.

Человек может выбрать галочку что у меня нет ID и тогда система ему сама подберет участника в чью структуру он пойдет. Система в порядке очереди подбирает, начиная с верхушки структуры ставя на свободное место, у кого меньше рефералов (описание реф программы будет дальше)

Политика - открывается ссылка в новом окне на сайте на политику.

Нажимая продолжить, система отпарвляет на Емайл письмо с кодом подтверждения и человек попадает на экран Код подтверждения где его и вводит.
Код подтверждения
Описание
Страница Код подтверждления.

Действия
Человек вводит:
  • Код который ему система высылает на почту

В случае не верного кода, система обводит все поля.

Нажми на подтвердить аккаунт, человек попадает на экран Все (челленджи)
Восстановление пароля
Описание
Страница Код подтверждления.

Действия
Человек вводит:
  • Свою электронную почту

В случае не верной почты или не верного ввода, система обводит поле.

Нажимая на продолжить, человек попадает на экран Код подверждения где вводит код отправленный на почту
Код подтверждения 2
Описание
Страница Код подтверждления 2.

Действия
Человек вводит:
  • Код который ему система высылает на почту

В случае не верного кода, система обводит все поля.

Нажми на подтвердить аккаунт, человек попадает на экран Создания нового пароля
Восстановление пароля
Описание
Страница Восстановление пароля.

Действия
Человек вводит новы пароль дважды

В случае не совпадения пароля система обводит поле.

Нажимая на продолжить, человек попадает на экран Вход
ГЛАВНЫЙ ЭКРАН
Все экраны раздела челленджи. Это главный экран-раздел в проекте.
Все (челленджи)
Описание
Страница Все (раздел челленджи) где отображаются все челленджи проекта.

Действия
Человек вводит новы пароль дважды

В случае не совпадения пароля система обводит поле.

Нажимая на продолжить, человек попадает на экран Вход
Категории (челленджи)
Описание
Страница Все (раздел челленджи).

Действия
Человек вводит новы пароль дважды

В случае не совпадения пароля система обводит поле.

Нажимая на продолжить, человек попадает на экран Вход
Челленджи категории
Описание
Страница Все (раздел челленджи).

Действия
Человек вводит новы пароль дважды

В случае не совпадения пароля система обводит поле.

Нажимая на продолжить, человек попадает на экран Вход
Эмоции (челленджи)
Описание
Страница Все (раздел челленджи).

Действия
Человек вводит новы пароль дважды

В случае не совпадения пароля система обводит поле.

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

Действия
Человек вводит новы пароль дважды

В случае не совпадения пароля система обводит поле.

Нажимая на продолжить, человек попадает на экран Вход
Выполняют челлендж
Описание
Страница Все (раздел челленджи).

Действия
Человек вводит новы пароль дважды

В случае не совпадения пароля система обводит поле.

Нажимая на продолжить, человек попадает на экран Вход
Эмоции игроков о челлендже
Описание
Страница Все (раздел челленджи).

Действия
Человек вводит новы пароль дважды

В случае не совпадения пароля система обводит поле.

Нажимая на продолжить, человек попадает на экран Вход
Made on
Tilda