The details are not the details. They make the design.

Back to journal

Field note

Software as Material

June 5, 2026

A practical field guide to weight, tension, rhythm and digital tactility. Treating code as a physical medium changes how we build.

I think about software the way a furniture maker thinks about wood. Code is not abstract. It has grain. It has structural limits. It can be shaped with care or hacked together with visible seams. The difference between something built and something crafted is not the tools used. It is the attitude toward the material.

When I say software is material, I mean that the choices we make during construction have physical consequences in the user's experience. A button that responds instantly feels solid. A page that loads in pieces feels flimsy. These are not metaphors. They are direct perceptual experiences that our brains process using the same machinery we use to evaluate physical objects.

Weight and Inertia

Physical objects have mass. They resist acceleration. They carry momentum. Good interface animations simulate these properties not because realism is inherently valuable, but because our brains are wired to interpret physical behaviour as information.

A scroll view that coasts to a stop tells you something about the length of the content. A card that springs back when dragged too far tells you about its boundaries. These are not decorative flourishes. They are communication channels that work below the level of conscious attention.

The spring-damper model is the most useful tool in this domain. A spring defines the target position. A damper controls how quickly it gets there and whether it overshoots. Tuning these two parameters can produce anything from a crisp mechanical snap to a languid organic drift. Learn to love the spring curve. It will serve you better than any easing preset.

Rhythm and Timing

Good interfaces have rhythm. Elements enter and exit in sequence, not all at once. Staggered animations create a sense of orchestration that makes complex state changes feel intentional rather than chaotic.

The key insight is that rhythm requires silence. Not every element needs an entrance animation. The ones that do should be timed so they do not compete for attention. A sixty millisecond stagger between items in a list is often more effective than animating each item for three hundred milliseconds. The speed of the sequence matters more than the speed of any individual piece.

Tactility and Feedback

The final dimension of software as material is tactility: the sense that the interface responds to touch the way a physical object would. This is hardest to achieve on the web, where the browser mediates every interaction.

But even within these constraints, small choices compound. A hover state that begins before the cursor fully enters the hit area. A press state that triggers on pointer down rather than click. A drag interaction that follows the finger with zero perceptible lag. Each of these is a small victory over the inherent abstraction of the screen. The goal is not to simulate reality. It is to borrow from reality the qualities that make interactions feel trustworthy.