Pseudo-Haptic Cursor Illusions for Web Interfaces

ISEF Category: Systems Software

Subcategory: Human/Machine Interface  ·  Difficulty: Intermediate  ·  Setup: Home Setup  ·  Time: 1 to 2 Months

The Hook

Your mouse can fool your brain. A small cursor change can make a screen object feel heavier, stickier, or smoother, even though nothing physical changes. That matters for games, accessibility tools, and virtual interfaces. You can test how much motion control has to change before people notice.

What Is It?

Pseudo-haptics means fake touch. Instead of vibrating a controller or moving a motor, you change how the cursor responds on screen. If the cursor slows down over one area, your brain may read that as friction. If it speeds up or lags, the same motion can feel like the object has weight or resistance.

Think of it like pushing a shopping cart with sticky wheels. You do not need real sticky wheels to create the feeling. A web library can change the control-display gain, which means the link between hand motion and cursor motion. Small changes in that mapping can create a strong sense of resistance, even on a normal laptop trackpad or mouse.

Why This Is a Good Topic

This is a strong science fair topic because you can test a real human perception effect with code, simple surveys, and basic statistics. You are not just building a demo. You are measuring a threshold, which is the point where people notice a change. That gives you a clear variable, a clear signal, and a clean way to compare conditions like different cursor speeds, tasks, or interface styles. It also connects to web design, accessibility, gaming, and training tools.

Research Questions

• How does control-display gain change the point at which users notice simulated friction? ?
• What is the effect of cursor path shape on discrimination thresholds for pseudo-haptic weight? ?
• Does adding a delay between movement and cursor response make the illusion of resistance stronger? ?
• To what extent do trackpad users and mouse users differ in detecting pseudo-haptic effects? ?
• Which gain pattern creates the strongest illusion of heaviness while keeping task accuracy high? ?
• How does repeated exposure change a user's ability to identify the pseudo-haptic condition? ?

Basic Materials

• Laptop or desktop computer with a modern web browser.
• External mouse and trackpad for comparison.
• Simple web app or browser-based cursor demo.
• Online survey form for participant responses.
• Spreadsheet software for recording accuracy and threshold data.
• Consent form and instructions for student participants.
• Quiet room with steady lighting and minimal distractions.

Advanced Materials

• Laptop or desktop computer with browser event logging.
• Web framework or JavaScript environment for building custom cursor behavior.
• High-precision mouse or gaming mouse for controlled input testing.
• Large monitor with stable refresh rate.
• Data export pipeline in CSV format.
• Statistical software for threshold fitting and mixed-effects analysis.
• Screen recording tool for debugging cursor trajectories.
• Optional eye-tracking system for attention and response-time analysis.

Software & Tools

• JavaScript: Builds the browser interaction and records cursor movement data.
• Python: Cleans response data, fits threshold models, and plots results.
• R: Runs statistical tests and mixed-effects models for participant data.
• ImageJ: Can help inspect screenshots or interface states if you test visual cues alongside motion cues.
• Google Forms: Collects participant judgments and confidence ratings quickly.

Experiment Steps

1. Define the exact illusion you want to test, such as friction, heaviness, or drag.
2. Choose one cursor parameter to change first, then keep every other interface feature fixed.
3. Design a threshold task that asks users to tell two motion conditions apart.
4. Plan control conditions that separate true pseudo-haptic effects from simple speed or latency cues.
5. Decide how you will randomize trials so users cannot guess the pattern.
6. Pick an analysis method that turns correct and incorrect responses into a discrimination threshold.

Common Pitfalls

• Changing several cursor properties at once, which makes it impossible to know what caused the illusion.
• Using a browser or device with inconsistent pointer acceleration, which adds hidden motion changes.
• Letting participants see the same pattern too many times, which trains them instead of measuring perception.
• Testing only one input device, which can hide whether the effect depends on mouse or trackpad use.
• Ignoring response bias, which can make people look sensitive when they are only guessing a favorite answer.

What Makes This Competitive

A stronger project will do more than prove that the illusion exists. You can compare multiple gain curves, test different input devices, and measure real thresholds instead of simple preference scores. You can also analyze whether the effect changes with task type, trial order, or user experience. That kind of design shows careful thinking about perception, software behavior, and human factors.

Project Variations

• Test pseudo-haptic friction on a mobile touchscreen instead of a mouse or trackpad.
• Compare linear gain changes with nonlinear gain changes to see which one creates a stronger weight illusion.
• Add a visual object size or texture change and test whether motion cues and visual cues interact.

Learn More

• PubMed: Search for review articles on pseudo-haptics, haptic perception, and psychophysics to find background studies and threshold methods.
• NIH PubMed Central: Read full-text human perception papers that discuss visual and motion-based touch illusions.
• MIT OpenCourseWare: Search for human-computer interaction and user interface design materials to learn study design basics.
• Stanford Encyclopedia of Philosophy of Science, measurement section: Use it for a clear overview of measurement, perception, and experimental inference.
• Human-Computer Interaction journals: Search recent papers on pseudo-haptics, cursor control, and pointing-device studies.