Skip to content
Memberships & Communities

Membership: New UI for Courses

In this article, we’re excited to introduce the brand-new Courses mobile UI, crafted to make learning smoother, faster, and more enjoyable. Discover the…

1 min read245 words4 explained images
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.

In this article, we’re excited to introduce the brand-new Courses mobile UI, crafted to make learning smoother, faster, and more enjoyable. Discover the latest updates that bring a fresh, user-friendly experience to your mobile learning journey.
1. Seamless Category and Lesson Navigation
Easily switch between categories and lessons on the same screen! Expand to dive deep, or collapse for a quickglance at the essentials. No more back-and-forth hassle!

Figure 1 What this shows In this article, we’re excited to introduce the brand-new Courses mobile UI, crafted to make learning smoother, faster, and more enjoyable. What this shows Illustrates "Membership: New UI for Courses". This screenshot appears in "Membership: New UI for Courses". The text alongside this image reads: In this article, we’re excited to introduce the brand-new Courses mobile UI, crafted to make learning smoother, faster, and more enjoyable. Discover the latest updates that bring a fresh, user-friendly experience to your mobile learning journey. 1. Seamless Category and Lesson Navigation Easily…. Immediately after, the guide continues: 2. Effortless Learning for All Types of Lessons Whether it’s text, audio, or video—our fresh design keeps it simple and intuitive for every lesson type. Learning has never been this easy-breezy! Image 1 of 4 What this coversIn this article, we’re excited to introduce the brand-new Courses mobile UI, crafted to make learning smoother, faster, and more enjoyable. Discover the latest updates that bring a fresh, user-friendly experience to your mobile learning journey. 1. Seamless Category and Lesson Navigation Easily switch between categories and lessons on the same screen! Expand to dive deep, or collapse for a quickglance at the essentials. No more back-and-forth hassle! Next step2. Effortless Learning for All Types of Lessons Whether it’s text, audio, or video—our fresh design keeps it simple and intuitive for every lesson type. Learning has never been this easy-breezy!

2. Effortless Learning for All Types of Lessons
Whether it’s text, audio, or video—our fresh design keeps it simple and intuitive for every lesson type. Learning has never been this easy-breezy! 

3.All-New Comments Section
Engage with your peers like never before! Our redesigned comments section lets you easily reply and keep the conversation flowing. 

Figure 2 What this shows 3.All-New Comments Section Engage with your peers like never before! What this shows Illustrates "Membership: New UI for Courses". This screenshot appears in "Membership: New UI for Courses". The text alongside this image reads: 3.All-New Comments Section Engage with your peers like never before! Our redesigned comments section lets you easily reply and keep the conversation flowing. Immediately after, the guide continues: 4.Sleek Quizzes & Assignments Interface. No more content cropping or confusing transitions! Effortlessly switch between questions, and enjoy a seamless quiz and assignment experience. Image 2 of 4 What this covers3.All-New Comments Section Engage with your peers like never before! Our redesigned comments section lets you easily reply and keep the conversation flowing. Next step4.Sleek Quizzes & Assignments Interface. No more content cropping or confusing transitions! Effortlessly switch between questions, and enjoy a seamless quiz and assignment experience.

4.Sleek Quizzes & Assignments Interface.
No more content cropping or confusing transitions! Effortlessly switch between questions, and enjoy a seamless quiz and assignment experience.

Figure 3 What this shows 4.Sleek Quizzes & Assignments Interface. What this shows Illustrates "Membership: New UI for Courses". This screenshot appears in "Membership: New UI for Courses". The text alongside this image reads: 4.Sleek Quizzes & Assignments Interface. No more content cropping or confusing transitions! Effortlessly switch between questions, and enjoy a seamless quiz and assignment experience. Immediately after, the guide continues: 5. Quick Status Overview Keep tabs on your progress at a glance—find out whether your quizzes and assignments are in review, passed, or (gulp) failed! Image 3 of 4 What this covers4.Sleek Quizzes & Assignments Interface. No more content cropping or confusing transitions! Effortlessly switch between questions, and enjoy a seamless quiz and assignment experience. Next step5. Quick Status Overview Keep tabs on your progress at a glance—find out whether your quizzes and assignments are in review, passed, or (gulp) failed!

5. Quick Status Overview
Keep tabs on your progress at a glance—find out whether your quizzes and assignments are in review, passed, or (gulp) failed! 

Figure 4 What this shows 5. What this shows Illustrates "Membership: New UI for Courses". This screenshot appears in "Membership: New UI for Courses". The text alongside this image reads: 5. Quick Status Overview Keep tabs on your progress at a glance—find out whether your quizzes and assignments are in review, passed, or (gulp) failed! Immediately after, the guide continues: 6. Shimmers, Not Loaders! Loading times just got a glow-up! We’ve swapped out the old-school loaders for sleek, shimmering placeholders to keep things looking smooth and modern while your content loads. No more staring at boring spinners! Image 4 of 4 What this covers5. Quick Status Overview Keep tabs on your progress at a glance—find out whether your quizzes and assignments are in review, passed, or (gulp) failed! Next step6. Shimmers, Not Loaders! Loading times just got a glow-up! We’ve swapped out the old-school loaders for sleek, shimmering placeholders to keep things looking smooth and modern while your content loads. No more staring at boring spinners!

6. Shimmers, Not Loaders!
Loading times just got a glow-up! We’ve swapped out the old-school loaders for sleek, shimmering placeholders to keep things looking smooth and modern while your content loads. No more staring at boring spinners!

7.Code Structure
Improved folder structure and converted code to Vue 3 composition api for better maintainability and readability.

8.Reduced Bundle Size
Structured pages into multiple sub components and lazy loaded them to reduce overall initial bundle size.

Was this guide helpful?

Related guides