HyperCard: визуальное программирование для всех (1987)

Что произошло

11 августа 1987 года на MacWorld Expo в Бостоне Apple представила HyperCard — программу, которую Билл Аткинсон (Bill Atkinson) разрабатывал почти два года. Аткинсон не был случайным сотрудником Apple: именно он написал графическую библиотеку QuickDraw, лежащую в основе интерфейса Macintosh, и создал MacPaint — программу для рисования, ставшую одной из первых killer-apps персонального компьютера. Но HyperCard была для него чем-то большим, чем очередной проект. Аткинсон хотел дать каждому владельцу Macintosh возможность создавать собственные программы.

Метафора HyperCard была предельно наглядной. Программа оперировала двумя понятиями: карточки (cards) и стопки (stacks). Карточка — это экран: белое поле, на которое можно поместить текст, изображения, кнопки, текстовые поля. Стопка — набор карточек, связанных между собой. Пользователь перемещался между карточками — вперёд, назад, по ссылке. Это напоминало каталожный ящик в библиотеке: каждая карточка — единица информации, а весь ящик — приложение.

Но главной революцией был HyperTalk — встроенный язык программирования. Его синтаксис намеренно копировал английский: on mouseUp, go to card "Menu", put "Hello" into field "Greeting". Аткинсон проектировал HyperTalk так, чтобы человек, никогда не писавший код, мог прочитать скрипт и понять, что он делает. Это был не просто упрощённый язык — это была попытка стереть границу между пользователем и разработчиком.

Стив Джобс к тому моменту уже покинул Apple, но решение о HyperCard принял Джон Скалли — и принял радикально: HyperCard бесплатно поставлялась с каждым Macintosh. Каждый покупатель компьютера получал не только инструмент для потребления информации, но и инструмент для её создания. Это было беспрецедентно: ни одна другая платформа не вкладывала среду разработки в коробку с компьютером.

Эффект превзошёл ожидания. К началу 1990-х были созданы тысячи стопок. Учителя строили интерактивные обучающие программы — с картинками, тестами, ветвящимися сценариями. Библиотекари создавали каталоги. Музеи — интерактивные гиды: посетитель тыкал в экран (Apple уже экспериментировала с тачскринами), переходил от зала к залу, от экспоната к экспоната. Бизнес использовал HyperCard для баз данных клиентов, инвентарных систем, презентаций. Разработчики игр — для приключенческих квестов: культовая игра Myst (1993), проданная тиражом более шести миллионов копий, была создана в HyperCard.

Контекст эпохи

К 1987 году персональный компьютер перестал быть диковинкой — IBM PC и клоны работали в офисах, Macintosh покорял дизайнеров и издателей, — но программирование оставалось ремеслом для специалистов. Между пользователем и разработчиком стояла непроходимая стена: языки C и Pascal требовали технического образования, понимания компиляции, работы с памятью. Массовый пользователь мог работать в чужих программах, но не мог создавать свои.

Идея гипертекста — нелинейной навигации между связанными фрагментами информации — витала в воздухе уже несколько десятилетий. Вэнивар Буш в 1945 году описал Memex с ассоциативными тропами. Тед Нельсон в 1963-м придумал сам термин «гипертекст» и работал над утопическим проектом Xanadu. Дуглас Энгельбарт в 1968-м продемонстрировал кликабельные ссылки в системе NLS. Но все эти системы были лабораторными, экспериментальными, доступными единицам. HyperCard впервые принесла гипертекст на рабочий стол миллионов людей.

Аткинсон говорил, что черпал вдохновение из ЛСД-трипа — переживания, в котором он увидел, как «всё связано со всем». Будь это анекдотом или правдой, метафора точна: HyperCard соединяла карточки ссылками так же, как мозг соединяет идеи ассоциациями. Именно эту модель два года спустя масштабирует Тим Бернерс-Ли, когда напишет предложение о World Wide Web. Бернерс-Ли прямо упоминал HyperCard как один из источников вдохновения — локальная система связанных карточек на Macintosh подсказала ему архитектуру глобальной системы связанных документов.

Однако HyperCard имела принципиальное ограничение: она работала локально. Стопка жила на одном компьютере. Ссылки вели к другим карточкам в той же стопке или в другой стопке на том же диске. Сети не было. Мир ещё не был готов — и Apple не увидела потенциала. В 1992 году Apple приняла роковое решение: HyperCard перестала быть бесплатной. Её выделили в отдельный продукт, назначили цену. Пользователи, привыкшие получать HyperCard с каждым Mac, начали терять интерес. Разработку передавали от команды к команде. Новые версии выходили с опозданием. В 1998-м проект фактически заморозили. В 2004-м Apple официально прекратила поддержку.

К этому моменту HyperCard уже проиграла битву более мощным инструментам. Visual Basic (1991) от Microsoft предложил визуальное программирование для Windows с доступом к базам данных и OLE-объектам. Macromedia Director и Flash перенесли интерактивность в мультимедиа и в веб. Но все они унаследовали главный принцип HyperCard: визуальное редактирование, событийная модель (кнопка нажата — выполни действие), мгновенная обратная связь между изменением и результатом.

Значение для UX

HyperCard изменила представление о том, кто может создавать интерактивные приложения — и это её главный вклад в историю UX.

Демократизация создания. До HyperCard пользователь персонального компьютера был потребителем: запускал чужие программы, работал в чужих интерфейсах. HyperCard превратила потребителя в создателя. Учитель математики, не знающий ни строчки кода на C, мог за выходные собрать обучающую программу с ветвлениями, иллюстрациями и тестами. Этот опыт — «я могу сделать программу сам» — был психологически революционным. Он предвосхитил логику no-code движения на тридцать с лишним лет: Notion, Airtable, Zapier, Webflow — все они обещают то же самое, что HyperCard обещала в 1987-м.

Прямая манипуляция поведением. Macintosh дал пользователю прямую манипуляцию данными: перетащить файл, бросить в корзину. HyperCard добавила следующий уровень — прямую манипуляцию поведением. Пользователь видел кнопку, открывал её скрипт, менял текст go to card "Results" на go to card "Help" — и кнопка начинала вести в другое место. Разрыв между намерением и результатом был минимальным. Это именно тот паттерн, который Бен Шнейдерман позже назовёт ключевым свойством хороших интерфейсов: сокращение расстояния между целью пользователя и действием в системе.

Карточная метафора. Метафора карточек и стопок оказалась удивительно живучей. PowerPoint (1987) — слайды как карточки. HyperText Markup Language — страницы как карточки. iOS (2007) — экраны приложений как карточки. Tinder (2012) — свайп карточек. Notion (2016) — блоки и страницы. Карточка — это атомарная единица информации с визуальным представлением, и эта абстракция, популяризированная HyperCard, остаётся одним из фундаментальных паттернов интерфейсного дизайна.

Мост к вебу. Без HyperCard веб, возможно, выглядел бы иначе. Бернерс-Ли видел, как миллионы пользователей Mac навигируют по карточкам, нажимая на ссылки, — и перенёс эту модель в глобальную сеть. Гиперссылка — самый важный элемент веба — была привычной для целого поколения пользователей HyperCard до того, как появился первый браузер.

Предтеча vibe coding. HyperCard мечтала о мире, в котором каждый человек — программист. HyperTalk был попыткой сделать код понятным без подготовки. Эта мечта не умерла — она эволюционировала через Visual Basic, Flash, WordPress, Wix, Notion и, наконец, через vibe coding и AI-разработку. HyperCard позволяла непрограммистам создавать приложения. Потребовалось почти сорок лет, чтобы эта идея реализовалась полностью — через AI, который пишет код по описанию на естественном языке. HyperTalk был первым шагом; промпт в Cursor — логическим завершением того же пути.

Apple убила HyperCard, начав брать за неё деньги и перестав вкладывать в развитие. Это один из классических примеров того, как компания не распознаёт ценность собственного продукта. Но идеи HyperCard пережили и Apple 1990-х, и Flash, и эру мобильных приложений. Каждый раз, когда непрограммист создаёт интерактивный прототип, собирает автоматизацию в Zapier или описывает интерфейс словами для AI, — он делает то, что Билл Аткинсон впервые сделал возможным в 1987 году.

Связанные статьи

Из серии «История UX»:

  • Всемирная паутина (1989) — Тим Бернерс-Ли масштабировал локальную модель HyperCard до глобальной сети связанных документов.
  • Vibe coding и AI-разработка (2025) — логическое завершение мечты HyperCard: AI позволяет каждому создавать программы, описывая их на естественном языке.

Вопросы и ответы

Что такое HyperCard?

HyperCard — программная среда для создания интерактивных приложений, выпущенная Apple в 1987 году. Она позволяла обычным пользователям Macintosh строить «стопки» (stacks) из виртуальных карточек — экранов с кнопками, текстовыми полями, изображениями и ссылками. Поведение элементов описывалось на упрощённом языке HyperTalk, синтаксис которого был максимально приближён к английскому: `on mouseUp go to next card end mouseUp`. HyperCard бесплатно поставлялась с каждым Macintosh и к началу 1990-х породила тысячи приложений — от обучающих программ до каталогов и игр.

Почему HyperCard считают предшественником веба?

HyperCard реализовала ключевую идею гипертекста — нелинейную навигацию между связанными единицами информации — за два года до того, как Тим Бернерс-Ли написал предложение о World Wide Web. Сам Бернерс-Ли называл HyperCard одним из источников вдохновения: карточки, связанные ссылками, — это именно то, что он масштабировал на весь интернет. Разница была в архитектуре: HyperCard работала локально, на одном компьютере, а веб — в сети. Но метафора «кликни, чтобы перейти к связанной информации» родилась именно в HyperCard.

Какое значение HyperCard имеет для UX?

HyperCard впервые доказала, что обычные люди — учителя, библиотекари, музейные работники — могут создавать интерактивные приложения без профессиональной подготовки в программировании. Это был первый массовый опыт прямой манипуляции не только данными, но и поведением интерфейса: пользователь видел кнопку, назначал ей действие на понятном языке и тут же проверял результат. HyperCard задала паттерн, который повторяется во всех no-code инструментах: визуальное редактирование, событийная модель, мгновенная обратная связь. От HyperCard прямая линия к Visual Basic, Flash, Notion, Airtable и, в конечном счёте, к vibe coding.