top of page

Spot It

Ask learners to find what is wrong or missing in an image.

Best for: inspection, safety, attention to detail.

Build Find-the-Error Activities Without Code

Inspection training lists what to check. The list makes sense in the room and does nothing on the floor, because spotting a problem is a visual skill and reading is not visual practice.

Spot It puts the errors in an image and asks learners to find them. You mark what is wrong, write the feedback, and export a single HTML file you embed in Articulate Rise, Storyline, Captivate, Canvas, Moodle, or any LMS that accepts HTML.

Use it for safety inspection, quality control, and document review, where the whole job is noticing the thing that should not be there.

WHY IT WORKS

Spot It asks learners to find what is wrong or missing in an image.

Trying to answer before seeing the answer improved later learning, even when the attempt failed. Kornell, Hays and Bjork (2009).

Build Find-the-Error Activities Without Code

How To Use the Generators


Each tool in the eLearningDesign.org ecosystem follows a streamlined, three-step workflow designed to keep you focused on instructional strategy while we handle the technical execution.

  1. Input Your Content: Open the Content tab to add your specific learning prompts, interactive options, and coaching feedback. This is where you build the logic and instructional heart of your activity.

  2. Customize Your Design: Switch to the Design tab to align the tool with your course aesthetic. You can manually adjust colors, typography, and layout structures to ensure a seamless visual fit.

  3. Generate and Embed: Go to the Generate tab to finalize your tool. Click "Copy Embed Code" for your authoring tool's HTML block, or "Download as HTML" for local hosting and offline use.

Common Use Cases


  • Safety Inspection: Train people to spot hazards in a real work environment.

  • Quality Control: Practice finding defects before they reach a customer.

  • Document Review: Have learners catch errors in a form, invoice, or contract.

Technical Specifications


  • Visual Interface for Code: Mark the errors on your image while the generator handles click detection and feedback.

  • Fixed-Frame Optimization: Built to hold its layout inside iframes and web objects in Rise 360 and Storyline.

  • WCAG Friendly: Includes keyboard navigation support so the activity stays accessible.

  • Brand-Consistent Palette: Fully customizable colors and fonts so the tool matches any corporate, educational, or organizational identity.

bottom of page