Действие как изображение: семиотика интерфейса в медиакультуре

1. Концепция.
2. Первые шаги формирования интерфейса и визуальных метафор.
3. Редукция и кодирование действий.
4. Пространственная организация: как действие помещают в визуальный контекст
5. Цвет и статус: как цвет кодирует действие.
6. Метасигналы и визуальные affordances.
7. Заключение.

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

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

В основе визуального материала лежат графические пользовательские интерфейсы (GUI) массовых операционных систем и приложений: Windows, macOS, iOS, Android, а также веб-интерфейсы социальных сетей и сервисов (Instagram, Telegram, YouTube). Принципами отбора служили: историческая значимость (первые попытки реализации рабочего стола, корзины, папки); повседневная распространённость материала, с которым люди встречаются каждый день; показательность изобразительного материала для анализа конкретных механик интерпретации действий; контрастность для наглядного сравнения разных платформ для одного и того же действия.

Исследование строится по семиотическому принципу: от более простых к более сложным уровням организации действия в интерфейсе.

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

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

Однако помимо прямо узнаваемых образов, существуют более абстрактные, которые позволяют большему количеству людей идентифицировать себя с ними. Тут работает культурный контекст, например, иконка «шестеренка» (настройки) узнаваема во всем мире, но никто не ассоциирует ее с реальной работой механика. Редукция произошла до предела — остался только культурный штамп.

Важным аспектом редукции является тот факт, что если показать обычному пользователю 30 разных иконок сохранить (дискета, облако, стрелка вниз). Он узнает все, но не сможет сказать, какая из них верная. Потому что редукция не ведет к единственному смыслу — она ведет к множеству интерпретаций одного и того же действия.

Поскольку интерфейс — это своего рода пространство, для размещения действий внутри него необходимо понимать как человек воспринимает ту или иную его часть. Nielsen Norman Group проводили айтрекинговые исследования, которые показали, что пользователи сканируют экран F-образным образом. Верхний левый угол получает наибольшее внимание, нижний правый — наименьшее.

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

На примере мы видим интерфейсы приложения Читай город, где действие вперёд изображено в виде стрелочки, расположенной в правой части экрана и повёрнутой в ту же сторону. Действие назад же находится слева.

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

Центр экрана — самое привилегированное место. Именно там пользователь ищет главное действие (то, ради чего он открыл приложение). Периферия (углы, края) — для второстепенных. Если рассматривать страницу канала на Rutube, основное действие этого экрана — подписка, по этой причине кнопка подписаться и название канала находятся в центре экрана. Это первые объекты, которые видит человек, заходя на экран.

Изначально все интерфейсы были чёрно-белыми без использования цвета, действие кодировалось только лишь за счёт формы и тональности. Однако в 1990-х годах дизайнеры начали использовать цвет, но он ещё не кодировал действие, а скорее служил декоративным дополнением к интерактивности.

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

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

В конце 1990-х годов в интерфейсах Windows и Mac OS начинает появляется метафора красного цвета как кода опасности. Красная иконка становится неким предупреждением, она сопровождает диалоги об удалении, форматировании и необратимые действия.

Зелёный цвет используется для кнопок, для статусных сообщений и для индикаторов успеха. В 2000-х зелёный цвет окончательно закрепился как цвет успешного завершения действия. Зелёная галочка стала универсальным символом «всё сделано правильно».

Жёлтый и оранжевый заняли промежуточное положение между зелёным (безопасно) и красным (опасно). Чаще всего они означают проблему, но она не требует срочного решения. Так на примере используется иконка восклицательного знака, который привлекает внимание, но не тревожит, за счёт жёлтого цвета.

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

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

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