Even the humble arrow cursor has a usability story. Its tilt and its tail are not whims, they solve real problems from the low-resolution era.
The arrow cursor is tilted roughly 25 to 30 degrees, and it has a tail, for usability reasons rooted in early low-resolution, monochrome screens. A perfectly vertical cursor looked like just another text character, so tilting it and adding a tail made it distinguishable from the type and gave it a clear direction. The shape traces back to early Xerox work and has stuck ever since.
Key takeaways
- Everyday UI elements usually exist for researched reasons, not designer whim.
- Early cursors were vertical and, on monochrome low-res screens, looked like text characters.
- Tilting the cursor (about 25-30 degrees) made it stand out from the surrounding type.
- The tail gives directionality, tapping into our shared sense that an arrow points somewhere.
- UI development is not the same as UI design; small elements shape how interfaces evolve.
The tale behind a simple UI element
We tend to assume small icons and controls are arbitrary, but they are usually the product of research, iteration and testing. The arrow cursor points to the upper left with its tail to the lower right, at a deliberate angle, not a random one. The question is why it leans instead of standing upright.
The low-resolution problem
On early monochrome screens, resolution was scarce and everything was one color. A vertical cursor shared the same dimensions and color as the on-screen characters, so it read like just another letter, moving in a rigid, character-like way rather than floating above the content. It was hard to tell the cursor apart from the text.
Why the tilt and the tail
Tilting the arrow broke that resemblance and made the cursor easy to pick out from the type. The tail added directionality: it draws on the deep, shared intuition (an archetype, in Jung’s sense) that an arrow points somewhere. A tilted, tailed cursor also echoed the arrow keys on early keyboards like the PLATO (1976) and IBM’s Model F (1982), reinforcing the same directional meaning.
Why a tiny element matters
This is a small example of how one minor UI element shaped later interface development. It also shows that UI development and UI design are not identical: the arrow cursor is a piece of engineering-and-research history that we still use today as if it were natural.
Because on early low-resolution monochrome screens a vertical cursor looked like a text character. Tilting it about 25 to 30 degrees made it distinguishable from the surrounding type.
The tail gives the arrow clear directionality, tapping into the shared intuition that an arrow points somewhere, and it echoes the arrow keys on early keyboards.
Roughly 25 to 30 degrees from vertical.
It traces back to early Xerox work, where the vertical cursor was modified after initial tests to add the tilt that made it readable on low-resolution displays.
Sweat the small UI details with a team that knows why they exist. Talk to Dorve.
Start a project