BitClass
Connect the moments around a live class
- Find the classUpcoming class
- Join the sessionLive lesson
- Keep learningClass resources
Problem
As teaching moved online during the pandemic, live learning needed continuity between class participation, learning resources and student progress.
Approach
As the founding designer in a small remote team, I designed the mobile experience for live classes. The work brought those parts of the learning journey into a clearer structure around each class, including how people joined and experienced a session on their phone.
Design around the live session
A live class has different needs before, during, and after it starts. The design challenge was to help learners find the session and stay oriented as they moved between those moments. The archive cover illustrates that lifecycle.
Before class, answer the next question
A learner opening a phone close to class time needs to know which session is next, when it begins, and how to join. The class is the organizing unit for those answers, with related resources kept in the same journey.
During class, protect attention
Joining a live class changes the learner’s goal. They need to follow the session and find participation controls quickly. The illustrative walkthrough gives the lesson the largest area and keeps the class controls in a predictable place.
After class, make returning easy
When the live moment ends, the class should still be recognizable as the same place to continue learning. The story moves from the session to its related resources and progress. Screens for these states can show the continuity across the whole experience.
Outcome
The resulting mobile experience was organized around live classes and the activities surrounding them. BitClass is no longer operating; this case documents the earlier product work.