Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX
Webdesign

Проектирование привычек и поведения

by
Length:LongLanguages:

Russian (Pусский) translation by Alex Grigorovich (you can also view the original English article)

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

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

Согласно SocialTimes, 18% пользователей социальных сетей не могут быть отключены в течение нескольких часов.

«18% пользователей социальных сетей не могут прожить несколько часов без проверки Facebook». - SocialTimes (30 декабря 2014 года)

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

Что такое привычки?

Иллюстрация из статьи Катриона Корнетт Как привычки могут влиять на поведение пользователей

В силе привычки: почему мы делаем то, что делаем в жизни и бизнесе, Чарльз Духигг объясняет процесс создания привычки. В основе каждой привычки лежит простая неврологическая петля, которая состоит из трех частей:

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

Модель HOOK Нира Эяля

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

«Привычки - это импульсы к поведению с почти не сознательной мыслью».

Модель HOOK, приведенная ниже, представляет собой простую графику Нира Эяля, объясняющую четыре части: триггер, действие, вознаграждение и инвестиции. Изучив привычки и изменения поведения, Нир проанализировал многие огромные компании, такие как Facebook, LinkedIn, Pinterest, Instagram (чтобы назвать лишь некоторые из них), которые изменили привычки миллионов людей во всем мире.

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

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

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

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

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

HOOK - это опыт, предназначенный для подключения проблемы пользователя к вашему решению. Изображение Нир Эял.
Разбивка LinkedIn HOOK. Изображение Нир Эял.

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

Построение и изменение привычек

Почему вы хотите создать или изменить привычки своих пользователей? Нир подчеркивает некоторые из основных причин, почему вы должны думать об этом:

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

Как формируются цифровые привычки?

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

Культура и окружающая среда также очень важны. Существует тенденция неспособности жить в данный момент, вы чувствуете потребность в тексте, привязке, захвате, записи и передаче каждой вещи. Это становится большой проблемой, особенно для молодого поколения, Fear Of Missing Out или FOMO - огромный фактор, ускоряющий формирование цифровых привычек.

Исследование, опубликованное в Википедии, гласит, что формирование привычки - это процесс, посредством которого поведение посредством регулярного повторения становится автоматическим или привычным. Этот процесс формирования привычки может быть медленным. В 2010 году Филлиппа Лалли нашла среднее время, когда участники достигли асимптоты автоматизма - 66 дней с интервалом в 18-254 дня.

Instagram - это вещь

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

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

Упростить реплики

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

Как определить привычки ваших пользователей

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

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

«Все чувствуют, что теряют время и пространство, когда используют Интернет»,

Говорит Гринфилд.

«Это означает, что он психоактивен, другими словами, это цифровой препарат».

Это тот опыт, который вы хотите достичь с помощью своего продукта или услуги.

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

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

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

Сумасшедшее яйцо

Визуализируйте, где ваши посетители щелкают по карте сумасшедших яиц и карте прокрутки. Узнайте, как ваши посетители взаимодействуют с вашим сайтом.

Hotjar

Hotjar - это новый и простой способ по-настоящему понять ваших посетителей в Интернете и мобильных сайтах. Определите свои самые большие возможности для улучшения, используя этот инструмент аналитики и обратной связи «все-в-одном».

Тепловые карты для SumoMe

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

UserTesting

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

Аналитика

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

Google Analytics

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

Woopra

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

Kissmetrics

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

Mixpanel

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

Как редизайн может разрушить ваш продукт

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

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

В моем случае я переработал Despreneur пару месяцев назад, оставив только основную структуру и изменив каждую деталь на веб-сайте. К сожалению, после показателя отката редизайна (который представляет процент посетителей, которые входят на сайт, а затем покидает «отскок», а не продолжает просмотр других страниц на одном и том же сайте), вырос почти в десять раз. Если бы я только тогда узнал о модели и привычках HOOK в Интернете, я бы сделал это по-другому!

Показатель отказов Despreneur прыгнул почти в 10 раз.

Предотвращение редизайна, разрушающего ваш продукт

Это очень просто: выполните небольшие итеративные изменения, которые не пугают ваших пользователей. Проведите небольшие тесты A / B, чтобы узнать, что лучше всего подходит для определенных частей вашего дизайна, в то же время обучая своих пользователей новым рутинам, но не подавляя их слишком много.

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

WP Experiments

WP Experiments - мощный плагин WordPress для создания неограниченных тестов с вашим контентом. Легко меняйте тексты кнопок, абзацы, заголовки или что-либо еще на своем веб-сайте и посмотрите, как реагирует ваша аудитория.

Visual Website Optimizer

Visual Website Optimizer позволяет запускать A / B, многомерные и разделенные URL-тесты с использованием простого визуального редактора и обеспечивает проницательную аналитику.

Title Experiments Free

Этот бесплатный плагин WordPress позволяет запускать тесты split (A / B) нескольких титров для публикации и обнаружения, которые получают больше просмотров страниц.

Nelio AB Testing

Бесплатный плагин WordPress для запуска A / B-экспериментов на вашем сайте. Это помогает вам определять, управлять и отслеживать эксперименты A / B-тестирования.

Игра с цветами

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

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

Резкое большинство кликов (почти 75%) было направлено на контрастный оранжевый CTA.

Убедитесь, что цвета фона являются естественными и нейтральными. Johs Byers из Studiopress говорит о методе создания иерархии трех цветов на вашем веб-сайте: цвета фона, фона и акцента. Фон и основание предназначены для поддержки цвета акцента, который контрастирует с остальными.

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

Вывод

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

Я надеюсь, что эта статья поможет вам лучше понять, как проектировать изменения поведения. Я всегда за новые идеи и разговоры, доступен в твиттере на @tomaslau.

Источники и дальнейшее чтение:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.