День Интернета: почему корзина означает «удалить», а шестерёнка — «настройки»

30 сентября в России отмечают День Интернета. За несколько десятилетий сеть изменила не только то, как мы работаем и общаемся, но и то, как мы взаимодействуем с технологиями.

Откройте незнакомое приложение и попробуйте найти настройки. Скорее всего, взгляд сам остановится на шестерёнке, нужно удалить файл — ищем корзину. Даже если оболочку новый, а подписи незнакомы, многие действия мы считываем почти не задумываясь.

Разбираемся, как у виртуальный среды появился собственный визуальный язык и почему старые метафоры до сих пор работают.

Как компьютер превратился в рабочий стол

История привычных иконок началась с попытки сделать компьютер понятнее человеку. В 1970-х годах исследователи Xerox PARC работали над графическим интерфейсом, в котором цифровая среда напоминала обычный офис. В 1981 году в системе Xerox Star появились документы, папки, принтер и корзина — знакомые физические объекты, перенесённые на экран.

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

Почему корзина означает исключение

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

А шестерёнка?

С шестерёнкой связь менее очевидна. В смартфоне нет механизма, который пользователь мог бы буквально подкрутить, но значок давно ассоциируется с настройками. Здесь работает цепочка ассоциаций: шестерёнка → механизм → регулировка → настройки.

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

Когда метафора переживает свой оригинал

Некоторые символы давно потеряли связь с предметами, которые когда-то изображали. В частности, дискета по-прежнему означает «сохранить», хотя многие пользователи никогда не держали её в руках. Телефонная трубка обозначает звонок даже на устройствах, где никакой трубки нет. Сначала оболочку заимствует знакомый объект, затем пользователь запоминает его значение, а со временем символ становится самостоятельным знаком.

Интерфейс — это не только иконки

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

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

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

Кстати, Антонина, дизайнер интерфейсов ЮMoney, написала подробную статью о проектировании OTP-поля — приглашаем почитать.

Почему это важно

Качественный оболочку сокращает путь от действия пользователя к пониманию результата. Знакомая иконка помогает быстро найти нужную функцию, понятный текст объясняет, что происходит, а визуальный статус демонстрирует, чем закончилось действие. Вместе они складываются в общий язык, который пользователь постепенно учится читать.

День интернета — качественный повод присмотреться к привычным цифровым символам. Многие из них когда-то повторяли реальные предметы, но со временем превратились в самостоятельный язык технологий, понятный без перевода.

Какие значки вы узнаёте с полувзгляда, а какие до сих пор заставляют задуматься? И если бы вам предложили придумать новый символ для интернета, как бы он выглядел?