Создание сайтов в Ростове. Руководство по положительному подкреплению в UX-дизайне

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

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

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

В этой статье мы обсудим следующие темы:

В чем разница между положительным и отрицательным подкреплением?

Как использовать положительное подкрепление в UX-дизайне (примеры)?

Как использовать положительное подкрепление, чтобы уменьшить беспокойство?

Какая связь между теорией подталкивания и положительным подкреплением?

Когда мы должны использовать положительное подкрепление?

Положительное и отрицательное подкрепление

Прежде всего, нам нужно понять разницу между положительным и отрицательным подкреплением.

Положительное подкрепление повышает вероятность конкретной реакции, добавляя стимул после выполнения поведения.

Негативное подкрепление также усиливает вероятность конкретной реакции. Однако это достигается путем устранения нежелательного последствия.

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

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

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

Положительное подкрепление в UX-дизайне

Теперь, когда у нас есть четкое представление о положительном подкреплении, давайте применим эту информацию к дизайну UX.

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

Следовательно, положительное подкрепление может создать у пользователя правильную мотивацию к действию. Вознаграждая пользователя за действие, мы укрепляем его поведение. Однако обратите внимание, что постоянное и предсказуемое вознаграждение ослабит подкрепление. Статья «Используйте непредсказуемые вознаграждения, чтобы поддерживать поведение» в Psychology Today учит нас тому, что мы должны использовать непредсказуемое поведение, чтобы поддерживать это поведение.

Obachan реализует отличный, но небольшой пример положительного подкрепления на своем веб-сайте. Каждый раз, когда покупатель добавляет товар в свою корзину, веб-сайт показывает анимацию в сочетании с праздничными смайликами. Даже такой короткий ответ может побудить пользователей добавить товары в свою корзину, что является наиболее важным действием в интернет-магазине.

GIF-файл, показывающий счастливые смайлики, подпрыгивающие вместо кнопки «Добавить в корзину» после добавления товара в корзину.

Источник: интернет -магазин getobachan.com

Давайте взглянем на контактную форму AdEspresso. Как только вы отправите их контактную форму, текст кнопки изменится на «Отправка...», чтобы отобразить текущий статус. Другими словами, веб-сайт сообщает вам, что они получили вашу заявку и обрабатывают ваш запрос.

Отправленная форма с надписью «Отправка...» вместо «Отправить».

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

Зеленое сообщение с благодарностью указывает на успех

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

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

Давайте посмотрим на другие примеры из жизни.

Примеры положительного подкрепления в UX-дизайне

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

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

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

Taxfix завершил налоговую декларацию, показав возмещение, которое должно быть получено

Источник: рекламный ролик YouTube для Taxfix.

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

Процесс регистрации в интеркоме, показывающий, насколько процесс близок к завершению, с помощью индикатора выполнения

Некоторые другие простые примеры положительного подкрепления включают в себя:

Информирование пользователей о том, что они сделали, например, об отправке формы.

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

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

Добавление визуальной обратной связи к взаимодействиям с пользователем.

Использование анимации для предоставления пользователям положительных отзывов об их прогрессе.

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

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

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

Используйте положительное подкрепление, чтобы уменьшить беспокойство

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

Вернемся к примеру с формой отправки. Что, если AdEspresso не обновит статус кнопки отправки или не покажет всплывающее сообщение, подтверждающее, что они получили нашу отправку?

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

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

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

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

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

Теория позитивного подкрепления и подталкивания

Во-первых, давайте объясним «Теорию подталкивания». Подталкивание — это общий термин для методов изменения поведения людей путем изменения контекста выбора.

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

Аналогичный эксперимент был проведен iNudgeyou, чтобы обнаружить влияние размера единиц пищи. На двухдневной конференции предложили и яблоки, и торт. В первый день они подавали целые единицы яблок и пирожных. Здесь участники съедали в среднем 93,9 грамма торта на человека по сравнению с 12,7 граммами яблока.

На следующий день iNudgeYou нарезает яблоки и торт на более мелкие кусочки. Теперь участники съедали в среднем 61,2 грамма торта на человека и 20,4 грамма яблока. Участники съели на 60% больше яблок, сократив потребление пирожных на 35%.

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

Источник изображения: эксперимент iNudgeYou, подталкивающий людей к более здоровой пище.

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

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

Когда мы должны использовать положительное подкрепление?

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

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

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

Короче говоря, положительное подкрепление жизненно важно для улучшения UX веб-сайта.