Why does experiencing a lesson from the learner's seat reveal what expertise conceals?
Students will be able to
Experience Elementari from a student's viewpoint by following a structured lesson.
Develop familiarity with designing a story and implementing basic coding of animations.
Key vocabulary
usability testcurse of knowledgescaffold
Assessment
Formative
Use milestone checks, organizer responses, and daily test evidence to guide feedback.
Summative
The participant can explain the student workflow and identify where writing, design, and coding decisions occur. The practice text animation and character animation work, and the participant can locate the submit/publish and lesson-assignment workflow.
The student journey
This is a build — not a worksheet packet
Every lesson runs like the story students are about to make: read it, write it, build it, polish it, publish it. The printables scaffold each stage — the published Elementari project is the destination.
1
📖
Read
Students read a short, high-interest passage — a real-world hook, not a dry textbook definition — to spark ideas for what they'll make.
📖Test With Five Users — Starting With Yourself
In 2000, usability researcher Jakob Nielsen published a finding that quietly changed how software gets built: you do not need a laboratory or a hundred test subjects to find what is wrong with a design. Watching just five real users try to …
SourcesNielsen Norman Group — Why You Only Need to Test with 5 Users
In the studio, students bring the project to life — adding art and following the exact writing and coding steps shown below. The Studio Compass walks them through it, one step at a time.
🧭Studio CompassStep 1 / 8
Welcome to Elementari!
Try out and learn how writing and coding on Elementari works through this lesson geared for teachers. No coding experience needed! Don't worry - often students will explore coding
Key words — tap to learnon page start block
Each step checks off & advances on its own
All 8 studio steps · dynamic to the project
1Welcome to Elementari!~2 min
2Front Side Design 🎨~10 min
3Back Side Code - Intro 💻~3 min
4Back Side Code - Text Animation 📝~5 min
5Front Side Design - Advanced ✨~5 min
6Back Side Code - Animate 🚶♂️~5 min
7Last Step - Publish!~2 min
8Starting My Students - Assign a Lesson~3 min
4
🔁
Polish
ongoing
Teacher and peer feedback pin right onto the project — students revise until it's ready to share.
Feedback on the project2 pins
🍎
Add one more sentence here so readers get the full picture.
👍 2Teacher
A
The interaction is clear — it helps the reader follow the project!
A couple of things to gather, a few quick steps to prep — then you're ready to hand it to students.
What you need
A device per student or pair
Internet connection
Prep · about 10 min
1Print the student kits
2Assign this lesson to your students
3Skim the build steps
Teacher background
What you need to know
Expert knowledge hides its own steps — once we know a process well, we can no longer perceive where it confuses a newcomer. Completing the build as a student surfaces exactly where directions stall, which is evidence no amount of reviewing the lesson plan from the teacher's side can produce. Each hesitation found now becomes a scaffold placed before twenty-five students hit the same wall at once.
Key terms
usability test
watching real users attempt a task to discover where a design fails them
curse of knowledge
the difficulty of imagining what not-knowing feels like once you know
scaffold
temporary support placed where learners predictably struggle
Watch for these misconceptions
✕
Participants evaluate the platform only from the teacher dashboard. →Return to the student build and complete the next milestone before discussing classroom use.
✕
Participants assume every student needs the same amount of coding explanation. →Identify which validation, template, peer, or read-aloud support could let students proceed independently.
Standards alignment
Aligned to the standards you teach
Every task maps to a specific standard, so planning and reporting are covered.
Tracking 7 frameworks: Common Core ELA, Common Core Math, NGSS +4
Educators set professional learning goals to explore and apply pedagogical approaches made possible by technology and reflect on their effectiveness.
ISTE-E 2.5.a
Educators use technology to create, adapt, and personalize learning experiences that foster independent learning and accommodate learner differences and needs.
ISTE-E 2.5.b
Educators design authentic learning activities that align with content-area standards and use digital tools and resources to maximize active, deep learning.
ISTE-E 2.6.c
Educators create learning opportunities that challenge students to use a design process and computational thinking to innovate and solve problems.
Full task-by-task mapping — including Depth of Knowledge — is in the answer key.
Differentiation & accessibility
Built to reach every learner
One lesson, three built-in paths — with accessibility baked into the materials, not bolted on afterward.
Extra support
Emerging readers & writers
Read-aloud and multilingual support in the Elementari build
Studio Compass highlights one task at a time — including the coding
Sentence frames and a word bank so it is never a blank page
On grade
The core lesson
The passage and storyboard exactly as written
Model answers and “look-fors” in the answer key
Self-check chips at every milestone
Ready for more
Extension & challenge
Challenge vocabulary and a real-world extension question
Deepen one existing page or interaction — without changing the required mechanics
A longer, evidence-based reflection prompt
Accessibility, built inPredictable step-by-step structureOne task at a time · Studio CompassHighlighted response areasLow-stimulation printMovement-friendly pacingDesigned so every student can design, write, and code — with ADHD, autism, and dyslexia in mind.
Questions
Teacher FAQ
Do I — or my students — need to know how to code?
No. Coding concepts are introduced in plain language exactly when students need them, and Studio Compass confirms each milestone so students keep moving without you troubleshooting. The teacher guide walks you through the whole build, answers included.
How long does this lesson take?
About 35, paced into 45-minute class periods. You can spread it out or compress it — students pick up where they left off, so it doesn't have to finish in one sitting.
What devices does this lesson work on?
Students can read, write, code, and publish on Chromebooks, iPads, tablets, laptops, or desktops. All they need is a modern browser — nothing to download or install.
What is Studio Compass?
Studio Compass is the step-by-step guide inside the Studio. It shows students what to do next, identifies the exact coding blocks they need, and confirms completed milestones so they can keep moving independently.
How does this lesson support different learners?
This lesson includes read-to-me with synchronized highlighting, a built-in glossary, and picture-based storyboarding, with writing and coding scaffolds you can dial up or down. Students can work with guided support or more independently — and still finish the same project.
Ready when you are
Bring this lesson to your class
Import your class, assign in one click, and watch them build — the whole kit comes with it.
