we put a small face on the imelabs pages, pebble, that follows your cursor and blinks on a loose timer. it does nothing functional. it answers no question and triggers no action. and yet people read the product differently when it is there: present, attending, a little bit alive.
that is worth understanding before you copy it, because the same gesture done wrong is one of the most off-putting things you can put on a page.
phatic, not informational
linguists call the "mm-hm" you make while someone talks a phatic signal. it carries no content. its whole job is to say "i am here, i am listening." conversation is full of these, and we miss them when they are absent more than we notice them when present.
the cursor-follower is a phatic signal in a ui. it tells you nothing about the product. it communicates presence. used sparingly that lifts warmth and trust; the interface feels tended rather than dead. used heavily it becomes a gimmick, then an irritant, then the thing the user closes the tab to escape.
the rules
each of these is a decision with a reason, not a style preference.
- the eyes drift, they do not lock on and stare. a fixed, tracking gaze reads as a threat; humans are wired to find steady, predatory attention unsettling. a soft drift toward the cursor reads as attentive, not aggressive.
- movement is damped and eased, never one-to-one. pupils that snap exactly to the cursor feel like a sensor, because that is what they are. add lag and easing and the same data reads as a creature following you, not a machine measuring you.
- the blink is on a jittered timer, not a fixed interval. regularity reads as mechanism. a little randomness reads as alive. this is the cheapest, highest-leverage detail in the whole effect.
- it reacts, it does not demand. no pulsing, no "look at me" animation, no sound. presence is the point; interruption is the failure. the moment it competes with the content, it has lost.
get the restraint right and the face sits just below conscious notice, doing its quiet job. get it wrong and you have built the uncanny valley with a logo on it.
the accessibility fallback
motion that tracks the user is exactly the kind of thing that should yield. behind a prefers-reduced-motion check, the face falls back to static: eyes centred, no tracking loop, no blink. it is still a face, still warm, just still. nobody who has asked their system to calm motion down should land on a page with a thing watching their cursor. one media query, and the default for that audience is rest.
a phatic gesture is a small idea with a lot of room in it. most "delightful" ui micro-interactions are actually informational dressed up; the genuinely phatic ones, presence without content, are rarer and worth thinking about properly.
want an interface with this kind of considered detail? that's the work.