С чего началось использование [x] в дизайне графических интерфейсов

в 9:30, , рубрики: ui design, Windows 2.0, Windows 95, интерфейс пользователя, история графических интерфейсов, перевод

С чего началось использование [x] в дизайне графических интерфейсовРаботая над интерфейсом Web-payment.ru — сайта о платежных системах, я стараюсь руководствоваться принципом KISS (keep it short and simple) — все должно быть понятно и очевидно. Немалую роль в дружественном взаимодействии пользователя и сайта играют привычные элементы управления. Например, крестик для закрытия окна. Последние несколько дней в интернете широко обсуждалась одна статья об истоках возникновения этого элемента пользовательского интерфейса и она даже привлекла внимание одного из первых разработчиков Windows 95, но об этом ниже.

В пользовательских интерфейсах мы видим X повсеместно. Этот могущественный символ способен закрывать рабочие и всплывающие окна, панели инструментов и вкладки, а также убрать вообще все, что только может создать вам помехи на экране.

Использование нажатия на [x] для того, чтобы закрыть тот или иной элемент превратилось в один из основных инстинктов, связанных с использованием компьютера и стало стандартом в дизайне веб-сайтов и компьютерных приложений. Может показаться, что вездесущий [x] всегда был частью интерфейсов, однако этот короткий и увлекательный экскурс в историю пользовательских графических интерфейсов показывает, что на самом деле дела обстоят иначе.

Итак, где и когда [х] впервые попал в лексикон интерфейсов?

image

Для того, чтобы вернуться назад к моменту появления [x], давайте начнем с текущего положения дел: Microsoft.

Если вы используете Windows, значит, вы прямо сейчас можете найти у себя на экране хотя бы один [х].

С чего началось использование [x] в дизайне графических интерфейсов

Однако Windows 1.0 вообще не использовала [x] для закрытия.

image
Windows 1.0

Тоже самое касается и 2.0.

С чего началось использование [x] в дизайне графических интерфейсов
Windows 2.0

Ну а как насчет 3.0?

image
Windows 3.0

[x] не появлялась вплоть до выхода Windows 95, когда кнопка закрытия была перемещена на правую сторону, присоединившись к кнопкам сворачивания и разворачивания.

image
Windows 95

Существует даже доказательство того, что это было позднее изменение в Windows 95. В ранней демонстрационной версии (под кодовым именем Chicago), кнопки сворачивания и разворачивания получили редизайн, однако кнопка закрытия осталась такой же, располагаясь, как и раньше, слева.

image
Windows Chicago, August 1993

Так кто же отвечал за изменение решения в последний момент? Насколько я могу судить, этот человек ответственен за быстрое и широкое распространение использования [x] в дизайне пользовательских интерфейсов сегодня.

За разработкой Windows 95 с самого начала стояло намерение сделать так, чтобы компьютер появился на каждом рабочем столе, в каждом доме. Изменения дизайна в Windows 95 основывались прежде всего на обратной связи по юзабилити Windows 3.0. Необходимо было убедиться, что любой незнакомый с миром компьютеров человек смог бы изучить Windows 95.

И это сработало.

Windows 95 устранила все конкурирующие операционные системы. Ее стали использовать домашние пользователи и компании по всему миру.

Однако сегодня мы не ставим целью поймать тот момент, когда [x] стал популярен. Нам скорее нужно узнать, когда он впервые появился в мире UI-дизайна.

Можем ли мы найти более ранние примеры использования [x] в дизайне графических интерфейсов?

Mac OS не использовала [x] для закрытия. Впервые, он появился уже в OS X и то, отображался он только при наведении на красную кнопку закрытия.

С чего началось использование [x] в дизайне графических интерфейсов
Mac OS 2: Pretty Colours!

Пользовательские интерфейсы Linux также начали использовать этот символ только после выпуска Windows 95.

image
Оконная система X Window System

Нет, так мы далеко не уйдем. Давайте вернемся обратно к самому началу, когда еще не было ни Windows, ни Linux, ни Mac OS, к самому первому графическому пользовательскому интерфейсу, который полностью использовал хорошо знакомую всем нам образную аналогию "рабочего стола": информационную систему 8010 от Xerox.

С чего началось использование [x] в дизайне графических интерфейсов
Xerox 8108

Xerox начала разработку системы 8101, также известной, как “The Xerox Star”, “ViewPoint”, or “GlobalView”, в 1977 году, впервые продав ее в 1981 года под названием «Dandelion» (одуванчик — прим. переводчика). Это и есть тот самый графический пользовательский интерфейс, который Apple, вдохновленная поездкой в штаб-квартиру Xerox в 1979, предположительно использовала для создания своих Lisa/Mac OS.

Однако, [х] здесь отсутствует:

С чего началось использование [x] в дизайне графических интерфейсов
Xerox Star

Давайте вспомним, что [х] также нет и в ранних операционных системах Apple:

С чего началось использование [x] в дизайне графических интерфейсов
Mac OS 1

Никакого [х] не было и в графическом интерфейсе Visi On, первой интегрированной графической программной среде для IBM PC, выпущенного в 1983 году:

С чего началось использование [x] в дизайне графических интерфейсов
Visi On

Пользовательский интерфейс GEM, разработанный компанией Digital Research для компьютеров на базе DOS в 1984 (и снова, его нет):

С чего началось использование [x] в дизайне графических интерфейсов
GEM

Стойте, что это?! Неужели это оно?

С чего началось использование [x] в дизайне графических интерфейсов
Atari TOS 1.0

Это скриншот Atari TOS 1.0, созданной компьютерным подразделением Atari Corp на основе системы GEM для последующего портирования на Atari ST в 1985 году. Это самый ранний пример использования кнопки [x], который я только смог найти.

Так почему же там? И почему именно тогда?

Это очередной пример того, как Atari, американская компания, позаимствовала идею из японской культуры. Первым таким примером, конечно же является само название Atari, японский термин из игры Го, который можно перевести как «попасть точно в цель».

Использование [x] для закрытия и [o] для открытия могло пойти от японских символов батсу и мару.

С чего началось использование [x] в дизайне графических интерфейсов
Maru (o) and Batsu (x)

Символ Батсу используется для обозначения чего-то неправильного и может переводится, как «ошибочный», «плохой», «неправильный» или словом «атака», тогда как мару (o) означает «правильный», «истинный», «хороший», «целый» или «очень ценный». Батсу и мару также часто употребляются как жесты. Скрестите руки на груди и получиться батсу, поднимите руки над головой и соедините их в форме круга — вы изобразили мару.

Другой пример использования мару и батсу можно найти в дизайне контроллера Playstation, где они используются в качестве «да» и «нет» соответственно:

С чего началось использование [x] в дизайне графических интерфейсов
Playstation Controller

Однако это, конечно же, всего лишь теория. Я не могу с уверенностью сказать — меня ведь там не было.

Для большей основательности подхода, давайте посмотрим, удастся ли нам еще больше углубиться в прошлое.

Самым первым строчным текстовым редактором был Quick Editor, или qed, написанный в 1965 году Кеном Томсоном, который позже помогал разрабатывать Unix. Qed использует [q] в качестве команды для выхода.

Первые текстовые редакторы использовали кучу самых разных команд для выхода: [q], [e], [c], и [ESC], однако [x] не был сколько-нибудь популярным вариантом. Ed, em и ex — ранние текстовые редакторы, отпочковавшиеся от qed где-то в 1971, не использовали [x].

Может быть Vi, vim, emacs или edlin?

Нет, в эти редакторах также не было никаких [x]. X обычно использовался для удаления символов в строке, но не для закрытия программы.

Символ [x] — самая настоящая икона. Он не является каким-то посланием. Он представляет из себя действие «закрыть», которое с самого начали и по сей день воспринималось именно так, независимо от уровня развития графических операционных систем. Первое появление символа [x] в дизайне пользовательских графических интерфейсов скорее всего произошло в Atari TOS, вероятно, под влиянием японских условных обозначений батсу и мару. А благодаря неожиданному изменению в дизайне Windows 95 и началу массового ее использования по всему миру, [x] превратился в стандартный символ для такого действия, как «закрыть» — символ, который сегодня господствует в дизайне веб-сайтов, приложений и программного обеспечения.

Источники скриншотов toastytech.com/guis/ и whiteandnoisy.org/

От переводчика: за время работы над переводом вышел апдейт к этой статье, с автором связался один из разработчиков Windows 95 и поделился некоторыми новыми подробностями.

UPDATE:

Надо же, эта маленькая статья стала такой популярной! Я получил много хороших указаний, комментариев и ценной информации о том, откуда пошло использование [х], однако ни одно из этих сообщений не сравнится с письмом, которое мне прислал член команды разработчиков Windows 95 Дэниел Оран:

«Привет Лорен!

Мой друг переслал мне твою статью «Нажмите X, чтобы закрыть». Он вспомнил, что я работал над Windows 95 в Microsoft, а именно над кнопкой «Пуск» и панелью задач. Ему показалось, что мне это будет интересно. Так оно и есть! :)

Всегда интересно наблюдать за тем, как пишется история о тех давних событиях, которые ты пережил лично. Я начал работать в Microsoft в 1992 году, программным менеджером пользовательского интерфейса «Chicago», которая в конечном счете превратилась в Windows 95.

Так кто же отвечал за изменение решения в последний момент? На сколько я могу судить, этот человек ответственен за быстрое и широкое распространение использования [x] в дизайне пользовательских интерфейсов сегодня.

На самом деле оно не было сделано в последний момент. В течении всего 1993 года, мы рассмотрели множество вариантов дизайна кнопки «Закрыть». А идея была взята не у Atari, а у NeXT, которые разместили кнопку [х] в правом верхнем углу. Вместе с ней мы позаимствовали для Windows 95 и псевдо-трехмерное цветовое решение в серых тонах.

Я хотел расположить кнопку «Закрыть» слева сверху, однако этот вариант конфликтовал с существующих тогда в системе меню, которое появлялось при нажатии alt-пробел, а также новой иконкой программы, которая была позаимствована из OS/2, над которой Microsoft ранее работала вместе с IBM.

Я прилагаю к письму самое раннее изображение Chicago с кнопкой X для закрытия, которое только смог найти. Оно датирована 22 сентябрем 1993 года. (Прикрепляя файл к этому письму, я только сейчас понял, что оно настолько старое, что его имя может содержать не более восьми символов — ограничение, которое существовало до выхода Windows 95).

Спасибо вам за это увлекательное эссе!

image
Windows Chicago 9/22/1993

Автор: Tan4ikWeb

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js