WordPress / Learn

WordPress.org Learn - The canonical source for the code and content behind https://learn.WordPress.org
235 stars 83 forks source link

Course Completed page #2528

Open adamwoodnz opened 2 weeks ago

adamwoodnz commented 2 weeks ago

Update the template to match the design.

The default success message is shown in the design 'Congratulations on completing this course!'. This message will be customized if the Course is a Learning Pathway, and can differ depending on Level, see copy.

For example there will be copy for a Beginner level Developer Learning Pathway Course.

We have existing copy per Learning Pathway level stored here. We can probably add a 'success' item to each array:

'developer' => array(
    'beginner' => array(
        'title' => '[TBD Beginner developer title]',
        'description' => '[TBD Beginner developer description]',
        'success' => '...'
    ),
    ...
),

Survey CTA link: https://docs.google.com/forms/d/e/1FAIpQLSf0QMflUedxjta0u5qS4_pl-9aY06BDBXgRn2PoZA1gRvD9jw/viewform

kathrynwp commented 2 weeks ago

Related:

https://github.com/WordPress/Learn/issues/2532

fcoveram commented 1 week ago

Here is an idea for this page based on the suggestions dropped by @kathrynwp in #2532

Mockup of Course completed page

The styles applied are in line with the designs shared here (#2531)


Question: What is the total grade score about? It looks floating without context and perhaps there is room for improvement. cc @renintw

kathrynwp commented 1 week ago

Question: What is the total grade score about? It looks floating without context and perhaps there is room for improvement.

@fcoveram I think this refers to the average score of all the quizzes completed throughout the course. For example if a course includes two quizzes, and the learner scored 100% on one and 80% on the other, then their final grade would be 90% – @westnz & @jonathanbossenger could one of you please confirm?

renintw commented 1 week ago

Yeah, like @kathrynwp said, a course can consist of multiple lessons, and each lesson can contain multiple quizzes.

Each lesson has a grade. The final grade on the completed page is the average of these lesson grades.

image

fcoveram commented 1 week ago

Oh I see. I thought the "100%" label on the far right of the lesson name was a "completed" status. Does it make sense to put the total grade below all lessons and quizzes completed? As now, it's hard to understand the relationship. Otherwise, we can improve the copy to be more explicit about where the percentage comes from.

fcoveram commented 1 week ago

I included the page in the Course section in the Design page. Here is the mockup

Mockup of course completed

What do you think?

renintw commented 1 week ago

Does it make sense to put the total grade below all lessons and quizzes completed?

It looks good to me, and having a copy explicitly telling where the percentage comes from also makes sense to me. This would need some inputs from the learn fellows @kathrynwp @bsanevans @jonathanbossenger

westnz commented 1 week ago

Does it make sense to put the total grade below all lessons and quizzes completed?

Looks good to me as well.

having a copy explicitly telling where the percentage comes from also makes sense to me

Agreed

kathrynwp commented 5 days ago

@renintw I agree with de-emphasizing the percentage grade/mark by moving it below the table.

adamwoodnz commented 5 days ago

I've updated the ticket description to include the latest design, details about the success message, and the survey CTA link.