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.

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

LAB
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 →
EVAL
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
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 →
MAP
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 →
GRID
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 →
DT
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 →
CC
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
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 →
RES
Research Methods Workshop 6 tools
Tools that scaffold academic research skills - from forming questions to selecting methodologies

RQ
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 →
TOP
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 →
METH
Methodology
Methodology Selector
Decision-support tool guiding students to choose the right research methodology - qualitative, quantitative, or mixed methods - with rationale and examples.
Research DesignQual vs QuantMixed Methods
Launch Tool →
CULT
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
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 →
APR
AI Research
AI Research Companion & Prompt Designer
Practical student support tool for learning where AI fits in research work, with prompt design, keyword generation, search strings, proofreading prompts, and integrity boundaries.
Prompt DesignKeywordsProofreading
Launch Tool →
RW
Research Writing Tools 5 tools
A guided postgraduate thesis workflow with linked tools for research gaps, operationalisation, and literature review reporting

★ Featured
RL
Workflow
Research Lab
A guided thesis workflow for Master's and PhD students covering problem definition, research design, literature review, chapter planning, and final thesis writing.
Thesis WorkflowMaster'sPhD
Open Research Lab →
Student Guideline
PDF
Guideline
AI in Tertiary Education - Policy Report
Dr. Al-Sadi's NZQRI draft policy report on AI integration in NZ tertiary education. Essential reading for students researching EdTech, AI adoption, and education policy.
AI PolicyEdTechNZQRI
H1
Chapter 3
Hypothesis Generator & Operationalisation Planner
Generate H1 and H0 hypotheses, operationalisation tables, suggested scales, and a methodology-ready Chapter 3 paragraph from one interface.
HypothesesOperationalisationMethodology
Launch Tool →
PR
Literature Review
PRISMA Flow Diagram Builder
Track editable database searches, screen studies, generate live PRISMA counts, and export a clearer review workflow for systematic literature studies.
PRISMASystematic ReviewDiagram Export
Launch Tool →
RG
Chapter 1-2
Research Gap Identification Worksheet
Surface methodological, geographical, temporal, conceptual, and population gaps with writing-ready outputs for Chapters 1 and 2.
Research GapChapter 1Chapter 2
Launch Tool →
C2
Chapter 2
Literature Review Synthesiser
Organise reviewed studies into themes, compare methods and contexts, and generate Chapter 2 synthesis support that is easier to refine.
Literature ReviewChapter 2Synthesis
Launch Tool →
PM
Project Management Toolkit 5 tools
Simulations and frameworks for agile workflows, team collaboration, and project evaluation

KAN
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 →
JIRA
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 →
TEAM
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 →
SYS
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 →
EVAL
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 →
STU
Student Success Centre 5 tools
Tools designed to support academic wellbeing, planning, and progression for all learners

PATH
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 →
PROG
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
Risk
Academic Risk Assessment
Early-warning tool that identifies academic risk factors - attendance, engagement, and grades - so educators can intervene before students fall behind.
At-Risk StudentsEarly WarningIntervention
Launch Tool →
SAFE
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
Hub
Student Tools Hub
A central launchpad aggregating all student-facing tools, resources, and guides into one accessible portal - useful for class induction sessions.
Student PortalResourcesOrientation
Launch Tool →