Lesson Central Hub
Back
Xello is a program that helps students learn about careers and different topics in life to make them ready for the future.
We want to educate students on concepts and topics that are crucial for picking a career in order to give them the essential thinking tools for evaluating their future career paths. It might be too early to learn about careers at the elementary level, but that’s where the challenge is. The challenge is to provide the most relevant content considering what students need to know, and what they know already.
We want to deliver the educational content in a way that is appealing to the young students in order to keep them engaged. We need to design an experience based on a narrative that is useful but also fun.
Interactive and illustrative lessons that have lots of cool characters with lots of entertaining stories. Each lesson addresses a specific topic and is constructed of different components that are shared among all of them. They all start with narration that introduces students to a puzzle and the playing actors following by a series of activities. What makes them different is the storyline and characters.
The introduction opens the story with a comic following by an animation clip that prepares students about the main topic to be learnt in the lesson. It gives us the opportunity to make sure that students are familiar with the main concepts that are going to be reiterated throughout the lesson. At this phase, students learn about the puzzle and ways they can solve them.
The introduction opens the story with a comic following by an animation clip that prepares students about the main topic to be learnt in the lesson. It gives us the opportunity to make sure that students are familiar with the main concepts that are going to be reiterated throughout the lesson. At this phase, students learn about the puzzle and ways they can solve them.
The introduction is followed by a series of activities that students need to do in order to progress and unlock the next steps. By completing every activity they find bits and pieces of the puzzle. These activities use different mechanics and changing the layout to provide questions and answers. At the end of every activity there is a summary of what they learned.
Every lesson is designed for a specific grade considering student’s comprehension abilities and topics that are useful for them at that point in time.
To speed up the delivery of lessons, we built templates and a solid structure that have consistent interaction patterns and design standards. Templates provide a set of design patterns that can be assembled into a full lesson. This helps us to focus on writing the story and creating the illustrations.
We built libraries from the core building blocks to speed up the production and consistency.
Students grade 3-5: students at every grade have different knowledge and skills.
The process started with storyboarding and wireframing in order to find the right user flow. After finalizing the lesson flows, we designed components that can easily be reused and repurposed in different lessons. Then patterns were tested for usability and storyline with students. We created full flow interactive prototypes that students could try on their computers.
