Всего в каталоге: 218 компаний
Сравнить (0)

Как оптимизировать информационную плотность

Время чтения: 55 минут

236 0

Теги: ,

Как оптимизировать информационную плотность




 

Информационная плотность — порция информации, предлагаемая пользователю сразу по переходу на сайт. Чем больше контента видит пользователь на странице, тем выше плотность информации. Огромный объем данных моментально увеличивает когнитивную нагрузку до критичных уровней, а это в свою очередь влияет на навигацию, юзабилити и UX, способность быстро принимать решения.

 

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

 

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

 

Читать также: Всё о W3C Validator

Почему высокая информационная плотность — это плохо?

 

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

Типичный пример:


 

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

 

Представим две товарные страницы:

 

  • первая содержит изображение и название продукта, описание, стоимость, отзывы и кнопку “купить”
 
  • вторая предлагает несколько изображений, видео обзор товара, сотни отзывов, объемное описание, заголовки и подзаголовки, несколько призывов к действию (купить, купить в 1 клик, в кредит, в рассрочку, отложить, добавить в избранное, сравнить, получить скидку... и это далеко не полный список того, что асессоры GetGoodRank обнаруживают на проверяемых сайтах), а также блок сопутствующих, рекомендованных товаров, специальных предложений и акций, и конечно же просмотренные ранее товары.

 

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

 

Как оптимизировать информационную плотность?

 

При разработке дизайна важно придерживаться ключевого принципа:

 

меньше — лучше!

 

Чтобы сбалансировать объем информации на странице, достаточно ответить на вопрос: какова цель страницы? Какое действие должен выполнить пользователь после изучения данной страницы?

 

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

 

Белое пространство

 

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

 

Одна страница — один СТА элемент

 

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

 

 

Организация информации во вкладках

 

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

 

 

Мелкие рекомендации:

 

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

 

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

 

  • Слишком мало информации — чем дороже товар, тем больше информации необходимо пользователю для принятия решения. Если информации окажется критично мало, пользователь уйдет к конкурентам. Чтобы понять, какой объем информации оптимален, важно составить список сомнений и возражений типичного пользователя (источником становятся вопросы в техническую поддержку, чат, а также разделы вопросов и ответов в карточках товаров на сайтах конкурентов).

 

Выводы:

 

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

 

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

Оцените, пожалуйста, статью по пятибальной шкале, при анализе мы учтём ваше мнение и станем чуть лучше:
  Рейтинг статьи: пока никто не оценил, будьте первым!
Узнайте об акциях и отзывах первыми в нашей группе