Кнопка, которая значила не то: история символа питания ⏻ от 1973 года до Unicode

В семье символов питания пять знаков, и различаются они тем, что происходит с электричеством. Четыре описаны в стандарте IEC 60417 «Graphical symbols for use on equipment». Пятый, полумесяц, появился позже и в другом стандарте — о нём ниже.

Бытовой пример. Тумблер на задней стенке старого компьютера — это пара ⏽ и ⭘: у него два физических положения и ничего между ними. Кнопка на ноутбуке устроена иначе. Нажатие не размыкает цепь, а отправляет команду, и устройство само решает, уснуть ему или выключиться. Для таких кнопок и задуман ⏻: разорванный круг говорит, что прибор «выключен не до конца».

Отсюда различие, которое пригодится дальше: действие и состояние. ⏽ и ⭘ — состояния переключателя, их видно по положению рычажка. ⏻ и ⏼ — подписи к действию: нажми, и что-то изменится. Иконка состояния отвечает «что сейчас», иконка действия — «что будет». Большая часть путаницы вокруг кнопки питания растёт из того, что эти два вопроса смешиваются в одном знаке.

Сначала на технике писали слова: on и off. Для мира, где один и тот же прибор продают в десятки стран, это неудобно. Английские слова понятны не всем, перевод означает отдельную панель для каждого рынка, а сами панели становятся всё меньше, и места для надписей на них не остаётся. Решение — заменить слова геометрией: линия «I» для включения, круг «O» для выключения. Так эту замену описывает карточка символа в коллекции MoMA: линия и круг там читаются как замкнутая и разомкнутая цепь.

Стандарт IEC 417 в издании 1973 года (сегодня он называется IEC 60417) собрал эти знаки в систему и добавил к ним общий символ, в котором линия и круг объединены. Большинство значков, которые мы видим на технике с середины 1970-х, восходит к одному набору — ISO 7000 и IEC 60417. Часть из них, вроде «воспроизведения», «паузы» и «стопа», существовала раньше и вошла в набор готовой, другие рисовали специально для него. С символами питания граница размыта: неформально их использовали и до 1973 года, так что стандарт скорее закрепил то, что уже было в ходу, чем изобрёл знак с нуля.

Почему форма именно такая? Здесь начинается наше рассуждение, а не документ: имени автора и его объяснений мы не нашли. Если одним знаком нужно сказать «устройство не включено, но и не выключено», логично взять знак выключения и сломать его. Круг остаётся узнаваемым, но перестаёт быть замкнутым, а в разрыв входит линия включения. Глаз легко достраивает незамкнутый круг до целого — в психологии восприятия это называют замыканием, — поэтому знак читается как «почти O, в котором уже есть I». Повторим: это интерпретация, которая хорошо объясняет форму, а не задокументированный замысел.

Самая популярная история символа умещается в строку: «I и O — это 1 и 0 из двоичного кода, единица — включено, ноль — выключено». Её повторяют так часто, что она звучит как справка. Проверим, на чём она держится.

Документально известно немногое. Линия означает включение, круг — выключение, это записано в стандарте. Объединённый знак появился в издании 1973 года и сначала назывался standby. Символы использовались неформально и до стандарта. Чего мы не нашли — документа с именем человека, который нарисовал ⏻, и записи о том, что он думал о двоичной системе. А музейное описание объясняет линию и круг через замкнутую и разомкнутую цепь.

Наша позиция такая. Объяснение «1 и 0» хорошо описывает пару ⏽ и ⭘: линия похожа на единицу, круг — на ноль, и аналогия напрашивается сама. Но для слитого знака это скорее ретроспективная легенда — запоминающаяся, удобная для пересказа и не требующая проверки. Линия и круг — слишком простые фигуры, чтобы их происхождение нуждалось в отдельной теории. У простой формы бывает много хороших объяснений и ни одного автора.

Как отличить факт об иконке от красивой истории — короткий чек-лист, которым мы пользуемся сами:

• Ищите первоисточник: стандарт, патент, заявку, архив, а не пересказ пересказа.
• Проверяйте, есть ли у версии автор и дата — у легенд их обычно нет.
• Сравнивайте объяснения: если одни выводят знак из электрической цепи, а другие — из двоичного кода, это повод насторожиться.
• Отделяйте «похоже» от «так задумали»: сходство линии с единицей — наблюдение, а не умысел.
• Не доверяйте слишком гладкому сюжету со словами «изначально», «на самом деле», «секрет символа».

Пока ⏻ был мелкой пометкой на задней панели, его точный смысл мало кого волновал. Вопрос стал важным, когда начали считать энергию, которую тратит техника, «выключенная» не до конца. Если человек не понимает, спит прибор или выключен, он не может управлять тем, сколько тот потребляет.

В начале 2000-х этим занялась Национальная лаборатория Лоуренса в Беркли при финансировании Калифорнийской энергетической комиссии. Её исследование легло в основу черновика стандарта IEEE P1621 от декабря 2002 года об интерфейсе управления питанием. Исходная проблема была в самом слове: standby может означать что угодно, от полностью включённого состояния до почти выключенного, и ни общепринятого употребления, ни общепризнанного символа у него не было.

Итоговый стандарт IEEE 1621 опубликован 8 декабря 2004 года. Решение в нём двойное. Для сна вводится новый символ — полумесяц ⏾. А старый знак ожидания предлагается считать общим обозначением питания, если различие не касается безопасности. По сути, стандарт перестал спорить с пользователями: люди и так нажимали ⏻, чтобы «включить», а теперь это стало нормой.

Почему полумесяц мы так редко видим на корпусах? Наше объяснение — в экономике кнопок и внимания. Вторая кнопка — это деньги и место на корпусе, и производителю проще повесить сон на ту же кнопку питания, чем учить покупателя новому знаку. К тому же разница между сном и выключением для большинства людей несущественна, пока экран гаснет. Стандарт может предложить точный знак, но выучен будет удобный.

⏻ стал «питанием» не по решению комитета, а по факту употребления. IEEE 1621 лишь зафиксировал то, что к тому времени уже случилось.

Когда значение выучено, знак можно оторвать от устройства. ⏻ оказался в логотипах Gateway (около 2002 года), Staples easytech, Exelon и Toggl. Его использовали на обложке сингла Garbage «Push It» и в оформлении названия сериала «Революция» 2012 года. В марте 2010 года департамент здравоохранения Нью-Йорка объявил, что поставит его на упаковку презервативов.

Во всех этих случаях знак работает не как инструкция, а как метафора: энергия, включённость, старт. Для бренда это выгодный материал — готовый смысл, который не нужно объяснять, и форма, настолько простая, что выдерживает любой масштаб, от фавикона до вывески.

Обратная сторона та же: знак принадлежит всем. Когда мы показываем клиенту направления для логотипа или фирменного стиля, такие заимствования проговариваем отдельно. Общий символ быстро считывается, но плохо выделяет. Для технологической компании ⏻ в знаке говорит «мы про технику» — и ровно то же самое он говорит у соседей по рынку. Хороший знак может опираться на всем понятную форму, но ему нужна деталь, которая принадлежит только ему.

Парадокс: знак, который к 2010-м знал каждый, нельзя было набрать текстом. На корпусах, в логотипах и на упаковке он был, а в Unicode — нет. 1 декабря 2013 года Терренс Иден спросил на Hacker News, почему так. Вопрос перерос в кампанию, а затем в заявку в Unicode, которую Иден подготовил вместе с Джо Лафри и Брюсом Нордманом. В феврале 2015 года заявку приняли, и символы вошли в Unicode 9.0. Рабочая группа ISO/IEC JTC 1/SC 2/WG 2 утвердила их для поправки к стандарту ISO/IEC 10646, которая вышла в 2016 году.

• U+23FB ⏻ — POWER SYMBOL, символ питания
• U+23FC ⏼ — POWER ON-OFF SYMBOL, «вкл/выкл»
• U+23FD ⏽ — POWER ON SYMBOL, включение
• U+23FE ⏾ — POWER SLEEP SYMBOL, сон
• U+2B58 ⭘ — HEAVY CIRCLE, «жирный круг» в роли знака выключения

Последняя строка показательна. Отдельной кодовой точки для «выключено» в Unicode нет: эту роль отдали жирному кругу из блока «Miscellaneous Symbols and Arrows». Так один из пяти знаков живёт в другом районе таблицы под чужим именем — хорошая иллюстрация того, что кодировка описывает форму, а смысл ей приписывает соглашение.

Почему же в вебе кнопку питания до сих пор рисуют в SVG, а не набирают символом? Потому что кодовая точка — только обещание. Как выглядит ⏻, решает шрифт, а во многих интерфейсных гарнитурах этого знака нет. Браузер возьмёт его из запасного шрифта, и на разных системах кнопка окажется разной толщины, размера и пропорций. Для текста это терпимо, для элемента управления — нет. Unicode дал символу имя и место в тексте — в документации, переписке, справке, — а интерфейс по-прежнему держится на векторной иконке, которую дизайнер контролирует целиком.

В 2015 году символ питания вошёл в коллекцию MoMA: отдел архитектуры и дизайна, номер 138.2015, подпись «International Electrotechnical Commission, 1973». Автором указан не человек, а организация, которая выпускает стандарты. Знак показали на выставке «This Is for Everyone: Design Experiments for the Common Good».

Что именно приобрёл музей? Не рисунок — у него нет оригинала. Не файл — его может скачать кто угодно. Музей взял в коллекцию соглашение: договорённость огромного числа людей, что разорванный круг с линией значит одно и то же в любой стране. Сама музейная аннотация фиксирует, что значение знака менялось: сначала standby, а почти через тридцать лет, в 2002 году, международный комитет учёных и инженеров рекомендовал считать его обозначением питания. Экспонат здесь — не только форма, но и её биография.

Отсюда ответ на вопрос, что делает иконку универсальной. Не очевидность: будь ⏻ очевиден, все знали бы, что он значит «ожидание». Универсальность складывается из трёх вещей: простой формы, которую легко воспроизвести где угодно; стандарта, который закрепляет её за функцией; десятилетий повторения, после которых смысл уже не нужно объяснять. Иконку делает универсальной не очевидность, а число повторений.

Мы смотрим на историю ⏻ как на рабочий урок, а не на музейную байку. Почти любая иконка в интерфейсе проходит его путь в миниатюре: её значение сначала надо выучить, потом оно расплывается, и однажды пользователь нажимает её, ожидая другого. Перед тем как поставить иконку на сайт или в приложение, мы проверяем пять вещей.

• Тип элемента: кнопка запускает действие, переключатель показывает состояние, и выглядеть они должны по-разному.
• Смысл знака: иконка на кнопке говорит, что произойдёт, а не что есть сейчас, иначе её будут читать наоборот.
• Подпись рядом: короткое слово «Выключить» или «Выйти» снимает двусмысленность, которую не снимет никакой рисунок.
• Контраст: тонкая линия иконки теряется первой, поэтому её стоит проверить по WCAG так же, как текст.
• Необходимость: если без иконки понятно, а с ней нет, иконка лишняя.

Отдельно о самом ⏻ в вебе. Мы советуем ставить его только там, где действие действительно похоже на питание: остановка сервиса, выключение устройства в панели управления, перезапуск. Для «выйти из профиля» знак питания — сомнительная метафора: человек не выключает сайт, он из него уходит. Привычка читать ⏻ как «всё закончить» сработает, но ценой лёгкой тревоги — не сломалось ли что-нибудь.

⏻ стал универсальным, потому что его выучили, а не потому, что он очевиден. У новой иконки в вашем интерфейсе нет полувека на обучение, поэтому ей нужна подпись.

У символа питания были стандарт, музей и бесчисленные нажатия, и всё равно он значит не то, что записано в его паспорте. Это не провал дизайна, а его нормальная жизнь: знак принадлежит не автору и не комитету, а тем, кто им пользуется. Хорошая иконка — не та, что понятна с первого взгляда, а та, за которой стоит договорённость. Если договорённости ещё нет, её честно заменяет слово рядом.

• Wikipedia — Power symbol
• MoMA — International Electrotechnical Commission (IEC). Power symbol. 1973
• MoMA — From the Exhibition «This Is for Everyone»
• MoMA Inside/Out — Is This for Everyone? New Design Acquisitions at MoMA (2015)
• IEEE P1621 Draft Standard, 15 декабря 2002
• Lawrence Berkeley National Laboratory — Simple Symbols that Save Energy
• Eden, Loughry, Nordman — Proposal to Include IEC Power Symbols
• Joe Loughry — Proposal to add IEC power symbols to Unicode (GitHub)
• 99% Invisible — Ubiquitous Icons: Peace, Power, and Happiness