Skeuomorphism
Designing a digital object to visually mimic its physical predecessor, borrowing familiarity at the cost of extra visual weight.
Skeuomorphism is the practice of styling a digital interface element to resemble the physical object it replaces — a notes app textured like yellow legal paper, a calculator with beveled plastic-looking keys, a bookshelf UI with wood grain and page-turn animations. The word predates computing (it originally described ornamental features on manufactured objects that were structural in an earlier material), but in software it names a specific design era, roughly the 2000s through early 2010s, epitomized by early iOS and its skeuomorphic default apps.
The design logic was onboarding by analogy: a generation with no mental model for "tapping a rectangle deletes a file" already had a rock-solid mental model for "dragging paper to a trash can," so borrowing the physical object's appearance transferred the Affordance for free. That logic was sound when the target audience genuinely lacked digital priors. It became a liability once they didn't — by the mid-2010s, users had more practice with flat digital buttons than with the physical objects being imitated, and the ornamental detail (the wood grain, the leather stitching) was pure visual cost with no remaining affordance benefit.
The reaction was flat design (iOS 7, Material Design's first version), which stripped ornamental realism down to color, typography, and a much smaller set of abstract signifiers — shadow, elevation, tint — to carry the same cues more cheaply. That correction has itself been going through course corrections since (Material's later versions and neumorphism both reintroduced some depth and softness), which is the general shape of design pendulum swings: an idea overcorrects, gets criticized, and settles somewhere between its origin and its opposite.
Skeuomorphism is the clearest historical case study for Affordance because it makes the mechanism visible — it borrowed a physical object's affordance on purpose, then had to give it up once the borrowed familiarity stopped paying rent.
See also7
Diegetic Interface
An interface that exists inside the fiction, readable by the character as well as the player.
Play & Games17 connections
Uncanny Valley
The proposed dip in affinity as a likeness approaches, without reaching, the human.
Design & Interface10 connections
Design System
A shared vocabulary of tokens, primitives, and rules that makes independent work converge.
Design & Interface22 connections
Dark Mode
Serving an alternate palette for low-light preference, and the three states that implies.
Design & Interface19 connections
Motion Design
Using movement to communicate change, continuity, and hierarchy rather than to decorate.
Design & Interface23 connections
Slider
A control that sets a value by dragging a handle along a track, borrowed from the faders of audio equipment, ideal for adjusting something approximate with instant feedback and poor for entering an exact number.
Design & Interface11 connections
Toggle Switch
An on-screen control for a single on-or-off setting that takes effect immediately, borrowed from light switches, distinct from checkboxes and radio buttons, and notorious for leaving people unsure which state it is in.
Design & Interface11 connections
Linked from4
- AffordanceDesign & Interface
A property an object's design communicates about how it can be used, before any instruction is read.
- GlassmorphismDesign & Interface
An interface style of translucent, blurred panels that let the content behind them show through like frosted glass, recurring across operating systems since the 2000s and repeatedly criticized for hurting legibility.
- IconographyDesign & Interface
The design and use of small symbolic images in interfaces and signage, which are quick to recognize when familiar and surprisingly ambiguous when not.
- SignifierDesign & Interface
A perceivable cue that tells people what action is possible and where to take it, the visible half of an affordance and the fix for doors that make everyone push the wrong way.