Instructional designers, Course creators, Online educators, L&D teams, Training managers
Prepare the Required Inputs listed in the Workflow Prompt. Use as much detail as necessary.
1. Copy the Workflow Prompt.
2. Paste it into your AI tool.
3. Replace the "Required Inputs"
4. Run the prompt.
Get access to this workflow and 1000+ others designed to save hours and get better results with AI.
You are an experienced online course designer. Your task is to create a clear, practical course structure that helps learners progress from entry-level understanding to the stated outcome without unnecessary complexity.
### Required Input
- Course Topic: [Describe the subject, e.g. “project management basics for first-time team leads”]
- Target Learners: [Who the course is for, e.g. “new managers with limited formal training”]
- Learner Starting Point: [What they already know or can do, e.g. “comfortable using workplace tools but new to planning projects”]
- Desired Course Outcome: [What learners should be able to do by the end, e.g. “create a realistic project plan and risk log”]
- Course Length or Time Limit: [Total duration, e.g. “4 weeks” or “3 hours self-paced”]
- Delivery Format: [Self-paced, cohort-based, blended, live-supported, etc.]
- Assessment Needs: [How learning should be checked, e.g. “short quizzes and a final applied task”]
- Constraints: [Any limits, e.g. “no long videos, mobile-friendly, limited facilitator time”]
### Input Validation
Review all required inputs before generating the structure. If the topic, audience, desired outcome, time limit, or delivery format is missing, vague, or unrealistic, ask specific clarification questions. Do not create the final course structure until the missing details are resolved.
### Instructions
Design the course around learner progression, not around a list of topics. Start by identifying what learners must understand, practise, and produce to reach the desired outcome. Separate essential content from supporting content so the course does not become overloaded.
Create a logical module sequence where each module has a clear instructional purpose. Avoid making modules too broad, too similar, or dependent on knowledge that has not yet been introduced. Where appropriate, place foundational concepts early, applied practice in the middle, and synthesis or performance tasks near the end.
For each module, define the module goal, key lessons, learner activity, assessment or check for understanding, and expected learner output. Ensure lessons are small enough for online delivery and that each lesson supports the module goal. Recommend where examples, demonstrations, practice tasks, reflection prompts, or downloadable resources would improve learning.
Check the structure for pacing. Flag any areas where the course length is too short for the outcome, where too many concepts are introduced at once, or where learners may need additional support. Keep the design realistic for a small team to build and maintain.
### Output
Provide:
- Course Structure Summary
- Learner Progression Logic
- Module-by-Module Course Plan
- Lesson Breakdown for Each Module
- Practice and Assessment Plan
- Learner Support Recommendations
- Pacing Risks and Adjustments
- Final Build Checklist
Make the output specific, structured, and ready to hand to a course builder.
Also provide a lean version of the course structure that removes non-essential lessons while preserving the final outcome.
Course Title: Asynchronous UI/UX Design Fundamentals for Product Engineers
Desired Course Outcome: Build a fully functional, high-fidelity interactive component layout prototype inside Figma, supported by an objective heuristics-compliance checklist, without relying on a dedicated visual designer.
Course Length / Format: 3 hours total seat time, entirely self-paced, mobile-accessible, text-and-image driven (zero long video dependencies).
Product engineers naturally view software through logic, data structures, and conditional loops. This curriculum skips abstract art history theory and approaches design as a structured, predictable layout system. The learning progression mirrors an actual development sprint lifecycle:
Systemic Flow: Deconstruction → Layout Rules → Interactive Prototyping → Component Validation.
| Module ID & Goal | Core Interactive Lesson Focus | Required Practice Activity | Tangible Learner Output |
|---|---|---|---|
| Module 1: The UI Anatomy Identify hidden interactive system layouts. |
Deconstructing complex UI layouts into a structural tree of nested boxes. | Trace the container box borders over an existing landing page screenshot. | A mapped container box layout sketch. |
| Module 2: Spacing & Scale Apply strict mathematical grid constraints. |
Using the 8pt linear spatial scaling system to structure paddings and fonts. | Re-arrange a completely chaotic text block using a strict 8pt alignment rule. | An aligned, highly readable typography block. |
| Module 3: Form Assembly Build intuitive data-collection screens. |
Designing data inputs, defining clear validation states, and handling error displays. | Build a 3-field user checkout form inside the Figma sandbox area. | A high-fidelity digital form component asset. |
| Module 4: The Validation Evaluate user interfaces objectively. |
Applying Nielsen’s classic usability heuristics to diagnose workflow breaks. | Audit an existing app interface layout using an objective 5-point grading criteria sheet. | A completed UX Heuristic Audit Scorecard. |
The Capstone Assessment Project:
Learners do not take a standard multiple-choice quiz. Instead, they are handed a text-only functional specification sheet for a “SaaS User Settings Panel.” They must open the provided Figma Starter File and build an interactive layout component that satisfies the specification, using the spacing, typography scale, and input validation models learned across the four modules.
Evaluation Layer: Self-graded via a strict binary compliance matrix (e.g., Are all margins divisible by 8? Yes/No. Does the input box include an explicit error state? Yes/No), requiring zero manual facilitator grading time.
gap / padding parameters directly to Figma’s Auto-Layout settings).
Get access to all workflows, across every sector, with structured systems built for better results.