Что произошло
В начале 1980-х графический интерфейс прошёл путь от лабораторного эксперимента до массового продукта — и этот путь уместился в три года и три машины.
1981: Xerox Star. Компания Xerox, построившая в своём исследовательском центре PARC революционный прототип Alto ещё в 1973 году, наконец выпустила коммерческий продукт — рабочую станцию Xerox 8010 Star. Цена — $16 595 за один терминал, не считая сервера и сети. Star реализовал парадигму, которую Меррелл Шервуд и другие исследователи PARC формализовали к 1982 году как WIMP: Windows (окна), Icons (иконки), Menus (меню), Pointers (указатели). Четыре элемента, определивших способ взаимодействия человека с компьютером на следующие сорок лет.
Star предлагал метафору рабочего стола: экран изображал поверхность стола, документы выглядели как листы бумаги, папки — как папки, а удалённые файлы отправлялись в корзину. Впервые компьютерный интерфейс апеллировал не к технической подготовке пользователя, а к его повседневному опыту. Но Star провалился в продажах — он был слишком дорог, слишком медленен и ориентирован на корпоративный рынок, который не понимал, зачем ему графика.
1983: Apple Lisa. Стив Джобс, увидев Alto в Xerox PARC во время знаменитого визита 1979 года, загорелся идеей графического интерфейса. Первым результатом стал Lisa — персональный компьютер за $9 995 с мышью, окнами, иконками и выпадающими меню. Lisa была технически впечатляющей, но коммерчески катастрофической: слишком дорогая, слишком медленная, слишком поздно вышедшая на рынок. Apple продала около 100 000 штук — жалкая цифра для компании, планировавшей революцию.
22 января 1984: Macintosh. За два дня до официального старта продаж Apple показала рекламный ролик «1984» во время Super Bowl XVIII. Режиссёр — Ридли Скотт (только что снявший «Бегущего по лезвию»). Шестьдесят секунд, в которых атлетка с молотом разбивает экран Большого Брата перед рядами одинаковых серых людей. Закадровый голос: «24 января Apple Computer представит Macintosh. И вы увидите, почему 1984 год не будет похож на “1984”». Ролик показали 96 миллионам зрителей. Он стоил 900 тысяч долларов на производство и 800 тысяч на эфир — и стал, возможно, самой знаменитой рекламой в истории.
Сам Macintosh стоил $2 495. В едином бежевом корпусе — 9-дюймовый чёрно-белый экран с разрешением 512×342 пикселя, 128 КБ оперативной памяти, процессор Motorola 68000 на 8 МГц. В коробке — однокнопочная мышь. Никакой командной строки. Только графический интерфейс.
Контекст эпохи
К 1984 году персональный компьютер уже не был новинкой — IBM PC продавался с 1981 года, а вместе с ним десятки клонов. Но все они работали в текстовом режиме: MS-DOS, зелёные буквы на чёрном фоне, команды, которые нужно знать наизусть. DIR, COPY, DEL — язык общения с машиной, а не с задачей.
Macintosh предложил другую модель. Вместо того чтобы набирать COPY A:DOCUMENT.TXT B:, пользователь видел иконку документа на экране, хватал её мышью и перетаскивал в нужную папку. Вместо команды DEL — иконку корзины, куда можно бросить ненужный файл. Вместо DIR — открытое окно папки, где видно содержимое.
Визуальный язык Macintosh создала Сьюзан Кэр (Susan Kare) — графический дизайнер, работавшая в сетке 32×32 пикселя. Её иконки стали шедевром: «Счастливый Mac» (улыбающийся компьютер при загрузке), часы с вращающимися стрелками (ожидание), кисть (рисование), мусорная корзина (удаление). Кэр рисовала на миллиметровке, закрашивая квадраты карандашом, — и каждый пиксель был на своём месте. Её работы определили визуальный словарь цифровых интерфейсов на десятилетия вперёд.
Но Macintosh принёс не только иконки. Apple выпустила Human Interface Guidelines — первое в истории формальное руководство по проектированию графического интерфейса. Документ устанавливал правила: строка меню всегда наверху экрана, команда «Отменить» — всегда Cmd+Z, диалоговые окна требуют ответа, прежде чем пользователь сможет продолжить работу. Это были не рекомендации — это был стандарт. И этот стандарт работал: любое приложение на Macintosh вело себя предсказуемо, потому что разработчики следовали одним и тем же правилам.
Строка меню, прибитая к верхнему краю экрана, — решение, продиктованное Законом Фиттса: край экрана — это бесконечная цель, промахнуться мимо которой невозможно. Одна кнопка на мыши — сознательное решение Джобса: меньше выбора — меньше ошибок. Единообразие интерфейса — прямое воплощение Закона Якоба: пользователи ожидают, что вещи работают одинаково.
Значение для UX
Macintosh и парадигма WIMP изменили отношения человека с компьютером по нескольким направлениям.
WIMP стал языком, на котором говорят интерфейсы. Окна, иконки, меню, указатель — эти четыре элемента пережили смену операционных систем, разрешений экранов, процессорных архитектур. Windows 1.0 (1985), Mac OS X (2001), Ubuntu (2004) — все они говорят на WIMP. Даже мобильные интерфейсы, формально отказавшиеся от мыши и окон, сохранили иконки и меню. WIMP — не просто набор элементов управления, это ментальная модель: пользователь знает, что иконка — это объект, меню — это список действий, окно — это рабочее пространство. Сорок лет одного языка — беспрецедентная стабильность для технологической индустрии.
Метафора как инструмент проектирования. Рабочий стол, папки, корзина, документы — Macintosh взял знакомые объекты из физического мира и перенёс их на экран. Это работало блестяще: пользователю не нужно было учить новые концепции, достаточно было узнать знакомые. Метафора рабочего стола породила скевоморфизм — стиль, в котором цифровые объекты имитируют физические (кожаная текстура блокнота, деревянные книжные полки). Скевоморфизм доминировал до 2013 года, когда Apple под руководством Джони Айва перешла к flat design. Но даже flat design сохранил корзину, папки и документы — метафоры оказались прочнее стилей.
Руководства по дизайну как основа консистентности. Human Interface Guidelines Apple — прародитель всех современных дизайн-систем: Google Material Design, Microsoft Fluent, IBM Carbon. Идея проста и революционна одновременно: если каждое приложение следует одним правилам, пользователю не нужно заново учиться при переключении между программами. Это и есть Закон Якоба в действии — пользователи переносят ожидания из одного продукта в другой.
Простота как рыночное преимущество. Macintosh доказал то, что Xerox Star не смог: люди готовы платить за удобство. Не за мегагерцы, не за килобайты — за возможность сесть за компьютер и начать работать без чтения трёхсотстраничного руководства. Это изменило индустрию: с 1984 года юзабилити перестало быть академической добродетелью и стало конкурентным преимуществом.
Парадигма WIMP и Macintosh — точка, в которой технология перестала быть инструментом для специалистов и стала средой для всех. Принципы гештальта — близость, сходство, замкнутость — работают в каждом окне и каждой панели инструментов. Закон Фиттса определяет размер кнопок. Закон Якоба требует единообразия. Всё это стало возможным, потому что в 1984 году бежевая коробка за $2 495 показала: компьютер может быть понятным.
Связанные статьи
- Закон Якоба — пользователи ожидают, что интерфейс работает так же, как другие знакомые интерфейсы. Human Interface Guidelines Apple превратили этот принцип в стандарт индустрии.
- Закон Фиттса — строка меню Macintosh, прибитая к краю экрана, — классический пример применения закона Фиттса: бесконечная цель, мимо которой невозможно промахнуться.
- Принципы гештальта — визуальная организация окон, иконок и панелей инструментов Macintosh опирается на принципы близости, сходства и замкнутости.
- Что такое юзабилити — Macintosh доказал, что юзабилити — не роскошь, а рыночное преимущество.
Из серии «История UX»:
- Энгельбарт — мышь и элементы интерфейса (1962) — мышь, которую Энгельбарт изобрёл в 1964 году, стала неотъемлемой частью Macintosh: без указательного устройства парадигма WIMP невозможна.
- Сазерленд и Sketchpad (1963) — первый графический интерфейс с прямой манипуляцией объектами на экране, предвосхитивший концепции, реализованные в Macintosh.