Skip to main content

Activity Designer Overview

The Activity Designer is a visual tool for creating interactive learning experiences.

Activity Designer

What You Can Create​

  • Interactive Activities — Step-by-step guided experiences
  • Reflection Exercises — Journaling and self-assessment tools
  • Coaching Programs — Multi-session development paths
  • Training Modules — Skill-building sequences

Accessing the Designer​

  1. Click Design in the main navigation
  2. Select Create New Activity or edit an existing one
  3. The designer canvas opens

The Interface​

Canvas Area​

The central workspace where you build your activity:

  • Nodes represent activity steps
  • Connections show flow between steps
  • Drag and drop to arrange
  • Zoom and pan for navigation

Component Panel​

Left sidebar with available components:

  • Display Components — Text, images, video
  • Input Components — Text fields, sliders, ratings
  • Action Components — Tasks, reminders
  • AI Components — AI prompts and analysis

Properties Panel​

Right sidebar for configuring selected items:

  • Component settings
  • Styling options
  • Validation rules

Toolbar​

Top bar with actions:

  • Save — Save your work
  • Preview — Test the activity
  • Settings — Activity-level options
  • Publish — Make available to users

Building Your First Activity​

Step 1: Create New​

  1. Click Create New Activity
  2. Enter a title and description
  3. Choose a category
  4. The canvas opens with a start node

Step 2: Add Steps​

  1. Drag components from the panel
  2. Drop onto the canvas
  3. A new step is created
  4. Connect to previous step

Step 3: Configure Components​

  1. Select a component
  2. Set text, labels, options in properties panel
  3. Configure validation if needed

Step 4: Define Flow​

  1. Connect steps with arrows
  2. Add branches if needed
  3. Create endpoints

Step 5: Preview and Test​

  1. Click Preview
  2. Run through as a user would
  3. Test all paths

Step 6: Save and Publish​

  1. Click Save
  2. Review settings
  3. Click Publish when ready

Designer Features​

  • Drag and Drop — Easy component placement
  • Visual Flow — See the complete activity structure
  • Real-Time Preview — Test without leaving designer
  • Auto-Save — Never lose progress

Best Practices​

  • Start with the outcome — What should users achieve?
  • Keep steps focused — One concept per step
  • Provide clear instructions — Users should always know what to do
  • Test thoroughly — Walk through every possible path

Next Steps​