Что произошло
Январь 1963 года. Лаборатория Линкольна, MIT. В комнате с компьютером TX-2 — одним из самых мощных в мире — сидит 25-летний аспирант Айвен Сазерленд (Ivan Edward Sutherland). В правой руке — световое перо, похожее на толстый карандаш с проводом. Перед ним — круглый экран электронно-лучевой трубки. Сазерленд подносит перо к экрану, нажимает кнопку — и на экране появляется точка. Ведёт перо вправо — за ним тянется линия. Ещё одна линия. Ещё одна. Три линии образуют треугольник. Сазерленд нажимает другую кнопку — и треугольник можно перемещать по экрану. Ещё нажатие — копировать. Ещё — увеличивать и уменьшать. Ещё — задать ограничение: эти две линии должны оставаться перпендикулярными, что бы вы с ними ни делали.
Это Sketchpad — программа, которую Сазерленд создавал как докторскую диссертацию. Программа, которая определила компьютерную графику как науку, заложила основы объектно-ориентированного мышления и впервые показала миру, что значит взаимодействовать с компьютером, а не просто давать ему команды.
Чтобы оценить масштаб этого события, нужно понять, чем был компьютер в 1963 году. Программисты писали код на перфокартах — бумажных карточках с отверстиями. Стопку карточек несли в машинный зал. Оператор загружал их в считыватель. Через часы (иногда — дни) программист получал распечатку результата. Если в программе была ошибка — а ошибка была почти всегда, — процесс повторялся. Никаких экранов, никакого взаимодействия в реальном времени, никакой графики. Компьютер был невидимым: он принимал числа и выдавал числа.
TX-2 был исключением. Этот компьютер, построенный в Лаборатории Линкольна, обладал редчайшей для своего времени комбинацией: большой объём памяти (320 тысяч слов по 36 бит — роскошь по меркам 1963 года), дисплей на электронно-лучевой трубке и — что самое важное — интерактивный режим работы. Пользователь мог вводить данные и видеть результат мгновенно, без ожидания. TX-2 был одним из немногих компьютеров на планете, позволявших такой режим.
Сазерленд использовал эту возможность на полную. Sketchpad позволял:
Рисовать. Световым пером пользователь создавал линии, дуги, окружности прямо на экране. Не вводил координаты числами — рисовал, как карандашом на бумаге.
Манипулировать. Нарисованные объекты можно было перемещать, вращать, масштабировать — указав пером и нажав кнопку. Объект на экране вёл себя как реальный предмет: его можно было «взять» и «положить» в другое место.
Копировать с наследованием. Сазерленд ввёл понятие master (мастер-фигура) и instance (экземпляр). Нарисуйте заклёпку. Сделайте двадцать копий. Измените мастер — изменятся все двадцать копий. Это принцип, который программисты позже назовут объектно-ориентированным подходом, — но Сазерленд реализовал его за несколько лет до появления первых объектно-ориентированных языков программирования.
Задавать ограничения (constraints). Это было, пожалуй, самое революционное свойство Sketchpad. Пользователь мог указать: эта линия должна быть горизонтальной. Эти два отрезка должны быть равной длины. Этот угол должен оставаться прямым. После задания ограничений система автоматически пересчитывала геометрию при любом изменении. Перетащите одну вершину четырёхугольника — остальные подстроятся так, чтобы ограничения выполнялись. Компьютер решал систему уравнений в реальном времени, освобождая пользователя от ручных вычислений.
Диссертация называлась «Sketchpad: A Man-Machine Graphical Communication System» — «Скетчпад: система графической коммуникации человека и машины». Научным руководителем был Клод Шеннон — тот самый Шеннон, отец теории информации. Диссертация была защищена в январе 1963 года и тогда же опубликована как технический отчёт. В сентябре Сазерленд представил сокращённую версию на конференции AFIPS Spring Joint Computer Conference — и зал был ошеломлён.
Контекст эпохи
Сазерленд работал не в вакууме, но его работа опередила всё, что существовало.
Компьютерная графика до Sketchpad была примитивной: осциллографические дисплеи для визуализации данных, простейшие графики и диаграммы. Никто не думал о компьютере как об инструменте для рисования — потому что рисование предполагает интерактивность, а интерактивных компьютеров практически не было.
Световое перо — устройство, которым пользовался Сазерленд, — существовало с начала 1950-х. Проект Whirlwind и система противовоздушной обороны SAGE использовали световые перья для отметки целей на радарных экранах. Но в SAGE оператор ставил точку на экране — и всё. Сазерленд превратил световое перо в инструмент создания: не отметить точку, а нарисовать фигуру, деформировать её, связать с другими.
Параллельно в тех же стенах MIT — но в другой лаборатории — Дж.К.Р. Ликлайдер развивал идею «симбиоза человека и компьютера» (Man-Computer Symbiosis, 1960). Ликлайдер, психоакустик по образованию, стал одним из самых влиятельных визионеров компьютерной эпохи. Он финансировал исследования Энгельбарта (через ARPA), он поддерживал разработки в MIT, он верил, что компьютер станет партнёром человека в интеллектуальной работе. Sketchpad был живым доказательством его правоты: вот человек и компьютер, работающие вместе в реальном времени, создающие то, что ни один из них не мог бы создать в одиночку.
Сам Сазерленд не задержался в области графических интерфейсов. Его ум двигался дальше. В 1965 году он опубликовал визионерскую статью «The Ultimate Display», в которой описал компьютер, способный конструировать миры: «комнату, в которой компьютер может контролировать существование материи». А в 1968 году — в тот же год, когда Энгельбарт показывал «Мать всех демонстраций» в Сан-Франциско, — Сазерленд вместе со студентом Бобом Спроулом создал в Гарварде первый шлем виртуальной реальности — head-mounted display. Устройство было настолько тяжёлым, что его приходилось подвешивать к потолку на механическом рычаге, — из-за чего его прозвали «Дамоклов меч» (Sword of Damocles). Но оно работало: пользователь поворачивал голову — и видел простейший трёхмерный мир, меняющийся в соответствии с его движением.
Значение для UX
Sketchpad заложил принципы, на которых построено всё современное взаимодействие человека с графическим компьютером.
Прямая манипуляция. До Sketchpad взаимодействие с компьютером было текстовым: человек вводил команды, компьютер выводил текст. Sketchpad показал альтернативу: указать на объект — и сделать с ним что-то. Этот принцип Бен Шнейдерман в 1983 году назвал «прямой манипуляцией» и выделил три его свойства: непрерывная видимость объектов, быстрые обратимые действия и немедленная обратная связь. Все три свойства были реализованы в Sketchpad за двадцать лет до формализации.
Constraints — ограничения в дизайне. Система ограничений Sketchpad — прямой предшественник того, что сегодня в Figma называется Auto Layout, в CSS — Flexbox и Grid, в мобильной разработке — constraint-based layouts. Идея одна: дизайнер задаёт правила, а система сама рассчитывает расположение элементов. Сазерленд решал это для геометрии на экране; современные дизайн-системы решают это для интерфейсных компонентов.
Компоненты и экземпляры. Система master/instance в Sketchpad — это прообраз компонентных библиотек. Создайте кнопку-мастер, используйте её в ста экранах. Измените мастер — изменятся все сто экземпляров. Этот принцип лежит в основе любой современной дизайн-системы, от Google Material до Apple Human Interface Guidelines.
CAD и графический дизайн. Sketchpad — прямой предок всех систем автоматизированного проектирования. AutoCAD, SolidWorks, Rhino — все они восходят к идее, что инженер рисует на экране, а компьютер обеспечивает точность. Но цепочка тянется и дальше: Adobe Illustrator (1987), работающий с векторными кривыми Безье на экране, — это Sketchpad для графических дизайнеров. Figma (2016) — это Sketchpad для UX-дизайнеров: рисование на экране, компоненты, ограничения, совместная работа.
Графика как способ мышления. Диссертация Сазерленда определила компьютерную графику как отдельную научную дисциплину. До неё графика на компьютере была побочным продуктом вычислений — визуализацией чисел. После неё графика стала самостоятельным способом взаимодействия с информацией. Это разделение остаётся актуальным: когда UX-дизайнер рисует прототип на экране, он работает в парадигме, которую основал Сазерленд.
Айвен Сазерленд получил премию Тьюринга в 1988 году — за «новаторский и визионерский вклад в компьютерную графику, начиная со Sketchpad». Он основал компанию Evans & Sutherland, ставшую пионером компьютерной графики для авиатренажёров и спецэффектов. Его идеи живут в каждом пикселе на каждом экране — от смартфона до кинотеатра IMAX.
Двадцатипятилетний аспирант, деревянное световое перо, круглый экран электронно-лучевой трубки и программа, позволяющая рисовать на этом экране. С этого момента компьютер перестал быть невидимым вычислителем и стал видимым собеседником — партнёром, с которым можно разговаривать на языке линий, форм и жестов.
Связанные статьи
Sketchpad и диссертация Сазерленда связаны с фундаментальными концепциями UX:
- Закон Фиттса — Sketchpad впервые поставил задачу точного наведения на объект на экране. Когда пользователь подносит световое перо к точке, размер этой точки и расстояние до неё определяют время и точность действия — именно то, что описывает закон Фиттса.
- Принципы гештальта — система ограничений Sketchpad обеспечивала визуальную согласованность: параллельные линии оставались параллельными, симметричные фигуры — симметричными. Гештальт-принципы (близость, выравнивание, симметрия) описывают, почему такая согласованность важна для восприятия.
- Что такое юзабилити — Sketchpad впервые сделал компьютер «удобным» в буквальном смысле: пользователь мог достичь цели (нарисовать фигуру, задать ограничение) быстро, точно и с минимальными ошибками. Это определение юзабилити — только применённое за тридцать лет до появления термина.
- Эвристики Нильсена — немедленная обратная связь (линия появляется мгновенно), обратимость действий (можно удалить и переделать), видимость состояния системы (объекты и ограничения видны на экране) — эвристики Нильсена описывают свойства, которые Sketchpad реализовал первым.
Из других статей серии «История UX»:
- Энгельбарт — мышь и элементы интерфейса (1962) — Энгельбарт и Сазерленд работали параллельно и независимо, решая одну задачу: сделать компьютер интерактивным. Энгельбарт шёл от текста к графике; Сазерленд начал сразу с графики.
- Вэнивар Буш и Memex (1945) — Буш описал устройство с экранами, на которых пользователь работает с информацией. Сазерленд сделал экран не просто средством отображения, а средством создания.