⚑ Interactive Classroom Tools

Teaching Innovation Lab

A curated suite of interactive tools I built to bring HCI, UX Design, Research Methods, and Project Management to life in the classroom β€” no installation required.

21
Interactive Tools
4
Learning Domains
100%
Browser-Based
Free
Open Access
Filter by:
🎨
UX & Design Studio 8 tools
Hands-on simulators for user research, interface design, and usability evaluation

πŸ§ͺ
UX Lab
UX Design Laboratory
A full-featured UX lab environment where students practice the complete design lifecycle β€” from ideation to high-fidelity wireframing and critique.
UX ProcessWireframingDesign Critique
Launch Tool β†’
πŸ”
Evaluation
Usability Checker
Step-by-step usability heuristics evaluator based on Nielsen's 10 principles. Students rate interfaces, generate reports and identify design violations.
Heuristic EvaluationNielsenReporting
Launch Tool β†’
πŸ‘€
User Research
Persona Generator
Guided persona creation tool. Students define demographics, goals, frustrations and mental models to build research-backed user archetypes.
PersonasEmpathyUser Centred Design
Launch Tool β†’
πŸ—ΊοΈ
Journey Mapping
User Journey Mapping
Interactive canvas for mapping user journeys β€” touchpoints, emotions, pain points and opportunities β€” using modern UX mapping conventions.
Journey MapsTouchpointsExperience Design
Launch Tool β†’
πŸ“
Layout
Layout Tester
Live layout experimentation sandbox. Students test grid systems, spacing, visual hierarchy and responsive breakpoints for UI components.
Grid SystemsResponsiveVisual Hierarchy
Launch Tool β†’
πŸ’‘
Design Thinking
Design Thinking Canvas
Digital canvas for all five Design Thinking phases β€” Empathise, Define, Ideate, Prototype, Test β€” with collaborative sticky-note functionality.
Design ThinkingIdeationProblem Framing
Launch Tool β†’
🌐
Cross-Cultural
Cross-Cultural Validator
Validates UI/UX decisions across cultural contexts β€” colour meaning, directionality, icon interpretation and cultural affordance mismatches.
Cultural UXLocalisationAccessibility
Launch Tool β†’
πŸ”€
RTL Design
Arabic UI Guidelines
Reference and practice tool for designing right-to-left interfaces. Covers Arabic typography, RTL layout rules, and culturally inclusive design patterns.
RTLArabic TypographyInclusive Design
Launch Tool β†’
πŸ”¬
Research Methods Workshop 5 tools
Tools that scaffold academic research skills β€” from forming questions to selecting methodologies

❓
Research Design
Research Question Builder
Structured wizard that helps students formulate clear, researchable questions using PICO, FINER, and other academic frameworks.
Research QuestionsPICOAcademic Writing
Launch Tool β†’
🧠
Topic Generation
Research Topic Generator
AI-assisted brainstorming tool that helps students explore and narrow research topics using keyword mapping and gap identification techniques.
BrainstormingTopic DiscoveryGap Analysis
Launch Tool β†’
βš—οΈ
Methodology
Methodology Selector
Decision-support tool guiding students to choose the right research methodology β€” qualitative, quantitative, mixed-methods β€” with rationale and examples.
Research DesignQual vs QuantMixed Methods
Launch Tool β†’
πŸ›οΈ
Culture
Research Culture Hub
An interactive hub for exploring and strengthening research culture in academic settings β€” covering integrity, collaboration, and scholarly communities.
Academic IntegrityResearch CultureCollaboration
Launch Tool β†’
πŸ€–
AI Ethics
Ethical AI Navigator
Scenario-based tool exploring ethical dimensions of AI systems β€” bias, transparency, accountability, and fairness through real HCI/XAI cases.
AI EthicsXAIResponsible AI
Launch Tool β†’
πŸ“‹
Project Management Toolkit 5 tools
Simulations and frameworks for agile workflows, team collaboration, and project evaluation

πŸ“Œ
Agile
Interactive Kanban Board
Drag-and-drop Kanban simulator for agile sprint planning. Students manage backlogs, work-in-progress limits, and delivery cycles.
KanbanAgileSprint Planning
Launch Tool β†’
🎯
Simulation
Jira Simulator
Realistic Jira-style project management simulation. Students create epics, stories and tasks, assign sprints and practice industry-standard workflows.
JiraScrumIssue Tracking
Launch Tool β†’
πŸ‘₯
Collaboration
Team Collaboration Tool
Rich collaboration workspace for team-based projects β€” includes shared task lists, role assignments, meeting notes, and decision logs.
TeamworkRolesShared Workspace
Launch Tool β†’
πŸ—‚οΈ
Team System
Team Management System
Comprehensive team management dashboard for tracking member contributions, evaluating performance, and managing deliverables across a full project lifecycle.
Team ManagementPerformanceDeliverables
Launch Tool β†’
πŸ“Š
Evaluation
PM Tools Evaluation Suite
Comprehensive evaluation framework (v3) for comparing project management tools and methodologies across real-world criteria and case studies.
Tool ComparisonPM FrameworksEvaluation
Launch Tool β†’
πŸŽ“
Student Success Centre 5 tools
Tools designed to support academic wellbeing, planning, and progression for all learners

🧭
Learning Path
Study Path Optimizer
Personalised learning path planner that maps student goals, skills gaps, and available resources into a structured, adaptive study roadmap.
Learning PlansGoal SettingAdaptive
Launch Tool β†’
πŸ“ˆ
Progress
Progress Dashboard
Visual progress tracking dashboard for students to monitor their achievements, completion rates, and learning milestones across modules.
Progress TrackingMilestonesVisualisation
Launch Tool β†’
⚠️
Risk
Academic Risk Assessment
Early-warning tool that identifies academic risk factors β€” attendance, engagement, grades β€” so educators can intervene before students fall behind.
At-Risk StudentsEarly WarningIntervention
Launch Tool β†’
πŸ›‘οΈ
Safety
Risk Assessment Tool
General risk assessment framework adapted for educational environments β€” covering physical, digital, and wellbeing risk factors for learners.
Risk ManagementWellbeingSafety
Launch Tool β†’
🏠
Hub
Student Tools Hub
A central launchpad aggregating all student-facing tools, resources, and guides into one accessible portal β€” perfect for class induction sessions.
Student PortalResourcesOrientation
Launch Tool β†’