[ Learn Page ] Track learning progression

[LaurelineP]

Enter your suggestions in details:

Proposition:

Tracking the user's experience through the learning progression presented in the sidebar ( see attachment )

User Pain Point / Use Case

In a scenario where one wants to follow the proposed learning path, represented as a timeline on the side bar,
then get back later to the learning progression: the user cannot easily identify where they left off.
This is a good candidate for UX improvement/feature.

In the following example, we could imagine that the user has done the path following the order of the progression and is currently at "The V8 JavaScript Engine."
They get back days later to resume where they left the learning path, but:

• when getting back to the "Learn" page: the active lesson is back to the first lecture "Introduction to Node"

Possible Improvements

• having a way to track the progression through UX:
  • by adding a completion button ( cons: extra button )
  • by assuming if a user hits the button to the next lesson, the lecture should be considered as completed.
• a way to store the progression: could be localStorage or else according to your preferences.
• visually provide feedback on completed lectures:
  The progression sidebar div.ProgressionSidebarGroup_items__XXX children links "bullet".
  ( a.ProgressionSidebarItem_item__XXX > svg ) could have there fill value to be green
  ( alike the current behaviour of the current page link having the class a.ProgressionSidebarItem_item__XXX ProgressionSidebarItem_active__XXX)

Within the same scenario and the propositions applied,
This could be visually represented as depicted below:

If I can help or if you have questions, feel free to let me know.

[AugustinMauroy]

This idea of having a ‘check’ as you read is not stupid. But it only works if the inter-subsection progression is linear. Which, in my opinion, is impossible.
I invite you to have a look at this commentary for a better understanding #7198 (comment)

So if we manage to have a linear learning path, yes it works, if not, it's not possible.