Возможности действий и их будущее в интерфейсах

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

Концепция аффорданса впервые была придумана психологом Джеймсом Дж. Гибсоном в его книге «Экологический подход к визуальному восприятию» (1979). Позже концепция была развита в сообществе HCI Дональдом Норманом в его книге «Психология повседневных вещей» (1988).

Гибсоновы возможности

• Возможности действий в окружающей среде в отношении действий актера.
• Независимые от опыта, знаний, культуры или способности актера их воспринимать.
• Существование двоично - доступность существует или её нет.

Нормановы возможности

• Восприятие свойств, которых может даже не существовать.
• Подсказки относительно того, как использовать свойства.
• Может зависеть от опыта, знаний или культуры актера.
• Может сделать действие трудным или легким.

Сравнение возможностей Гибсона и Нормана позволяет нам различать пользу и удобство использования объекта: таким образом, мы обычно разрабатываем наши продукты для удобства, создавая возможности (возможности для действий в дизайне), которые соответствуют целям пользователя.

Например: кнопки с тенями дают понять, что существует возможность их нажать.

Что есть аффорданс?

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

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

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

Аффорданс в физическом мире

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

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

Физические объекты имеют три типа аффорданса:

Заметная доступность: основное определение доступности, где характеристики объекта подразумевают действие.

Скрытая доступность: когда у объекта есть возможности, которые не столь очевидны; например, просто глядя на бутылку с пивом, мы не сможем сразу сказать, что можем использовать ее, чтобы открыть еще одну бутылку пива.

Ложная доступность: есть предполагаемая свобода, но никаких результатов не происходит из возможных действий. Например, нажатие кнопки, которая ничего не делает. Как в случае с пультом от телевизора - вы нажимаете кнопку включения, но по какой-то причине он не работает. Доступность все еще существует, мы можем нажимать кнопку столько, сколько хотим, но это ни к чему не приводит.

Аффорданс в цифровом мире

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

Если вы понимаете, как работает доступность, вы сможете использовать её в своих интересах. Мы сможем создавать проекты, которые интуитивно понятны и просты в использовании.

Виды аффорданса:

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

Явное соответствие: это все действия, которые довольно очевидны, поскольку они сообщают пользователю точные требуемые действия. Например: кнопка, на которой написано «нажмите здесь», она призывает к действию. Форма ввода текста, в которой присутствует надпись серым цветом "Ваше имя", является примером явной доступности.

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

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

Метафорическое присвоение: имитация реальных объектов для взаимодействия в процессе работы. Иконки - прекрасные примеры: карта, тележка для покупок или корзина, дом, принтер, видео, микрофон, телефон и т. д. Возьмите концепцию электронной почты, например. Её корни уходят к бумажным письмам, её значок обычно представляет собой конверт. Это отличный пример метафорической доступности во всем мире.

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

Отрицательная доступность: можно рассматривать как конкретно указывающее на отсутствие возможности. Например, когда у вас есть кнопка, которая выглядит неактивной. Наиболее распространенным примером является кнопка или ссылка, выделенные серым цветом.

Подписи

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

Текст «проведите для разблокировки» на экране блокировки iPhone - ещё один пример. Мало того, что он говорит вам, что вам нужно сделать для управления устройством, так ещё и есть стрелка, указывающая, в каком направлении вам необходимо провести пальцем, и сам текст также имеет анимацию, которая также движется в том же направлении.

Норман говорит, что закладка в книге не только указывает место, где вы закончили читать, но также указывает, какую часть книги вы прочитали.

Эволюция и будущее

В быстро развивающейся технологической эпохе старые варианты взаимодействий (клавиши и кнопки) постепенно заменяются жестами и интерактивностью.

2020 год станет для нас великим годом. LG планирует к этому времени утроить производство солнечных батарей; будут другие Олимпийские игры. И да, роботы, очевидно, заберут себе около пяти миллионов рабочих мест. Это последние данные, опубликованные экономистами, в которых прогнозируется влияние систем и машин ИИ на человеческую рабочую силу. И это развитие событий предусматривает «Четвертую промышленную революцию», характеризующуюся беспрецедентными «событиями в генетике, искусственным интеллектом, робототехникой, нанотехнологиями, 3D-печатью и биотехнологиями».
digitaltrends.com

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

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

Жесты.

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

Действия, выполняемые ИИ.

Недавно Iphone X показал свою интеграцию ИИ с emoji для чата.

Перетаскивание элементов для вызова действий.

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

Голосовые интерфейсы.

Alexa от Amazon использует голосовое управление. Более того, используя речь, мы можем свободно чувствовать себя в мире денежных переводов. В настоящее время Siri позволяет вам переводить деньги через PayPal другому лицу, используя только один простой запрос: «Сири, отправь 20 долларов XXX через PayPal». Требуется только подтверждение и проверка безопасности - это Touch ID.

Распознавание видео.

Apple, Samsung, Xiaomi Corp и другие установили FaceTech в своих телефонах. Однако, это только начало. В будущем, похоже, потребители смогут попасть в свои автомобили, дома и другие обеспеченные безопасностью физические места, просто взглянув на них.

AR / VR

Мы управляем жестами не только на сенсорном экране, но и в пространствах AR и VR, где мы можем перемещаться внутри виртуальной реальности с изменением положения нашего тела.

Вот такие захватывающие современные тенденции аффорданса.