The Lab · Exhibit 01
A History of the Interface
Nine decades, one band. We are going to cross every interface built since 1945 by following The Meridians — a band who sell records. They sold two one morning and three that afternoon, and somebody has to add that up. Each machine here is a different way of doing it, so follow that five from a switch on a napkin to a text box that answers in English.
Nine decades · one band · every date sourced
There was no interface yet
Before a screen, before a keyboard, before a single metaphor — a computer was wire that was either open or closed. Everything in the eighty years after this is a way of not having to look at it.
Meanwhile: The Meridians have never heard of any of this, and never will. They are counting the night’s takings on the back of a set list and cutting straight to acetate. Nothing on this page is available to them, or to almost anyone.
Why it was built that way
There was no alternative to look at. A computer was a physical circuit, so changing what it did meant rebuilding it — ENIAC was set up by re-plugging cables and 3,600 switches by hand. Days to wire, weeks end to end. Its 1948 conversion to a stored program cut that to hours.
What we traded away
Nothing yet — but watch step five, where the wires get replaced by a symbol. That is the first abstraction in this whole history, and it happens on paper, forty years before the desktop. Everything in the eight decades after this is another layer stacked on the one you just drew.
The first translation layer
The ADD you wired on the last page now has a number: opcode 0010. Everyone knew a computer could run instructions like that. Grace Hopper's claim was that it could also translate — that you could write near-English and let the machine turn it into these. By her own later account she had a running compiler and nobody would touch it: she was told computers could only do arithmetic.
Meanwhile: still paper. A compiler in 1952 runs on a UNIVAC in a government lab, on a machine the size of a room. The band adds up the door money in a notebook.
Why it was built that way
A machine understood numbered instructions, so a person wrote numbered instructions. There were no error messages because there was nothing in the machine that knew what you meant — only what you said.
What we traded away
Nothing, and that's the point — this is the one trade in the series that's purely a gain. But it starts the pattern: from here on, every layer buys reach and costs sight. In 1952 you could still read all the way down. That stops being true.
The twenty-year gap
The band sold two records in the morning and three in the afternoon. Adding them up meant handing a deck of punched cards across a counter and waiting — minutes at a well-run computing centre, overnight at a busy one. On 9 December 1968, in San Francisco, Doug Engelbart pointed at a word on a screen and moved it instead.
Meanwhile: this is the first machine the band could plausibly have been near — and only through an accountant, on somebody else’s time. They still keep the real numbers on paper.
Why it was built that way
The machine cost more than the building it sat in and served hundreds of people, so its time was scarce and yours was not. Queueing jobs was the only fair way to share it. Interactive timesharing already existed — thousands of students were using it — but a terminal of your own was still the exception.
What we traded away
Nothing — this one is pure gain. What should bother you is the delay. The mouse, linked documents and shared-screen editing all worked on 9 December 1968, and almost none of it was buyable until the mid-1980s. The bottleneck was never the idea.
Telling it, or seeing it
The day's takings are a report now. A teletype could only describe it — you typed a command, it typed back a sentence, and the page stayed invisible until it hit paper. Then the Xerox Alto arrived in 1973, and in September 1974 an editor called Bravo put the page itself on the screen.
Why it was built that way
A teletype was a typewriter on a wire — no screen, so nowhere to show you a page. Formatting had to be described in commands and resolved later, which is why every command was a verb and a number.
What we traded away
Nothing lost — and PARC did not even have to invent a phrase for it. “What you see is what you get” was already American slang, made famous by Flip Wilson in 1969. Chuck Thacker's account is that his wife supplied the link: shown Bravo on an Alto, she said, “You mean, what I see is what I get?”
The menu you had to hold
The report became a file you could open, change and save. Every command lived in a pull-down menu — but the menu was spring-loaded: press, drag, release. Let go early and nothing happened.
Why it was built that way
A mouse was brand new and nobody trusted it. Holding the button meant the menu could never be left open by accident — the interface reset itself the instant you let go.
What we traded away
Sticky menus arrived in 1997 and nobody misses the strain. But the old way had one honest property we lost: the machine was only ever in a state you were physically holding it in.
Click and hope
The band put their numbers on a website. Before search, you found anything on it by reading link text and guessing — and frames, which kept the navigation on screen, quietly broke the one thing that made the web the web.
Why it was built that way
Blue for unvisited, purple for visited — the convention Mosaic set in 1993, and the first time ordinary people understood a word could be a place. Frames arrived with Netscape Navigator 2.0 in early 1996 because every click cost a full page load over a 28.8k modem, and reloading the navigation each time was genuinely wasteful.
What we traded away
Look at the address bar. It never moved. Jakob Nielsen was writing about exactly this by November 1996: with frames, the address “no longer constitutes a complete specification of the information shown.” A page stopped being a thing you could send to someone. Single-page apps broke it again, and every framework since has re-implemented browser history by hand.
A thousand songs, one thumb
The band's whole catalogue fits in a pocket now, alongside a thousand others. Lists got longer than screens, and the first iPod answered with a mechanical scroll wheel that physically turned under your thumb — the click wheel is a 2004 invention — plus, in Apple's own launch words, “automatic acceleration when scrolling through long lists.”
Why it was built that way
A rotary input has no end. Announced 23 October 2001, the iPod carried 1,000 songs — and you could travel all of them with one thumb, without running out of screen. No scroll bar of the era could do that.
What we traded away
Touchscreens won, and the moving parts went with them. The 2001 wheel physically turned under your thumb, so it told you where you were without asking your eyes. Almost nothing on a phone does that now.
The audience became a number
The band stopped counting records and started counting likes. It was the cheapest signal ever invented — one tap, nothing written, nothing risked — and it let a billion people take part in something they would otherwise only have watched. Then it started deciding what got made.
Why it was built that way
Commenting is exposure — you have to have something to say and put your name on it. A tap costs nothing, so almost everyone does it, and creators got the first real-time audience feedback anyone in history has had.
What we traded away
The number stopped describing the work and started deciding it — what gets shown, what gets made next, what gets paid for. Instagram tested hiding like counts in 2019 because of what they were doing to people. Your own two scores above are the argument.
One rectangle for everything
Seventy years after Grace Hopper argued you should be able to write in English, you can. The band's whole operation lives behind one now. It is the same blank box in every product, because the product is what sits behind it.
Why it was built that way
Language is the most expressive input anyone has ever had. A box that accepts any sentence needs no menus, no onboarding and no translation into someone else's vocabulary — which is exactly the thing Hopper was arguing for in 1952, finally arriving.
What we traded away
Every interface before this one told you what it could do by showing you. A blank box tells you nothing, so you find the edges by hitting them. And for the first time in this whole history you cannot tell two products apart by looking at them — the difference moved somewhere you can't see.
Sources
Every date and claim in this piece, with where it came from. Anything I could not verify is marked as unverified rather than quietly smoothed over.
Three claims I could not fully verify are marked UNVERIFIED or CONTESTED below and are written that way on the pages themselves. Two errors found during this pass and corrected: the 2001 iPod had a mechanical scroll wheel, not a click wheel (2004), and Xerox PARC borrowed the phrase “what you see is what you get” rather than coining it.
1945
- ENIAC was set up by re-plugging cables and setting switches by hand; days to wire, weeks end to end.Columbia University Computing History — ENIAC (Franz Alt's first-hand account)
- ENIAC completed 1945, dedicated 15 Feb 1946; converted to a stored-program mode in 1948, cutting setup to hours.Wikipedia — ENIAC
- Programmed by six women: Jean Jennings Bartik, Betty Snyder Holberton, Kathleen McNulty, Marlyn Wescoff, Ruth Lichterman, Frances Bilas.US Army Research Laboratory — The ENIAC Story
- UNVERIFIED BY DESIGN: the switch, gate and half-adder diagrams here are teaching drawings, not reproductions of any specific 1945 machine.
1952
- Hopper's A-0 (1951–52) was the first thing called a compiler, but by modern definitions is closer to a linker/loader.Wikipedia — A-0 System
- IEEE Milestone describes A-0 as 'a pioneering achievement of automatic programming' — notably not as the first compiler.IEEE — Milestones: A-0 Compiler, 1951–1952
- FLOW-MATIC was developed 1955–59 and released in 1958 — not a single 1955 date.Wikipedia — FLOW-MATIC
- WEAKLY SOURCED: 'I had a running compiler and nobody would touch it… they told me computers could only do arithmetic.' Traces only to Billings, Grace Hopper (1989), p.74 — a late-life recollection in a popular biography, not a primary record. Presented here as her own account.Wikiquote — Grace Hopper
- The LOAD/ADD/STORE set here is a simplified teaching ISA. The real 1952 machine with this shape is the IAS machine, fully operational 10 June 1952.Wikipedia — IAS machine
1968
- The 'Mother of All Demos': 9 December 1968, Fall Joint Computer Conference, San Francisco Civic Auditorium.Doug Engelbart Institute — 1968 Demo
- Bill Paxton ran the shared-screen collaboration segment live from SRI in Menlo Park, roughly thirty miles south. NLS had no on-screen name labels — identity came from the live video and voice link.Doug Engelbart Institute — demo segments and credits
- Punched-card encoding: each letter is a zone punch plus a digit punch. A–I zone 12 digits 1–9; J–R zone 11 digits 1–9; S–Z zone 0 digits 2–9 (0-1 was the slash).Douglas W. Jones, University of Iowa — Punched Card Codes
- Standard 80-column card row order: 12, 11, 0, then 1–9. Alphabetic coding introduced by IBM from 1931.Wikipedia — Punched card
- Batch turnaround varied widely — from under five minutes at a well-run centre to overnight at a busy one.Smith, 'A Comparison of Batch Processing and Instant Turnaround', CACM 10(8), 1967
- Interactive timesharing already served thousands by 1968 — Dartmouth alone had 2,600 users plus 5,550 more across other institutions.Wikipedia — Dartmouth Time-Sharing System
1974
- The first Xerox Alto became operational at PARC in March 1973. Never sold commercially; roughly 1,500–2,000 built over a decade.Wikipedia — Xerox Alto
- Bravo, by Butler Lampson and Charles Simonyi, became operational on the Alto on 14 September 1974 — generally credited as the first WYSIWYG editor.Wikipedia — Bravo (editor)
- PARC did not coin 'what you see is what you get'. Chuck Thacker's account is that his wife, shown Bravo c.1974, said 'You mean, what I see is what I get?'John Markoff, NYT Bits — The Real History of WYSIWYG (2007)
- The phrase was already American slang, in print by 1966 and a national catchphrase via Flip Wilson's Geraldine from September 1969.Phrase Finder — what you see is what you get
1984
- Macintosh unveiled and on sale 24 January 1984 (the '1984' ad aired 22 January).Wikipedia — Macintosh 128K
- The 1984 manual instructs press-and-hold explicitly: 'press the mouse button and hold it down while you drag the pointer to the word Open, then release'.Macintosh (1984) user manual, PDF
- Sticky menus arrived with Mac OS 8, released 26 July 1997 — a quick click now holds the menu open; press-and-hold still worked.Apple — Mac OS 8 Human Interface Guidelines, 'Sticky Menus'
1996
- Frames shipped in Netscape Navigator 2.0 (beta October 1995, final March 1996); Internet Explorer only supported them from 3.0 in August 1996.TidBITS — Netscape 2.0b1 Now Available
- With frames the address bar 'no longer constitutes a complete specification of the information shown', bookmarks did not restore state, and Back was broken.Jakob Nielsen — Why Frames Suck (Most of the Time), 30 Nov 1996
- Blue unvisited / purple visited links date to NCSA Mosaic 0.13, April 1993.Mozilla — Why Are Hyperlinks Blue?
- GeoCities: founded 1994 as Beverly Hills Internet, renamed December 1995; 'SunsetStrip'-style neighbourhood URLs were real.Wikipedia — GeoCities
- 1996 consumer modems: 14.4k, 28.8k and the new 33.6k. 56k did not arrive until 1997–98.Wikipedia — Modem
2001
- iPod announced 23 October 2001. Apple's own copy: 'automatic acceleration when scrolling through long lists', and '1,000 songs in your pocket' for the 5GB model.Apple Newsroom — Apple Presents iPod, 23 Oct 2001
- The 2001 iPod had a MECHANICAL SCROLL WHEEL that physically rotated. The touch wheel came in 2002; the click wheel not until the iPod mini in 2004.Wikipedia — iPod Classic
- The click wheel debuted on the iPod mini, announced 6 January 2004.Wikipedia — iPod click wheel
2010s
- Facebook's Like button launched 9 February 2009; the off-site version at f8 on 21 April 2010.Wikipedia — Facebook like button
- Instagram launched 6 October 2010. UNVERIFIED: I could not retrieve a launch-day primary source confirming likes existed on day one — secondary sources say yes.Wikipedia — Instagram
- Hiding like counts announced 30 April 2019, tested in Canada the following week.Engadget — Instagram tests removing likes in Canada
- Extended globally to a share of users 14 November 2019.TechCrunch — Instagram private like counts
- The user-facing option to hide like counts shipped 26 May 2021, after mixed results — hence a choice rather than a default.Social Media Today — Instagram rolls out option to hide like counts
- CONTESTED: infinite scroll is usually credited to Aza Raskin, who has since campaigned against it — but a Microsoft team patented and shipped the same idea in image search in early 2006.Wikipedia — Infinite scrolling
- Pull-to-refresh was introduced by Loren Brichter in Tweetie, 2008–09; Twitter was granted the patent in 2013.Wikipedia — Pull-to-refresh
2020s
- This page makes no dated historical claim. It is an argument about the present, and it should be read as one.
- Transistor counts are estimates: the last officially published Apple figure was 19 billion (A17 Pro, 2023); vendors have not disclosed since.Wikipedia — Apple A17 Pro