Guiding Students
CLARIFYING THE LEARNER JOURNEY
for UX/UI bootcamp product
"Orient overwhelmed students and show them a clear path through the content."
Reduce overwhelm * Give students the big picture * Put design challenges into context
CLIENT & PROJECT
edX offers college-level education in an e-learning format. Their in-depth bootcamps help students launch careers in UX/UI.
I collaborated with our in-house UX & graphic design teams on an overwhelm-reduction tool for students—a Week-at-a-Glance-infographic—that conveyed where student were in their learning journey, week by week.
MY ROLES
Curriculum design
UX Writing
TEAM
PM/Product Manager
UX Designer
Graphic Designer
Editorial
UX Writer (me)
TOOLS
Figma
Github
Balsamiq
Google Workspace
Bootcamps equal hard work, but students shouldn't have to navigate without a map. We wanted to find a combination of words + images that fit on one screen. In the process, we not only created simplicity for students but validated our course structure, too.
PROBLEM
Bootcamp courses are demanding—they're fast-paced with a high-volume of learning content. Grasping how to efficiently navigate all the content was paramount to students' success (and sanity). Two challenges existed:
-
Reducing the student's complex workload to one frame that contained words + images
-
Producing a piece of content unsupported by our existing production pipeline
SOLUTION
Creation of a one-screen Week-at-A-Glance graphic that was inserted into the weekly summaries of the 16-week course.
APPROACH
The lead designer and I took human-centered approach to building and testing a sample Week-at-A-Glance graphic. We tested it with students in a pilot course. After validating our ideas, we iterated the prototype, and shared our findings—students loved the week-at-a-glance!
We leveraged the positive feedback from students and proof-of-concept to gain flexibility from the production team, which added the graphic to their workflow.
Case Study Preview:
