Микроанимации в Instagram и LinkedIn побуждают пользователей чаще комментировать
Перевод заметки дизайнера продукта Вивиан Чжан.
Теория подталкивания — концепция в психологии, которая предполагает, что на решения можно влиять с помощью положительного подкрепления и непрямых указаний. В дизайне в роли таких «подталкиваний» можно использовать микроанимации.
Микроанимации привлекают внимание пользователя к элементам на сайте и побуждают выполнить действие, например оставить комментарий.
Вот пример из Instagram.
Это всплывающее поле — пример микроподталкивания. Оно не отображается по умолчанию и появляется, если пользователь заинтересовался публикацией. В примере выше — перестал прокручивать ленту, чтобы рассмотреть фото. Если бы поле для комментариев было под каждой публикацией, это увеличило бы визуальный шум и снизило восприимчивость пользователя.
«Скользящая» анимация подталкивает к действию — комментированию. Многие пользователи забывают о комментариях, поэтому микроподталкивание напоминает о них.
Вот ещё один пример из Instagram. Здесь тот же принцип: когда пользователь задержался на публикации с товаром, появляются маркеры. После нажатия на фото всплывают окна с описанием и стоимостью товара.
LinkedIn использует подобную анимацию на своём сайте, там всплывает текст: «Будьте первым, кто прокомментировал это». Но я считаю, что сервису не удалось реализовать идею так же хорошо, как в приведённых примерах из Instagram.
Главное отличие — анимация отображается для всех публикаций, которые ещё не прокомментированы.
Она не учитывает, интересна ли публикация пользователю или нет. Следовательно, она подталкивает его не только к комментированию.
Анимация побуждает:
- обратить внимание на публикацию, которая изначально ему не интересна;
- оставить комментарий.
Основная цель микроподталкивания — побудить пользователя выполнить «маленькую» задачу, которую он мог забыть или не заметить. Если пользователь уже заинтересован в публикации, то оставить комментарий для него — «небольшая» задача; если нет, это превращается в «большую» задачу.
Моё внимание также привлекли размер и непримечательность анимаций Linkedln. Даже если пользователь заинтересован в материале, он может не заметить анимацию с напоминанием.
В Instagram же микроанимации бросаются в глаза — они большого размера и расположены прямо в центре изображения. Когда пользователь действительно заинтересован в публикации, он вряд ли пройдёт мимо.
Мне кажется, LinkedIn стоит поучиться у Instagram и использовать анимации более избирательно.
- Отображать анимацию, только когда пользователь заинтересован. Это подтолкнёт его к выполнению «маленькой» задачи.
- Сделать анимацию более примечательной, чтобы пользователь её не пропустил.
Микроподталкивания эффективны, если:
- Они служат напоминанием для выполнения небольшой задачи.
- Они отображаются в подходящий момент, когда пользователь действительно проявил интерес к публикации. Иначе они могут отвлекать или просто раздражать его.
- Их легко заметить.
Примечание к LinkedIn
Вероятно, задача LinkedIn — увеличить интерес пользователей к новым публикациям, у которых мало просмотров. Если это так, то сервис использует анимацию уместно.
Но если под большинством материалов LinkedIn не окажется комментариев, может возникнуть проблема. Анимация может вызвать недовольство пользователей, так как в этом случае она будет отображаться под всеми постами.
Так вот оно что. Просто некоторые сайты слеплены исключительно из микроанимаций. А вы — лагает, лагает...
Хуже нет ничего, чем елозящий туда-сюда интерфейс, у которого внезапно начинают появляться и пропадать блоки, сдвигая контент. За такое палкой сразу по горбу.
Все так. Китайцы любят этим злоупотреблять - пытаешься кликнуть по ссылке чтобы залогиниться, а в это время сверху выезжает целый парфенон с текущими промо акциями, на которые ты успешно и переходишь вместо авторизации.
но пока работает, почему не использовать?
Уже сегодня запулю апдейт с этой уловкой)
Посмотрим повлияет ли
Многие пользователи забывают о комментариях, поэтому микроподталкивание напоминает о них. Для автора и большинству дизайнеров — Реальный мир не похож на фильм идиократия, тут не много сложнее.
Лучшее подталкивание к комментарию это спорный комментарий, который вызывает желание на него ответить. Например, боты на ютубе в русскоязычном сегменте любят написать что-нибудь про Россию или Украину. Более мирный и точный вариант это обращение к некой группе, например к программистам или дизайнерам: «Сидят в своем офисе в носу ковыряют пока я тут работаю». Если бы у меня был свой ресурс с редакторами, то я бы просил каждого создать по еще одному «постоянному» пользователю ресурса, который бы к каждой новой статье писал комментарии провоцирующие обсуждение темы.