Аффорданс в веб-дизайне

Аффорданс в веб-дизайне

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

Что такое аффорданс в веб-дизайне и digital-интерфейсах?

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

Аффорданс есть трёх типов – явный, неявный, ложный. Что такое ложный аффорданс в мире вещей? К примеру, на лифте есть кнопка. Вы на неё жмёте, но лифт никуда не едет/не останавливается. Ваше сознание подсказывает, что нажатие должно приводить к последствиям. Но кнопка может банально не быть подключена ни к каким контактам.

Когда речь идёт о компьютерной реальности, аффорданс сильно ограничен пространством экрана ПК, на котором пользователь видит объекты. Конечно, есть еще motion-дизайн, в котором используются анимированные, подвижные детали.

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

  • Большая и заметная кнопка с надписью «enter» или «push» – яркий пример явного аффорданса. Человек сразу поймёт, для чего она. Явные аффордансы нужны для того, чтобы пользователь не растерялся в незнакомом ему интерфейсе. Эти маячки упрощают работу в интернете;
  • Изображения и иконки (почта, соцсети, шестерёнка для настроек, переход на главную страницу кликом по логотипу);
  • Иногда активные объекты могут быть неявными. В некоторых случаях это «пасхалки», которые пользователям нравятся. Но, чаще, речь идёт о подсветке объекта при наведении на него курсора. Могут быть и другие признаки, показывающие «это работает». Скрытые аффордансы помогают экономить пространство. К примеру, при наведении курсора на объект появляется текст с описанием или указаниями. Разместить его сразу на странице было бы неудобно;
  • Понятие ложного аффорданса не менее обширное. Это может быть нерабочая кнопка, ссылка, либо использование для отказа и согласия непривычных цветов. Привычные «да» – зелёный и «нет» – красный. Банально поменяв их местами, получаем сбитых с толку посетителей;
  • Иконки в виде самолётиков, шестерёнок и прочего часто называют термином «метафорический аффорданс»;
  • Иногда нужно показать пользователю, что какая-то функция отсутствует. Иногда для этого намеренно применяют нерабочую кнопку. Такой подход называется отрицательным аффордансом.

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

Хотите заказать сайт?

Наш практический опыт в веб-дизайне гарантирует Вашему проекту высокий уровень реализации в оптимальные сроки.

Полезная информация