Wireframing – Classroom LMS Patterns

Goal: Validate with the client that I had successfully executed the creative brief presented for their new classroom LMS.

Signed in user – Classroom Home

Key needs:

• Easy way to see if a lesson was added or “New”
• If a specific lesson was locked
  • Locked by industry
  • Locked by incomplete prerequisites
• The time required
• If the module was completed

Classroom Module w/Video and supporting documents

Once inside the module, the user would need several supporting items. However, they would also need to understand what the goal, an overview and the main take aways are. This wireframe helped walk through those needs with the creative director.

Key needs:

• Large video space
• Overview of the module
• Main take aways
• Downloadable supporting documentation
• A completion button (active after viewing completion)

Successful completion of module

When the module was completed, the creative director wanted to have an easy way to get the user back to the training hub. I also added several options to include ways for the user to continue with their modules for certification.

Key needs:

• Return to the hub