Эффект превосходства изображения. Используйте силу визуальных образов
О чем поговорим сегодня
Короткой строкой: изображения vs. слова
Люди часто запоминают изображения лучше, чем слова. Дизайнеры могут использовать эффект превосходства изображения, чтобы сделать свои продукты запоминающимися и понятными.
Ссылка на оригинал статьи: https://www.nngroup.com/articles/picture-superiority-effect/
Возможно, вам знакома известная поговорка: «Лучше один раз увидеть, чем сто раз услышать». Эта фраза подчеркивает, что изображения могут быть более эффективными в передаче идей, чем слова. Отчасти это объясняется тем, что люди легче запоминают информацию, представленную в визуальной форме. Это явление называется эффектом превосходства изображения.
Что такое эффект превосходства изображений?
Определение: эффект превосходства изображений заключается в том, что люди лучше запоминают изображения, чем слова.
Это явление является хорошо изученным в когнитивной психологии. Одна из самых популярных теорий, объясняющих, почему изображения запоминаются лучше, чем слова, принадлежит психологу Аллану Пайвио.
Пайвио утверждал, что эффект превосходства изображений возникает из-за того, что любое визуальное восприятие хранится в памяти двумя способами: 1) как само изображение, и 2) как слово или фраза, описывающие это изображение. В отличие от этого, слова хранятся только одним способом — как само слово. Хотя разум может создавать образы для слов, этот процесс не является автоматическим и требует значительных когнитивных усилий, что делает его менее распространённым.
Таким образом, согласно теории Пайвио, образы запоминаются лучше, чем слова, потому что они лучше представлены в памяти.
Почему изображения значимы
Визуальные элементы являются неотъемлемой частью UX-дизайна. Они способны наглядно демонстрировать концепции, представлять продукты и передавать информацию о бренде компании.
В сфере электронной коммерции изображения продуктов и маркетинговые визуальные элементы играют особенно важную роль. Они помогают пользователям запомнить продукт, его преимущества и связанные с ним атрибуты бренда, что выделяет компанию на фоне конкурентов.
Один из участников недавнего исследования удобства использования наших консультационных страниц отметил:
«Я знаю, что это может показаться незначительным, но эти простые вещи [образы] помогают мне структурировать свои мысли. Они помогают мне лучше запоминать информацию. Я обнаружил, что меня привлекает определённая маркетинговая группа, потому что их графика научила меня большему, чем их номенклатура. Мне не нужно было читать это. Я мог просто визуально просмотреть информацию. Поэтому я выбрал их для обучения».
Образы также способны помочь людям понять сложные концепции. Когда людям нужно запомнить какое-то понятие или процесс, они часто обращаются к визуальным образам, которые хранятся в их памяти.
Специалисты по UX могут использовать принцип превосходства изображения, чтобы донести результаты исследований до команды и заинтересованных сторон. Визуальные материалы, такие как карты и изображения пользователей, помогают команде и тем, кто имеет отношение к проекту, лучше запомнить результаты исследований. Когда результаты исследований остаются в памяти, их легче использовать в повседневной работе и при принятии решений.
Факторы, влияющие на эффект превосходства изображения
Сила эффекта превосходства изображения зависит от нескольких факторов:
- Доступность: люди должны увидеть и рассмотреть изображение, чтобы оно запомнилось. Французский психолог Поль Фресс обнаружил, что эффект превосходства изображения ослабевает, если люди не смотрят на него достаточно долго. Чем дольше человек изучает изображение, тем больше вероятность, что он его запомнит.
- Ясность: чем конкретнее и буквальнее изображение, тем лучше оно запоминается. Наш разум может легко интерпретировать и присвоить ярлык буквальному изображению, в отличие от абстрактного. Чем абстрактнее изображение, тем сложнее его понять и тем ниже его запоминаемость.
- Знакомость: чем лучше человек знаком с концепцией, тем легче ему понять её визуальное представление и связать с ней слово. Люди, которые не имеют большого опыта в работе с концепцией или объектом, могут не узнать их изображение и, следовательно, им будет трудно подобрать подходящее слово. Это, в свою очередь, снизит запоминаемость изображения.
- Уникальность: чем более уникальным является визуальное изображение (по сравнению с другими изображениями), тем более запоминающимся оно будет.
3 Способа усилить эффект превосходства изображения
Дизайнеры могут эффективно использовать эффект превосходства изображения, тщательно подбирая и создавая визуальные элементы для своих проектов.
#1: Размещайте визуальные элементы там, где пользователи тратят свое время
Чтобы сделать ваш бренд более узнаваемым, дизайнеры должны следовать нескольким простым рекомендациям:
- Поместите значимые визуальные элементы в те места, где пользователи проводят больше всего времени. Аналитика поможет вам понять, как долго люди находятся на разных страницах, экранах или веб-ресурсах. На многих сайтах основная страница является самой просматриваемой, поэтому особенно важно размещать там важные визуальные элементы, если вы хотите, чтобы ваши продукты запомнились.
- Расположите важные, информативные визуальные элементы над основной частью страницы. Мы знаем, что пользователи проводят около 80% времени на сайтах над основной частью страницы. Это означает, что изображения, поддерживающие бренд, но не несущие много информации, могут располагаться под основной частью страницы.
- Убедитесь, что изображения остаются на странице, чтобы пользователи могли их запомнить. На некоторых сайтах есть карусели изображений с автоматической перемоткой. Например, на главной странице Garmin (как видно на изображении ниже) карусель автоматически перематывается примерно каждые четыре секунды. Это может привести к тому, что у пользователей не будет достаточно времени, чтобы понять и запомнить изображения.
#2 Выбирайте буквальные изображения, а не абстрактные
Чтобы сделать изображения более чёткими и узнаваемыми, старайтесь избегать абстрактных визуальных образов. Абстрактные изображения не передают образ конкретных, легко узнаваемых объектов. Из-за этого они не вызывают в сознании чёткие ассоциации со словами, что затрудняет их запоминание.
Например, на главной странице продукта Adobe Podcast AI есть иллюстрация, которая демонстрирует ключевую функцию под названием «Проверка микрофона». Однако эта иллюстрация слишком абстрактна, чтобы быть понятной.
Напротив, на главной странице ChatGPT (на изображении ниже) есть скриншоты продукта на мобильных устройствах и компьютерах. Эта иллюстрация помогает пользователям лучше понять возможности продукта.
#3: Выбирайте уникальные образы
Изображения, которые выделяются на фоне других, с большей вероятностью привлекут внимание, будут обработаны и, следовательно, запомнятся. С другой стороны, слишком похожие изображения могут вызвать ассоциации с похожими словами, что затруднит их различение и запоминание.
Например, Google использует фирменные значки для каждого сервиса в своем облачном программном обеспечении. Однако визуальные элементы для Meet, Chat, Drive и календаря слишком похожи, что снижает эффект превосходства изображений.
Хотя уникальность изображений крайне важна, они не должны вызывать раздражение. Чтобы сохранить общую визуальную целостность, следует использовать похожие цветовые палитры, насыщенность или обрезку фотографий.
Например, в приведенных выше значках Google Диска используется одна и та же цветовая палитра и насыщенность. Однако формы и расположение цветов почти идентичны, что делает значки слишком похожими и затрудняет их различение.
Уникальные изображения относятся не только к вашему продукту, но и к вашим конкурентам. Если визуальные элементы продуктов ваших конкурентов слишком похожи на ваши собственные, пользователям может быть сложно запомнить ваш продукт.
Например, Nortably.ai использует визуальные элементы и дизайн, которые очень похожи на те, что используются на Dovetail.com. В результате оба дизайна (и соответствующие продукты) становятся менее запоминающимися. Это одна из причин, по которой мы рекомендуем дизайнерам не копировать слепо дизайн своих конкурентов.
Стоил ли использовать изображения вместо слов?
Некоторые люди ошибочно полагают, что изображения могут заменить текст, например, включая иконки в пользовательский интерфейс без текстовых подписей. Однако слова по-прежнему играют важную роль!
Добавление текстовых подписей обеспечивает дополнительный уровень детализации, что способствует лучшему пониманию и запоминанию. Кроме того, подписи помогают убедиться, что ваши иконки будут правильно интерпретированы, и увеличивают размер цели, облегчая пользователям нажатие на них.
Заключение
Если в дизайне интерфейса эффективно использовать эффект превосходства изображения, пользователи с большей вероятностью получат более полное и положительное впечатление о вашем сайте, продукте или бренде. Несмотря на то, что визуальные элементы могут дополнять информацию и повышать запоминаемость, текст по-прежнему необходим для удобства использования и чёткой передачи сообщения.