Аффордансы

Аффорданс (от англ. affordance — «возможность», «подсказка») — в дизайне и психологии восприятия это свойство объекта или среды, которое явно или неявно подсказывает пользователю, как с ним можно взаимодействовать. Термин введён американским психологом Джеймсом Гибсоном в 1977 году в рамках экологической теории восприятия. Аффорданс связывает физические характеристики предмета с возможностями действия, доступными воспринимающему субъекту, и не зависит от его опыта, знаний или культуры. В контексте дизайна интерфейсов и предметов аффорданс понимается как визуальная или функциональная подсказка, которая делает очевидным способ использования объекта (например, кнопка, которую хочется нажать, или ручка, которую хочется потянуть).

История возникновения и развития понятия

Экологическая теория восприятия Джеймса Гибсона

Термин «аффорданс» был впервые предложен Джеймсом Гибсоном в его книге «Экологический подход к зрительному восприятию» (1979). Гибсон утверждал, что восприятие не является пассивным процессом обработки сенсорных данных, а активным поиском возможностей для действия. Он ввёл понятие «аффорданс» для обозначения того, что окружающая среда «предлагает» или «предоставляет» животному, независимо от того, воспринимает ли животное это предложение. Например, горизонтальная поверхность «аффордит» (предоставляет возможность) опоры, а вертикальная — препятствия. Ключевая особенность гибсоновского аффорданса — его объективность: он существует независимо от восприятия и опыта субъекта.

Адаптация в дизайне: Дональд Норман

В 1988 году американский когнитивный психолог и дизайнер Дональд Норман в книге «Дизайн привычных вещей» (The Design of Everyday Things) переосмыслил понятие аффорданса для прикладного дизайна. В отличие от Гибсона, Норман сделал акцент на восприятии аффорданса пользователем. Он ввёл различие между реальным аффордансом (физической возможностью действия, например, кнопка может быть нажата) и воспринимаемым аффордансом (тем, что пользователь думает, что может сделать). В дизайне, по Норману, критически важно, чтобы воспринимаемый аффорданс совпадал с реальным: если пользователь видит, что объект можно нажать, но на самом деле он не реагирует на нажатие, возникает когнитивный диссонанс и ошибка взаимодействия.

Развитие в цифровых интерфейсах

С развитием графических пользовательских интерфейсов (GUI) понятие аффорданса было адаптировано для экранных элементов. В отличие от физических объектов, цифровые элементы не имеют «реального» аффорданса в гибсоновском смысле — они существуют только как пиксели. Поэтому в веб-дизайне и UX-дизайне аффорданс стал пониматься исключительно как визуальная подсказка: тень, объём, форма, цвет, анимация. Например, кнопка с градиентом и падающей тенью аффордит нажатие, а плоская одноцветная плитка — нет. В 2000-х годах дизайнеры начали активно использовать анти-аффордансы — намеренное отсутствие подсказок, чтобы скрыть функцию или сделать интерфейс минималистичным (например, скрытое меню-гамбургер).

Классификация аффордансов

По типу восприятия

• Явные (очевидные) — подсказки, которые не требуют обучения. Пример: дверная ручка, которую нужно тянуть, или кнопка с надписью «Нажми».
• Скрытые (неявные) — подсказки, которые становятся очевидными только после опыта или обучения. Пример: жест смахивания (swipe) на сенсорном экране, который не обозначен визуально.
• Ложные — подсказки, которые указывают на действие, но не соответствуют реальной функции. Пример: кнопка, похожая на кликабельную, но не реагирующая на нажатие.

По сфере применения

• Физические аффордансы — свойства материальных объектов: форма, вес, текстура, температура. Пример: ручка кружки аффордит захват, а её изогнутая форма — поднесение ко рту.
• Цифровые аффордансы — визуальные и интерактивные подсказки в интерфейсах: цвет, тень, анимация, курсор, звук. Пример: ссылка, подчёркнутая синим цветом, аффордит клик.
• Социальные аффордансы — возможности взаимодействия, заданные социальными нормами и контекстом. Пример: пустое место на скамейке в парке аффордит присесть, но только если оно не занято вещами.

Устройство и принципы работы

Связь с ментальными моделями

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

Роль обратной связи

Аффорданс неразрывно связан с обратной связью (feedback). После того как пользователь совершает действие, подсказанное аффордансом, система должна дать сигнал о результате: звук, изменение цвета, движение, вибрация. Без обратной связи аффорданс теряет смысл — пользователь не понимает, сработало ли действие.

Контекстуальность

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

Применение в различных областях

Дизайн интерфейсов (UI/UX)

Аффорданс — базовый принцип юзабилити. Дизайнеры используют его для:

• Навигации: меню, кнопки, ссылки должны быть визуально отличимы от статичного контента.
• Форм: поля ввода подсвечиваются при фокусе, кнопки отправки становятся активными только после валидации.
• Иконок: значок корзины аффордит удаление, значок шестерёнки — настройки.
• Жестов: в мобильных приложениях аффордансы для свайпов часто реализуются через анимацию (например, карточка слегка сдвигается при касании).

Промышленный дизайн

В проектировании физических предметов аффорданс определяет эргономику и безопасность:

• Дверные ручки: горизонтальные аффордят нажатие, вертикальные — поворот.
• Инструменты: форма рукоятки молотка аффордит хват, а её вес — удар.
• Упаковка: крышка с насечками аффордит поворот, а отрывной клапан — разрыв.

Архитектура и городская среда

Аффордансы в архитектуре регулируют поведение людей в пространстве:

• Скамейки аффордят сидение, но если они имеют разделители — предотвращают лежание.
• Лестницы аффордят подъём, а пандусы — перемещение на колёсах.
• Широкие коридоры аффордят встречное движение, узкие — одностороннее.

Психология и когнитивная наука

В психологии аффорданс используется для изучения восприятия и действия:

• Исследования показывают, что люди быстрее реагируют на объекты, если их аффорданс соответствует задаче (например, чашка быстрее распознаётся как «для питья», чем как «для метания»).
• В реабилитации аффорданс помогает проектировать среду, стимулирующую движение у пациентов с нарушениями моторики.

Критика и ограничения

Культурная зависимость

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

Проблема «плоского дизайна»

В 2010-х годах популярность плоского дизайна (flat design) привела к отказу от визуальных аффордансов (теней, градиентов, объёма). Это вызвало критику со стороны специалистов по юзабилити, так как пользователи перестали понимать, какие элементы интерфейса являются интерактивными. Решением стало введение микроанимаций и контекстных подсказок.

Технологические ограничения

В виртуальной и дополненной реальности (VR/AR) аффордансы сложнее реализовать, так как пользователь не получает тактильной обратной связи. Дизайнеры вынуждены полагаться на визуальные и звуковые подсказки, что не всегда эффективно.

Интересные факты

• В 2013 году компания Apple подала патент на технологию «динамических аффордансов» — элементы интерфейса, меняющие свою форму и подсказки в зависимости от контекста.
• Термин «аффорданс» часто путают с «сигнификатором» (signifier) — термином, введённым Норманом для обозначения визуального обозначения аффорданса (например, надпись «Толкать» на двери). По Норману, аффорданс — это сама возможность, а сигнификатор — её указатель.
• В 2020 году исследователи из Массачусетского технологического института (MIT) разработали алгоритм, который автоматически генерирует аффордансы для 3D-моделей, анализируя их геометрию.

Источники

1. Гибсон Дж. Дж. Экологический подход к зрительному восприятию. — М.: Прогресс, 1988.
2. Норман Д. Дизайн привычных вещей. — М.: Манн, Иванов и Фербер, 2018.
3. Norman D. A. Affordance, Conventions, and Design // Interactions. — 1999. — Vol. 6, No. 3.
4. Hartson R. Cognitive, physical, sensory, and functional affordances in interaction design // Behaviour & Information Technology. — 2003. — Vol. 22, No. 5.
5. McGrenere J., Ho W. Affordances: Clarifying and evolving a concept // Proceedings of Graphics Interface. — 2000.