Please enable JavaScript.
Coggle requires JavaScript to display documents.
Course Tongo Tab, Lesson List, Lesson Preview, "Exit" pop-up -…
Course Tongo Tab
Course List
Elements
-
Список курсов приходит в виде числа, отображается как фраза N-уроков
Карточка курса:
- Изображение курса
- Уровень курса (А1, А2 ..) - отображать в формате А1.1
- Название курса
- Описание курса
- Прогресс курса (от 1% до 99%, в виде [завершенные уроки / общее количество уроков курса]
- Индикатор завершения курса (в виде Галочки :check:)
- Кнопка продолжить - только на карент курсе
Звездочки пока не реализовываем
Logic
Обычная карточка / карточка в фокусе:
- по умолчанию в фокусе находится текущий курс
- остальные находятся в обычном состоянии
Обычная карточка / карточка с прогрессом / карточка со статусом:
- Прогресс карточки появляется после того как прошел больше равно 1 % и до достижения 100%
- При 100% карточка меняет свое состояние на статус Завершенные и появляется галочка
При нажатии на курс, который не выбран сейчас, отображаются уроки выбранного курса (фокус должен смещаться на выбранный курс?)
Как и в случае с экраном ‘Lessons List’, карточка в фокусе (текущий курс) при загрузке модального экрана находится на экране (проскролл). (вот это не понятно вообще?)
-
Lesson List
Elements
Кнопка Courses: При нажатии на Course Tab сразу попадаем в Lesson List, которые находятся в preselected Course List
-
Карточка урока: Содержит информацию о каждом уроке и является ссылкой на Lesson Preview выбранного урокаСостоит из:
- иконка урока
- название (заголовок) урока
- описание (подзаголовок) урока
- прогресс по уроку (от 1% до 99%)
- индикатор завершения урока при достижении 100% (галочка :check:)
Logic
Вверху страницы слева отображается: Статическая стринга - "Твой курс" и динамическое название курса в виде А1, А2, В1 и т.д.
-
-
Обычная карточка / карточка в фокусе: - Выделяется тенью по контуру, по размеру больше чем другие:
- если пользователь только открыл курс - в фокусе карточка, которая имеет первый порядковый номер (position 1?)
- в фокусе та карточка с которой пользователь взаимодействовал в последний раз
- при завершении урока, фокус переходит на карточку, которая следующая на позиции после завершенного урока
Обычная карточка / карточка с прогрессом / карточка со статусом:
- Прогресс карточки появляется после того как прошел больше равно 1 % и до достижения 100%
- При 100% карточка меняет свое состояние на статус Завершенные и появляется галочка
- В случаи, когда когда пользователь начинает и завершает конкретный урок в рамках одной бесприрывной сессии (не выходит из урока в процессе, а проходит его за один раз), пользователь не увидит состояния карточки с прогрессом. (не нашел ответ на вопрос, что если у юзера несколько уроков в прогрессе?)
-
При нажатии на карточку, происходит переход на экран Lesson Preview с использованием анимации
Lesson Preview
Elements
-
Список секций содержат:
- заголовок (Vocabulary, Story)
- иконку
- описание
/ Все вышеуказанное приходит с бэка
/
- Для уроков с прогрессом от 0% до 99% являются не кликабельными.
- Для завершенных уроков (с прогрессом = 100%) являются кнопками-ссылками первые экраны соответствующих секций. (кнопки-ссылки на первые экраны соответствующих секций?)
-
-
Кнопка Продолжить - запускает продолжение урока, последний экран, который видел пользователь во флоу тренировки (в случаи если он ранее начинал проходить ее)
Logic
Для уроков с прогрессом от 0% до 99% - секции являются не кликабельными.
Для завершенных уроков (прогресс 100%) - являются кнопками-ссылками - открываются первые экраны соответствующих секций
Для уроков с прогрессом 0% кнопка запуска урока называется "Начать" и запускает урок с первого экрана
Для уроков с прогрессом 100% кнопка запуска урока называется "Начать заново" и запускает урок с первого экрана
Для уроков с прогрессом от 1% до 99% кнопка запуска урока называется "Продолжить" при нажатии урок продолжается с места на котором был закончен
"Exit" pop-up
Elements
-
-
Кнопка Продолжить - закрывает поп-ап, возвращает пользователя к экрану, с которого он запускал "Exit" pop-up
-
-