interfacing^™

A small laboratory for the principles that make interfaces work — and the moments when breaking those principles is the move. Every "law" is a live instrument you can drag, click, and bend. Every rule has a "How this app uses it" disclosure that lets the app audit itself against its own teachings. If it cheats, it tells you.

A textbook with no textbook. A reference that prefers being played to being read. A thing built less to inform you than to let you notice what your own eye and hand were already doing.

The Labs. Targeting and pointing. Choice and reaction time. Working memory limits. Response thresholds. Grouping and proximity. Closure and figure-ground. Recall versus recognition. The unfinished-task pull. The standout effect. Each lab is a small playable demonstration of one principle, built so you can feel it instead of read about it.

The Deviations. A catalog of the rules we break on purpose, with reasons. Hidden undo. Modal-less panels. Numbered everything. Sliders only for brushes. Naked AxisGizmo. Type-only navigation. The other half of the book — when the instrument demands that the rule be broken.

The Dark Patterns. Live, interactive deceptions you can actually click — confirmshaming, roach motels, fake countdowns, visual interference, hidden costs, nagging — each with a "← gotcha" reveal that names the cognitive lever. Labs are the rules. Deviations are when breaking them is justified. Dark patterns are when breaking them is harmful. Three categories, one syllabus.

• Targeting — drag the target. The math knows what you'll do before you do it.
• Contrast — pick two colors and watch the contrast ratio judge you in real time.
• Response Threshold — the four-hundred-millisecond cliff. Below it, you converse with the machine. Above it, you wait for it.
• Working Memory — seven, give or take, treated as a memory game with a stopwatch.
• Style as Argument — sixteen visual skins, each pulled from a different renato.design app, each arguing for a different worldview in plain CSS.
• Aesthetic-Usability Effect — the slider where polish buys trust it has not yet earned.
• Signal Detection — four outcomes; no perfect threshold; that is the lesson.

Every lab in Interfacing has a "How this app uses it" disclosure that asks the harder question: does the host of this lesson actually obey what it teaches? Sometimes yes. Sometimes the answer is "no, on purpose, see Deviations." Sometimes the answer is "no, by accident, please file a bug." Either way, the app has to look at itself in the same mirror it hands you.

A few moments from inside — click any image to enlarge.