[Product Pull Request] Add functionality to enable course teams to add/edit/change course modes directly in Studio

[jmakowski1123]

This is the Primary Product Ticket for the following community contribution: Add functionality to enable course teams to add/edit/change course modes directly in Studio.

The original PR (linked below) focused on adding functionality so course teams could add Honor course modes directly in Studio, via a yet-to-be-designed "Edit Enrollment tracks" configuration in the "Settings tab". This would simplify the workflow for course teams in creating and managing certificates by allowing them to stay in Studio, rather than navigating to the Django LMS admin to add the Honor course mode.

I suggest the following expansion of scope for this functionality:

• Instead of limiting to just the Honor course mode, let's define a more comprehensive list of course modes that course teams want to edit directly in Studio. This will involve analyzing the list of all course modes and deciding which are appropriate for course teams to interact with directly in Studio.

• The proposal to implement this setting via an "edit enrollment tracks" configuration in the Main Studio Settings tab will require UI that must meet the current Paragon Design System standards: https://paragon-openedx.netlify.app/

Checklist prior to undergoing Product Review:

The following information is required in order for Product Managers to be able to review your pull request:

• Explanation of the problem being solved
• Description of how users will be impacted, and which users will be impacted
• Screenshots or video showing the functionality or fix, before and after
• Reproduction steps and/or testing steps

Only if necessary:

• If necessary, links to corresponding configuration changes
• If necessary, links to corresponding enablement changes, particularly waffle/toggle status deta

Related PRs

• feat: add functionality to create honor course modes through studio edx-platform#28114

For Product Manager doing the review:

What criteria should be analyzed from Product to approve a PR?

• The problem being solved by the feature or fix is clear.
• There is clarity on how the change or fix will impact the end user.
• It is clear that the change will not negatively impact users or other areas of the platform.
• The change is implemented comprehensively.
• Any changes to UI use the current, standard Paragon Design System: https://paragon-openedx.netlify.app/

[github-actions]

Thanks for your submission, @openedx/open-edx-project-managers will review shortly.

[jmakowski1123]

@e0d - You had a data-informed opinion about which course modes should be included in a new studio-based configuration. Could you add those here so we can keep all the spec details in one place?

[mariajgrimaldi]

I asked internally for some data about course modes and their usage by eduNEXT clients. I'll post that info here as soon as I get it🥇

[mariajgrimaldi]

Hello there! My team put this dashboard together with valuable data about course modes:

Course mode ranking (most frequently used order): honor, no-id-professional, audit, verified, professional.

We could first create a list of the most common course modes and make the list configurable to change it later.

[mariajgrimaldi]

Hi there @jmakowski1123 🥇 :

These are some changes proposed for the UI according to previous feedback:

The form could look like this (taken from Certificate signatures) but with the course modes info:

What do you think? This is just a sketch, so it looks a bit sloppy; we can do a better one later with a more precise idea!

[jmakowski1123]

Thanks @mariajgrimaldi ! Your data about the most common course modes is super helpful. What I'd like to do next is a quick comparison with edx.org data, to see if their data reflects yours. Between the two data sets, we should be able to distill a sahred list of the most commonly used modes, and as you suggest, start with the top 5 and make the list configurable so more can be added in the future. I'll reach out to edx.org today.

We should also build in a CTA and/or workflow for when an author wants to choose a mode not yet represented on the list. It could be as simple as "If you don't see the mode you need, click here to be directed to the django admin" or something like that.

[santiagosuarezedunext]

I read the discussion, i think the direction this PR took is great
@jmakowski1123 I saw this documentation of course modes but there are only four Where can I read about the other course modes?
How are we going to determine which course modes we use for this feature and which ones we don't?

[ProductRyan]

@cablaa77 take a look at this idea that impacts studio.

[mphilbrick211]

Hi @cablaa77! Just seeing if there's any update here?

[santiagosuarezedunext]

Hello, together with @maguilarUXUI our ui ux designer we have created a prototype to continue the discussion about this feature.
The prototype was created with Paragon in mind and keeping in mind that it would be made on an MFE.
The next step should be to test the usability of this solution with real customers. Do you think it is worth doing for this feature or do we leave those tests for larger features?
We are attentive to any comment.
https://www.figma.com/proto/Z2bZiSjUlkAWGPlTS8xWpV/Course-mood-MFE?node-id=76-7325&scaling=contain&page-id=76%3A6992&starting-point-node-id=76%3A7325
CC: @jmakowski1123 @ProductRyan @cablaa77

[maguilarUXUI]

As @santiagosuarezedunext mentions, this prototype was created based on Paragon's Design Systems, in this proposal the Enrollments Tracks section will show the different course modes available with the option to enable, disable and edit each one of them.

[jmakowski1123]

Thanks for sharing the figma files, @santiagosuarezedunext and @maguilarUXUI ! I appreciate the tile-based approach to configuring the enrollment types. @cablaa77 I'm going to add this to the next UX/UI meeting (May 4) as Mike/Jon should be in the loop on reviewing and providing feedback.

[santiagosuarezedunext]

Update:
A comment of Marco about the enrollment tracks that are not in the documentation :

A number of these are only configured for 2U / edX and don't have much of an impact beyond basic enrollment groupings in Publisher.

[ali-hugo]

@santiagosuarezedunext @maguilarUXUI
The prototype looks great! Thanks for sharing. I've left a few small comments on the Figma file. Hope they are helpful.

[mphilbrick211]

Hi all - just checking to see if there's an update here?

cc: @santiagosuarezedunext @maguilarUXUI

[santiagosuarezedunext]

@mphilbrick211 There is no advance in this topic yet. Right now we can not work in this because we are in the same product process with other prioritized features.
After we finish the current work we can go back into this feature.
I will inform in that moment. 😊👍

[jmakowski1123]

@mphilbrick211 This one can also go into draft status, until we can finish usabiliity testing/prototyping with Edunext.