🎓 Step-by-step tutorial

Let's build your first lesson together

You don't need a tech background. You already know your subject - that's the hard part. This tutorial will walk you through everything else, one small step at a time.

✅ No install required ✅ Part 1 takes about 15 minutes ✅ You can't break anything ✅ Save as you go

Before you begin

2 minutes to read

Knowledge Quest Studio is a tool for building interactive online lessons - the kind that include quizzes, click-through scenarios, audio narration, and images. When you're done, you export your lesson as a SCORM file and upload it to your LMS (D2L Brightspace, Canvas, Moodle, or Blackboard). Your students take the lesson there, and their scores show up automatically in your gradebook.

You don't need to know what SCORM means. You don't need to know HTML. If you've ever put together a PowerPoint or typed a document, you already have all the skills you need.

What you'll need: A modern web browser (Chrome, Firefox, Edge, or Safari - any up-to-date version works). That's it. No account, no download, no credit card.

One more thing before we start: there is no way to accidentally break anything or lose your students' data. You're building a file on your own computer. If something looks wrong, you can undo it (Ctrl+Z or Cmd+Z), or just close the tab and start over. Nothing bad will happen.

Open the editor →

Part 1 - Your first lesson in 15 minutes

About 15 minutes - seriously
🔎 What you'll build in Part 1:
  • A title (welcome) slide with your lesson name
  • One content slide with a paragraph of text
  • A three-question multiple choice quiz
  • A Results slide that shows students their score
That's a complete, working SCORM lesson. We'll add polish in later parts.
1
Open the editor and start a new lesson

Click the button below (or the "Open Editor" button in the top-right corner of any page). The editor opens in your browser - no loading screen, no login prompt.

🔎 On the Welcome screen, click the big blue New Lesson button.

You'll land on the Lesson Settings panel. That's the right place to start.

Don't see the Welcome screen? If the editor opens with a previous lesson already loaded, click File in the top-left menu, then New Lesson.
2
Give your lesson a title

In the Lesson Settings panel you'll see a field called Lesson Title. Type your lesson name here - for example, "Introduction to Care Planning" or "Module 1: The Water Cycle."

Fill in your Institution name too if you like - it appears in the topbar of the lesson your students see.

🔎 Lesson Settings panel → Lesson Title field (first field at the top)

The Passing Score (default 70%) is what SCORM reports as "passed" to your LMS. You can leave it at 70 for now and change it later.

3
Add your first content slide

Now click Manage Slides in the left sidebar. This is where you build the structure of your lesson.

You'll see an empty lesson with just a title slide already created for you. Click on it to edit it - give it a title and optionally a subtitle like "Module 1 - Getting Started."

Then click + Add Slide and choose Content from the list. A new content slide appears.

🔎 Manage Slides → + Add SlideContent
Not sure what slide type to pick? Start with Content. It's the most flexible - you can add text, images, callout boxes, and more. We'll explain all the other types later.
4
Write your content

Click on your new content slide in the slide list. The editor panel opens on the right. Give the slide a title (this is the heading students will see).

Now click + Add Block and choose Paragraph. A text editor appears. Type your lesson content here - just like typing in a Word document. You can bold text, make bullet lists, and add links using the toolbar.

🔎 Content slide → + Add BlockParagraph

For your first lesson, two or three short paragraphs is plenty. You can always come back and add more later.

One idea per slide. If you notice yourself writing a very long slide, consider splitting it into two shorter ones. Students find shorter slides easier to digest - and it makes your lesson feel faster to complete.
5
Add a quiz

Go back to Manage Slides and click + Add SlideQuiz - Multiple Choice. A quiz slide appears after your content slide - exactly where it should be.

🔎 Manage Slides → + Add SlideQuiz - Multiple Choice

Click the quiz slide to open the editor. You'll see one blank question already there. Fill in:

  • Question text - what you're asking
  • Options A, B, C, D - the answer choices
  • Correct answer - click the radio button next to the right option
  • Feedback - one sentence explaining why the correct answer is right (optional but highly recommended)

Click + Add Question to add more questions. Aim for 3-5 questions for your first lesson.

Good multiple choice questions: All four options should look plausible. Avoid "all of the above" or "none of the above" - they're shortcuts that don't help students learn.
6
Add a Results slide

Every lesson that has a quiz needs a Results slide at the end. This is the screen where students see their final score - and it's where SCORM sends the grade to your LMS gradebook.

Click + Add SlideQuiz Results. Drag it to the bottom of your slide list if it's not already there.

🔎 Manage Slides → + Add SlideQuiz Results

You don't need to configure anything on the Results slide - it automatically shows the student's scores from all the quizzes in your lesson.

7
Preview your lesson

Before saving, take it for a spin. Click the Preview button in the topbar. Your lesson opens in a new browser tab exactly as students will see it. Click through the slides, answer the quiz, and check that everything looks the way you intended.

🔎 Topbar → Preview button (eye icon)

Close the preview tab when you're done and you'll be back in the editor.

Something looks off? Don't worry - just go back to the slide in the editor and fix it. Preview always shows the current state of your lesson.
8
Save your lesson

Press Ctrl+S (Windows) or Cmd+S (Mac) to save. The first time you save, your browser will ask you to choose a folder on your computer. Pick somewhere easy to find - your Desktop or a "Lessons" folder works well.

The editor saves your lesson as a file called index.html inside a folder you name. Keep the whole folder - the images and audio you add later will live inside it too.

💾 Ctrl+S / Cmd+S → choose a folder → Save
Save often. The editor saves your work in your browser automatically, but saving to your computer gives you a permanent backup. Make it a habit: save every time you finish a slide.
🎉 You just built your first interactive lesson!
That's a title slide, instructional content, a self-grading quiz, and a Results slide that posts to your gradebook. Seriously - that's a complete SCORM lesson. Most teachers take much longer to figure this out on their own. You're ahead of the curve.

The rest of this tutorial is about making that lesson more engaging and more personal - adding your voice, images, and more interactive elements. You can stop here and publish what you have, or keep going to add polish.

Part 2 - Add your voice and personality

About 10 minutes

Research on online learning consistently shows that students learn more and drop out less when they feel a personal connection to their instructor. Audio narration - even a simple recording on your phone or laptop - is one of the most effective things you can do. This section shows you how.

1
Record audio narration on the title slide

Click on your Title slide in the slide list. In the editor panel, scroll down to the Audio section. You'll see a toggle and a Browse… button.

Record a short welcome message - 30 to 60 seconds is perfect. You can record it on your phone's voice memo app, your laptop's microphone in any audio recorder, or directly in the editor if your browser supports it. Save it as an MP3 or WAV file, then click Browse… to attach it.

🎧 Title slide → Audio section → Browse…

A suggested script: "Hi, I'm [your name]. Welcome to [lesson title]. In this lesson we're going to cover [topic]. By the end, you'll understand [key outcome]. Let's get started."

Accessibility note: When your audio narrates the text that's already on the slide, the visible text serves as the transcript - no extra work required. Just make sure your audio doesn't say anything that isn't also written on the slide.
2
Add a Character Card with your photo

A Character Card lets you put your photo and a short personal message on any slide. Students who see your face and hear your name before a live session feel far more connected. It takes two minutes.

Click on your Title slide or any content slide. Click + Add Block and choose Character Card. Upload a photo of yourself, enter your name, and write a short welcome message in the speech bubble field.

👩 Any content slide → + Add BlockCharacter Card
What to write in the speech bubble: Something genuine and specific is better than something formal. "I've been teaching this topic for eight years and question 3 still trips students up - let's look at it carefully" is better than "Welcome to this module."
3
Write your slide text the way you actually talk

Go back and re-read your content slide. Does it sound like a textbook, or does it sound like you? Most people write differently than they speak - more formal, more passive, less personal.

Try rewriting one paragraph using contractions ("you'll" instead of "you will"), active voice, and direct address ("notice that..." instead of "it should be noted that..."). Ask yourself: if I were explaining this to a student in my office, would I say it this way?

Small change, big impact. Students can tell when a lesson was written for humans vs. when it was written to fulfill a requirement. Your voice - informal, specific, a little bit imperfect - is exactly what makes the difference between a lesson students rush through and one they actually read.

Part 3 - Make it visual

About 15 minutes

Images and visual layouts help students connect abstract concepts to something concrete. Richard Mayer's research on multimedia learning shows that words and pictures together produce significantly better learning than words alone - as long as the images actually relate to the content. This section covers the main visual tools.

1
Add an image

On any content slide, click + Add BlockImage. You can upload a file from your computer, or click Search free images… to search the Creative Commons library (Pixabay, Openverse, and Wikimedia Commons) right inside the editor.

📷 Content slide → + Add BlockImage or Image + Text

The Image + Text block places a photo and a paragraph side by side - great for diagrams with explanations. Try it for any concept that benefits from a visual.

Always fill in the Alt Text field - describe what the image shows in one sentence. This is required for screen reader users. The editor will remind you if you forget.

Before adding any image, ask: Does this help a student understand the concept, or is it just filling space? A relevant diagram is valuable. A stock photo of a smiling professional is not.
2
Add a Callout box

A Callout is a highlighted box for important notes, warnings, tips, or key definitions. It breaks up long text and draws the student's eye to what matters most.

Click + Add BlockCallout. Choose a type (Tip, Warning, Important, or Note) and write your text. Keep callouts short - one or two sentences is ideal.

💡 Content slide → + Add BlockCallout
3
Add Flip Cards for key terms

Flip Cards are exactly what they sound like - cards with a term on the front and a definition on the back. Students click to flip them. They're perfect for vocabulary, key concepts, or matching terms to definitions.

Click + Add BlockFlip Cards. Add as many cards as you need. Give each card a front label (the term) and back content (the definition or explanation).

🃏 Content slide → + Add BlockFlip Cards
Good uses for flip cards: Key vocabulary, drug names and their effects, historical figures and their contributions, steps in a process paired with what each step accomplishes.
4
Add a Timeline

The Timeline block creates a horizontal visual sequence - great for historical events, multi-step processes, or showing development over time. Each entry has a date/label and a description.

Click + Add BlockTimeline. Add your entries in order. The timeline renders as a visual horizontal track in the published lesson.

🕑 Content slide → + Add BlockTimeline

Part 4 - Go interactive

20-30 minutes - try one at a time

This is where Knowledge Quest Studio goes beyond a simple slideshow. The features in this section help students apply what they've learned, not just remember it. Don't try to use all of them at once - pick the one that fits your content best and try it in your next lesson.

🔁

Branching Scenarios

Students make a decision and follow different paths. Great for ethical dilemmas, patient care scenarios, and situational judgment.

💬

Dialog Simulations

A conversation between characters that students click through. Useful for modeling professional communication or showing how an expert thinks.

Fill in the Blank

Students type answers rather than selecting from a list. Tests active recall rather than recognition.

📋

Sequence / Order

Students drag or use arrows to put steps in the correct order. Perfect for procedures, processes, and workflows.

1
Try a Branching Scenario

A Branching Scenario slide presents students with a situation and two or more choices. Each choice can link to a different slide - one that shows consequences of that decision. It's one of the most powerful tools in the editor.

Click + Add SlideBranching Scenario. Write the scenario in the Scenario field. Then add 2-4 choices. For each choice, you can set a Target Slide - the slide the student jumps to after choosing.

🔁 Manage Slides → + Add SlideBranching Scenario
Simple branching structure: Create the scenario slide, then two "consequence" content slides (one for the good choice, one for the better choice). Link each option to its consequence slide. Students can then navigate back to the main flow. You don't need a complex tree - even one meaningful decision makes a lesson memorable.
2
Try a Dialog Simulation

A Dialog slide shows a conversation between named characters. Students click a button to advance through each line, like a chat or a script. You can add audio to each line for voice acting.

Click + Add SlideDialog Simulation. Define your characters (you can use yourself and a student persona, or two professional characters). Then write the dialog line by line, assigning each line to a character.

💬 Manage Slides → + Add SlideDialog Simulation

A good use case: a dialog where an experienced professional walks a new hire through a mistake - modeling how an expert thinks through a problem out loud.

3
Use True/False and Matching quizzes for variety

Beyond Multiple Choice, you have several other quiz types - all self-grading:

  • True / False - a series of statements students mark correct or incorrect. Fast to build, good for common misconceptions.
  • Matching - students match terms to definitions by selecting from a dropdown. Great for vocabulary-heavy topics.
  • Fill in the Blank - students type an answer. Tests active recall - harder than guessing from options.
  • Sequence / Order - students put items in the right order. Great for procedures and workflows.
Manage Slides → + Add Slide → choose any quiz type
4
Import questions from your existing test bank

If you already have questions in D2L Brightspace, Canvas, Cengage, Pearson, or McGraw-Hill, you can import them directly without retyping. Export your question bank from your LMS or publisher as a QTI ZIP or Respondus TXT file, then import it into Knowledge Quest Studio.

📦 File menu → Import Quiz Bank… → select your QTI or Respondus file

The importer reads Multiple Choice and True/False questions. Any question type it doesn't recognize is skipped (you'll see a summary of what was and wasn't imported).

🌟 You're building something genuinely good.
Most online courses students take are text-heavy, click-through PDFs. A lesson with a branching scenario or a dialog simulation is uncommon enough that students notice - and remember. You don't need to use every feature. One meaningful interactive element per lesson is enough.

Part 5 - Run a quick check and publish

About 10 minutes

Before you upload to your LMS, there are two tools built into the editor that will catch common problems: the Accessibility Checker and the Quality Coach. Neither one can stop you from publishing - they're advisors, not gatekeepers. But they'll catch things that would otherwise frustrate your students.

1
Run the Accessibility Checker

Click the Accessibility icon in the left sidebar (it looks like a person with arms out). The checker scans your lesson and flags anything that might create barriers for students with disabilities.

Left sidebar → Accessibility icon (universal access symbol)

Common things it flags: images missing alt text, quiz questions with no text, unnamed dialog characters. Each issue links directly to the slide it's on so you can fix it right away.

Why this matters: Many of your students have disabilities - visual, auditory, motor, or cognitive. An accessible lesson is a better lesson for everyone, including students studying on their phone or in a noisy environment.
2
Check the Quality Coach

Click the Quality Coach icon in the left sidebar (it looks like a star). This tool gives you pedagogical advice - things like "your lesson has 7 content slides but no quiz" or "3 questions are missing feedback."

Left sidebar → Quality Coach icon (star)

Each tip explains why it matters - not just what to fix. You don't have to act on every suggestion, but it's worth reading them before you publish.

3
Export your lesson as a SCORM package

When you're happy with your lesson, press Ctrl+E (Windows) or Cmd+E (Mac) to export. The editor runs a pre-flight check and then saves a .zip file to your computer. That zip file is your SCORM package.

📤 Ctrl+E / Cmd+E → choose a save location → Export

Don't unzip the file. Your LMS needs it as a zip.

4
Upload to D2L Brightspace (or your LMS)

In D2L Brightspace, go to your course, click Course AdminImport/Export/Copy ComponentsImport Components. Upload your zip file. D2L will process it and create the SCORM activity in your course.

For Canvas: go to your course → Modules (or Content) → Import from Commons or use the SCORM option in your course files area.

🎓 D2L: Course Admin → Import/Export/Copy Components → Import → upload zip
Test before you release to students. Take the lesson yourself as a student in a preview/sandbox enrollment. Click through every slide, submit the quiz, and verify the score appears in the gradebook. A 5-minute test now saves a very frustrating conversation with students later.
🏆 That's a complete, published, interactive lesson.
You built it, you checked it, and you published it. Your students are going to interact with something you made - something that reflects your expertise and your voice. That's not a small thing. Most teachers never get there because the tools get in the way. You did it.

What to try next

You know the core workflow now. Here are some things to explore when you're ready - each one adds depth without adding much complexity.

📦

Import from PowerPoint

Have existing slides? Use File → Import PowerPoint… to bring them in automatically. Text and images are imported; you add the interactivity.

🌞

Free image and music library

Search Creative Commons images and background music without leaving the editor. Click Search free images… in any image block.

🎉

Completion certificates

Students who pass your lesson can download a completion certificate with their name. Enable it in Lesson Settings → Certificate.

🧩

Question pools

Build a large pool of questions and have the quiz draw a random subset each attempt. Students can't memorize the order. Set it up in any quiz slide's settings.

Animations

Content blocks can slide, fade, or bounce in as students scroll. Find the Animation option on any block. It's automatically disabled for students who prefer reduced motion.

🤖

Optional AI tools

If you have an OpenAI API key, the editor can help draft lesson content and generate quiz questions. Completely optional - see Settings → AI to enable.

📄

Browse example lessons

See complete example lessons across nursing, history, language learning, and more. Each example shows the slide flow and explains why the design helps students learn. View examples →

Questions or stuck on something?

The built-in Help panel (question mark icon in the editor) has step-by-step documentation for every feature. It also has a "7 Principles of Good Lesson Design" section and tips on building instructor presence - written for teachers, not tech people.

Found a bug or want to request a feature? Visit the feedback board - no account required, you can post anonymously.

Open the editor and start building →