Eng

Эффект Изоляции - как управлять вниманием пользователя

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

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

Эту особенность восприятия ВАЖНО учитывать при проектировании онбординга:

Проверять, не происходит ли случайное выделение среди похожих элементов.
Научиться “ненавязчиво” выделять то, на что вы хотите обратить внимание пользователя.

Давайте разберемся на примерах.

Как "эффект Изоляции" подталкивает нажать не то, что вам нужно.

Чем больше внимания уделяется одному объекту, тем меньше внимания остается для остальных.

Например, вы предлагаете пользователю выбрать ответ из списка.
Все элементы списка, кроме одного, состоят из одной строки -> элемент из 2 строк становится самым заметным, от него сложно отвести взгляд:

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

Кнопка с текстом из 2 строк забирает на себя больше внимания:

Кнопка с самым коротким текстом “Love” выбивается из списка:

Важно -> приводите элементы списка к одинаковой форме:

Как "эффект Изоляции" подталкивает к нужному вам действию.

Пользователь обратит больше внимания на элемент из последовательности, если он отличается:

шириной
высотой,
шрифтом,
цветом.

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

Приложение Intent закладывает в памяти пользователя: “Intent - создаст для вас Meal plan” -> в ряде однотипных изображений то, которое пользователь должен запомнить - выделено цветом:

Приложение Headway хочет, чтобы пользователь запомнил: "Развиваться можно читать легко и весело" -> слова “легко” и “весело” выделены цветом:

Blinkist считает своим преимуществом то, что пользователь поймет идеи книги за 15 минут и хотят, чтобы он обратил на это внимание-> "15 минут" выделены цветом:

Lose it! хотят, чтобы пользователь запомнил название приложения и иконку -> в списке "картинка + текст" выделяют их размером:

То же правило работает и для последовательности экранов.

Пользователь обратит больше внимания на экран, если он отличается от подобных экранов:

размерами или цветом элементов, которые есть на каждом экране,
фоном,
картинкой.

При этом растет шанс, что содержимое экрана (тезисы, смыслы, осуществляемый выбор) запомнится лучше:

После 11 однотипных экранов, приложение Fabulous показывает экран, отличающийся: цветом, кнопками, UX на кнопках (множественный выбор, галочки на чек боксах, кнопка "Далее") -> пользователь запомнит тезисы на этом экране.

Будьте аккуратны:

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

Пример 1: сложно понять, зачем экран номер 2 выделен и почему он так сильно отличается визуально. Так хотели чтобы пользователь запомнил название “Evergreen”?

Пример 2:

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

Обязательно проверяйте свой UI на наличие "эффекта Изоляции", чтобы избавиться от ненужных “акцентов” внимания. С учетом эффекта прайминга, они могут значительно влиять на прохождение всего онбординга.

Осознанное применение "эффекта Изоляции", позволяет управлять вниманием пользователя. Вы можете использовать это в своих “добрых” целях ).