Микроанимации в Instagram и LinkedIn побуждают пользователей чаще комментировать Материал редакции

Перевод заметки дизайнера продукта Вивиан Чжан.

В закладки

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

Примеры микроанимаций, побуждающих пользователя к действию. Справа: «Добавить комментарий». Слева: «Будьте первым, кто прокомментировал это»

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

Вот пример из Instagram.

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

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

Вот ещё один пример из Instagram. Здесь тот же принцип: когда пользователь задержался на публикации с товаром, появляются маркеры. После нажатия на фото всплывают окна с описанием и стоимостью товара.

LinkedIn использует подобную анимацию на своём сайте, там всплывает текст: «Будьте первым, кто прокомментировал это». Но я считаю, что сервису не удалось реализовать идею так же хорошо, как в приведённых примерах из Instagram.

Главное отличие — анимация отображается для всех публикаций, которые ещё не прокомментированы.

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

Анимация побуждает:

  • обратить внимание на публикацию, которая изначально ему не интересна;
  • оставить комментарий.

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

Моё внимание также привлекли размер и непримечательность анимаций Linkedln. Даже если пользователь заинтересован в материале, он может не заметить анимацию с напоминанием.

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

Мне кажется, LinkedIn стоит поучиться у Instagram и использовать анимации более избирательно.

  • Отображать анимацию, только когда пользователь заинтересован. Это подтолкнёт его к выполнению «маленькой» задачи.
  • Сделать анимацию более примечательной, чтобы пользователь её не пропустил.

Микроподталкивания эффективны, если:

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

Примечание к LinkedIn

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

Но если под большинством материалов LinkedIn не окажется комментариев, может возникнуть проблема. Анимация может вызвать недовольство пользователей, так как в этом случае она будет отображаться под всеми постами.

{ "author_name": "Ян Австрейх", "author_type": "self", "tags": ["linkedin","instagram"], "comments": 15, "likes": 38, "favorites": 91, "is_advertisement": false, "subsite_label": "design", "id": 62289, "is_wide": false, "is_ugc": true, "date": "Mon, 25 Mar 2019 13:32:59 +0300", "is_special": false }
SEO
Эффект от SEO есть, клиента — нет: часть вторая
История о том, как мы работали, выкладываясь на максимум, но все равно чуть не потеряли клиента.
Объявление на vc.ru
0
15 комментариев
Популярные
По порядку
Написать комментарий...
6

Так вот оно что. Просто некоторые сайты слеплены исключительно из микроанимаций. А вы — лагает, лагает...

Ответить
5

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

Ответить
3

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

Ответить
1

но пока работает, почему не использовать?

Ответить
1

Уже сегодня запулю апдейт с этой уловкой)
Посмотрим повлияет ли

Ответить
0

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

Ответить
1

Заметного роста не увидел в своем проекте, но глаз радует.

Ответить
0

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

Ответить
3

Лучшее подталкивание к комментарию это спорный комментарий, который вызывает желание на него ответить. Например, боты на ютубе в русскоязычном сегменте любят написать что-нибудь про Россию или Украину. Более мирный и точный вариант это обращение к некой группе, например к программистам или дизайнерам: «Сидят в своем офисе в носу ковыряют пока я тут работаю». Если бы у меня был свой ресурс с редакторами, то я бы просил каждого создать по еще одному «постоянному» пользователю ресурса, который бы к каждой новой статье писал комментарии провоцирующие обсуждение темы.

Ответить
2

Неправильное написание слова "немного" тоже микроподталкивание к комментариям ;)

Ответить

Комментарий удален

0

Меня как бы уже микроподтолкнуло написать предыдущее микроподталкивание, то есть это как бы уже наноподталкивание.

Ответить
1

Потом и это не будет работать

Ответить
1

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

Ответить
0

Справа: «Добавить комментарий». Слева: «Будьте первым, кто прокомментировал это»

Наоборот

Ответить
0

микродвижения руки побуждают открыть ****hub

Ответить

Комментарии

null