Layout
Your Interaction Profile
1919 — Present

The Architecture
of Interaction

How humans and computers learned to think together. A century of co-evolution traced through behavior, markets, identity, and planetary cost.

Scroll to enter the river
Era I

The Foundations

1919 – 1960
1919

Bauhaus Founded

Walter Gropius opens a school in Weimar. Form follows function. Grid systems replace ornament. A rational visual grammar is born that will shape every screen you have ever touched.

Mass production incentivized. Craft displaced.
"Every pixel grid descends from this."
Behavioral
Rational visual grammar replaces ornament. The eye learns to parse information hierarchically.
Market
Industrial manufacturing booms. Traditional craftsmen displaced by standardized production.
Social
Design democratized through mass production. Beauty no longer reserved for the wealthy.
Planetary
Industrial-scale production accelerates resource extraction. The factory as design philosophy.
Heuristic
Seeds of Consistency & Standards (H4) and Aesthetic Minimalist Design (H8). The grid is the first interface pattern.
Winners & Losers
Winners: Industrial manufacturers, modernist architects. Losers: Traditional craftsmen, ornamental artisans.
1945

Vannevar Bush's Memex

"As We May Think" published in The Atlantic. Bush imagines a desk-sized device that lets scholars follow associative trails through stored knowledge. Hypertext conceived 45 years before the web.

Shifted thinking from linear reading to associative browsing
Vannevar Bush's Memex concept illustration, 1945 "He designed your browser in 1945."
Behavioral
The mind modeled as a web, not a line. Reading becomes browsing. Attention becomes nonlinear.
Market
Laid the intellectual groundwork for search engines. Influenced ARPA funding priorities.
Social
Post-WWII dream of democratized knowledge access. Science as a public good.
1945

ENIAC

30 tons of vacuum tubes in a Philadelphia basement. The first general-purpose electronic computer shifts calculation from human "computers" (mostly women) to machines. A new kind of labor disappears overnight.

$500K military investment. Human computers displaced.
Women programming ENIAC, 1946. U.S. Army photo. "The first programmers were erased from the story."
Behavioral
Calculation offloaded from brain to machine. The cognitive division of labor begins.
Market
Military funding validates federal R&D investment. The defense-to-civilian pipeline established.
Winners & Losers
Winners: Military-industrial complex. Losers: Human computers, predominantly women, erased from history.
Planetary
Inaugurated "big science" infrastructure. Computing as energy-intensive endeavor begins here.
1950s

Cybernetics & SAGE

Humans integrated into digital control loops. Light guns, real-time displays, feedback systems. The air defense network that cost more than the Manhattan Project birthed interactive computing as a side effect.

$61B for SAGE. 20% of IBM's workforce on one contract.
"The first touchscreen was a weapon."
Behavioral
The "cyborg" metaphor emerges. Humans modeled as information processors in feedback loops.
Market
Massive capital: $61B for SAGE alone. Military blank checks created an entire industry.
Social
Global surveillance dome conceived. The "closed world" of continental defense reshapes geopolitics.
Planetary
Continent-scale computing infrastructure. The first data centers, disguised as bunkers.
1960

Man-Computer Symbiosis

J.C.R. Licklider publishes the paper that seeds everything. Not replacement, not tool use, but symbiosis. The human and the computer thinking together, each doing what the other cannot.

Spawned ARPANET. Then the internet economy. Then everything.
SYMBIOSIS
"One paper. Everything after."
Behavioral
Interactive computing replaces batch processing. The conversation between human and machine begins.
Heuristic
Foundation of User Control and Freedom (H3). The user is not a passenger. The user drives.
Social
Collaborative tools, remote work cultures begin. Computing as communication, not just calculation.
Era II

The Interface Emerges

1963 – 1984
1963

Sutherland's Sketchpad

A PhD thesis that invented the future. Draw on a screen with a light pen and the computer understands geometry. The first WYSIWYG. The first direct manipulation. Computing begins to feel like thinking.

First direct manipulation interface. Sparked the entire CAD industry.
Ivan Sutherland using Sketchpad on the TX-2 computer, 1963 "A man touching a screen for the first time."
Behavioral
First WYSIWYG interaction. What you see is what you get. The gap between intention and result collapses.
Heuristic
Direct manipulation born. Recognition over Recall (H6) demonstrated for the first time.
Market
Sparked CAD/CAM industries worth hundreds of billions today.
1968

The Mother of All Demos

Douglas Engelbart demonstrates the mouse, hypertext, video conferencing, collaborative editing, and windowed interfaces to a stunned audience in San Francisco. Every interaction you perform today was shown in this 90-minute demo.

Mouse licensed to Apple. Became standard in billions of devices.
Douglas Engelbart's first computer mouse prototype, 1964 "Carved from wood. Used by billions."
Behavioral
Pointing replaces typing. The hand gains a digital extension. Spatial navigation becomes intuitive.
Heuristic
Flexibility and Efficiency of Use (H7). Power users and novices share the same tool.
Social
Remote collaboration demonstrated live. The first glimpse of Zoom, 52 years early.
1973

Xerox Alto & Star

Desktops. Trash cans. Folders. Visual metaphors replace memorized commands. The office migrates onto the screen. Xerox invents the future and then famously fumbles it.

Technology adopted by Apple and Microsoft. Xerox kept the receipts.
Document.txt The future was invented here. Then lost.
Mail To: Steve Jobs Re: Visit PARC
🗑
"They invented the future and gave it away."
Behavioral
Recognition replaces recall. You see a folder, you know what it does. The metaphor does the teaching.
Heuristic
Recognition Rather Than Recall (H6). Consistency and Standards (H4). The GUI heuristic canon begins.
Market
Xerox PARC's inventions worth trillions, captured by competitors. The original fumble.
1984

Apple Macintosh

Point and click becomes the norm. Computing enters homes, schools, kitchens. The command line retreats. For the first time, a computer is friendly. The relief is physical.

Dominated desktop publishing. E-waste begins its exponential curve.
hello
"The machine spoke first."
↑ upstream 1973 stolen fire
Behavioral
Point and click as default. The mouse hand becomes second nature. A generation learns to compute without commands.
Market
Desktop publishing revolution. Apple revitalized. The personal computer market explodes.
Planetary
E-waste begins its exponential curve. Planned obsolescence enters the consumer vocabulary.
Social
Computing enters homes and schools. The digital divide begins: who has a Mac, who doesn't.
Era III

The Network

1990 – 2006
1990

The World Wide Web

Tim Berners-Lee writes a proposal his boss labels "Vague but exciting." Clicking a blue underlined word takes you somewhere else. The feeling of infinite possibility. The browser as portal.

Spawned the dot-com boom. Amazon. Google. Everything connected.
click here "This is the invention. You're looking at it."
Behavioral
Clicking links replaces typing commands. Browsing becomes casual, endless, associative. Bush's Memex realized.
Market
Dot-com boom and bust. Amazon, Google, eBay. A new economy built on hyperlinks.
Planetary
Data centers begin their energy ascent. The physical infrastructure of the virtual world grows.
Social
Information access democratized globally. 78% decline in teen pregnancy correlated with information access.
1995

Amazon & 1-Click

Jeff Bezos patents removing friction from purchasing. One click and something arrives at your door. The most consequential UX decision in commerce: every barrier removed is revenue gained.

E-commerce projected $6.88T by 2026. ~21% of all retail.
Confirm Purchase
☐ I have reviewed my order
Buy Now
Are you sure?
1-Click
purchased
"Every removed step was a thought you stopped having."
↑ upstream 1990 commerce layer
Behavioral
Impulse buying enabled by friction removal. The gap between desire and purchase approaches zero.
Heuristic
Aesthetic and Minimalist Design (H8) applied to commerce. Fewer clicks equals more revenue.
Market
Physical retail disrupted. Local economies strained. The everything store changes everything.
Social
Main streets empty. Delivery workers multiply. The convenience economy reshapes cities.
2004

Facebook

A Harvard dorm room product that learns to monetize human connection. The News Feed, the Like button, the algorithmic sort. Your attention becomes the product. Your identity becomes a performance.

Monetized human attention across billions of users via ads
👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍
"The simplest behavior modification device ever built."
↑ upstream 1990 social layer
Behavioral
Dopamine-driven scrolling. Variable reward mechanisms. The slot machine in your social life.
Social
Echo chambers amplified. Mental health paradigms altered. Identity becomes performative, curated.
Market
Attention monetized at scale. The advertising model becomes the internet's business model.
Winners & Losers
Winners: Platform owners, advertisers. Losers: Local journalism, privacy, teen mental health.
Era IV

The Pocket

2007 – 2017
2007

iPhone

Steve Jobs puts a computer in your pocket and you never put it down. Pinch, swipe, tap. The interface becomes your body. Phantom vibration syndrome: your nervous system wired to a rectangle of glass.

$500B+ annual smartphone market. Trillion-dollar app ecosystems.
"Your entire life. This shape."
Behavioral
Touch-based interaction feels natural. The phone as body extension. 7 to 9 hours daily screen time for teens.
Planetary
Rare earth mining accelerates. Conflict minerals. Cobalt from the DRC. The phone's hidden geography.
Market
App Store creates $500B+ economy. Nokia and BlackBerry destroyed. New billionaires minted from apps.
Social
Ubiquitous computing changes daily life. Always on, always connected. Addiction concerns rise.
2016

Stories & Pokemon GO

Ephemeral sharing. Physical movement for digital rewards. Instagram Stories proves content doesn't need to last. Pokemon GO proves the screen doesn't need to end at the glass.

AR proves commercial viability. $1B+ revenue in months.
"Gone. What were we talking about?"
Behavioral
FOMO amplified. Permanence anxiety reduced. Identity shifts from archive to fleeting performance.
Market
Augmented reality proves commercial viability. Location-based services become billion-dollar markets.
Social
Strangers gather in parks chasing digital creatures. The screen escapes the pocket into shared physical space.
2018

TikTok

The algorithm doesn't just show you what your friends share. It learns what your eyes linger on and builds a mirror of your unconscious interests. Attention spans compressed to seconds. Identity construction outsourced to a black box.

$100B+ creator economy birthed. Algorithm ownership becomes geopolitical.
"You stopped choosing three seconds ago."
Behavioral
AI-tailored "For You" feed. Content consumption becomes passive. The user stops choosing.
Social
Viral micro-trends break traditional marketing lifecycles. Identity as algorithmic reflection.
Market
Creator economy explodes. Traditional media budgets redistributed to individuals with phones.
Winners & Losers
Winners: Content creators, ByteDance. Losers: Traditional media, anyone over 30 trying to keep up.
Era V

The Merge

2020 – Present
2020

Pandemic

The world goes inside. Zoom hits 300 million daily users. Your living room becomes your office, your school, your bar, your doctor's waiting room. The screen becomes the only window. Essential labor splits along interface access: those who Zoom and those who deliver.

Zoom: 300M daily users. $100B+ valuation. "You're on mute."
"300 million faces. How many were seen?"
Behavioral
Explosive scaling of collaborative UIs. Zoom fatigue: too many faces, not enough bodies.
Social
"Alone together" paradox. The domestic sanctuary merges with the digital panopticon.
Winners & Losers
Winners: Tech platforms, remote workers. Losers: Service workers, small businesses, children's social development.
2022

ChatGPT & Stable Diffusion

The text cursor becomes the universal interface. Type what you want and it appears. Users become directors, not operators. The prompt replaces every prior paradigm. Simultaneously: democratized creativity and democratized misinformation.

OpenAI hits $80B+ valuation. The universal interface is a blinking cursor.
"This is every interface now."
Behavioral
Users become creative directors. The "multiplier effect." Natural language replaces learned gestures.
Heuristic
The universal interface (text cursor) replaces all prior paradigms. Help and Documentation (H10) becomes conversational.
Market
Knowledge work and creative labor markets disrupted simultaneously. Every industry recalibrates.
Social
Democratized creativity AND misinformation. The cost of producing anything drops to near zero.
2023

Sensory Interfaces

Your body already speaks every language a screen can. A one-inch neck patch translates throat muscles into speech with 95% accuracy — no vocal cords needed. A tongue grid lets blind users see through vibration patterns. A wrist camera converts vision into touch on your palm. The screen was always the workaround.

95% speech accuracy from a 1-inch throat patch. Vision through touch at CHI 2025.
"The screen was always a workaround."
Behavioral
The body becomes input AND output. Sensory substitution: vision through touch, speech through muscle. No screen mediates.
Social
Accessibility as innovation driver. Devices designed for disability become universal. The curb cut effect in neural interfaces.
Heuristic
Every Nielsen heuristic assumed a screen. When the body is the interface, feedback is haptic, errors are felt, recognition is tactile.
Planetary
A 1-inch patch vs. a 2-pound headset. The most powerful interfaces may be the smallest. Material cost approaches zero.
2024

Neuralink: First Human Implant

A chip in Noland Arbaugh's brain lets him move a cursor by thinking. Physical inputs bypassed entirely. Thought to action with no intermediary. Licklider's 1960 symbiosis vision physically realized, 64 years later. The boundary between thought and machine action dissolves.

BCI market reaches $3B+. The interface disappears into the body.
"No hands. No eyes. Just thought."
Behavioral
Physical inputs bypassed entirely. The mouse, the touch screen, the gesture, the gaze: all rendered archaeological.
Heuristic
Licklider's symbiosis physically realized. Every heuristic must be reconsidered when the interface is thought itself.
Social
Medical breakthrough AND existential ethics. Who gets augmented? Who decides what "normal" cognition means?
Now

The Datacenter Crisis

Every interaction on this page required electricity. The global AI infrastructure boom demands 945 terawatt-hours by 2030, roughly 3% of all electricity on Earth. Facilities optimize their efficiency, but volume overwhelms every savings. The river we've been swimming in has a temperature.

945 TWh by 2030. $7T infrastructure boom. 3% of global electricity.
0 Whconsumed since you opened this page
"You're adding to this number right now."
Planetary
PUE paradox: facilities optimize, but volume overwhelms savings. Eco-anxiety paired with total AI reliance.
Social
Cognitive dissonance: we know the cost, we can't stop using it. The algorithmic self precedes the physical self.
Market
$7 trillion infrastructure investment. The largest capital deployment since electrification itself.
You are the interface.
The river is not the technology. The river is you, shaped by it.
✦ Constellation — Bias Threads
Meet the Observer

This octopus is your digital body — its tentacles track each lens of analysis. Click a tip to activate a lens. Hover near a tentacle to see its notes.

Keyboard Shortcuts
CConstellation map
,Settings panel
PYour interaction profile
?This help
EscClose overlay