Как сбалансировать плотность информации в дизайне

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


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

Слишком большой выбор приводит к параличу восприятия


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

Чрезмерная плотность информации приводит к слишком большому выбору


Рассмотрим следующий сценарий:
  1. На одной странице продукта есть изображение, заголовок, описание, цена, призыв к действию и некоторые обзоры.
  2. На другой странице представлены несколько изображений, несколько видеороликов о товаре, куча отзывов, рейтинги, обзоры, одобрения знаменитостей, большой текст, заголовок, подзаголовки, различные призывы к действию для всего, начиная от электронного письма и заканчивая «Добавьте в корзину», рекомендуемые продукты и т. д.
Ясно, что сценарий №2 – плох, потому что он является воплощением паралича выбора.
Давайте рассмотрим короткий и простой пример успешного сайта, где плотность информации сведена к минимуму, чтобы обеспечить отличные потоки для пользователей.

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

Реклама справа портит все впечатление, отвлекая внимание пользователя от основного действия. Это не критично, но если сравнивать два ресурса – первый кажется привлекательней.

Что нужно делать, чтобы сохранить оптимальную информационную плотность?


Как разработчик, вы можете контролировать плотность контента вашего сайта. Когда вы сомневаетесь, всегда предпочитайте показать меньшее количество информации чтобы обеспечить нормальную когнитивную нагрузку на вашего пользователя. Информация не должна затруднять или делать невозможным успешное выполнение рутинных действий на сайте.
Начните с выстраивания общего плана сайта в целом и каждой страницы в отдельности, прежде чем начинать проектировать дизайн. Это означает, что вы должны спросить себя, какова цель страницы, и какова должна быть информационная архитектура для достижения этой цели.
Другими словами, поставьте себя на место пользователя. Как разработчик, вам должно быть на 100% ясно, как ваш пользователь достигнет своей цели на странице, независимо от того, зашел на сайт с мобильного телефона, стационарного компьютера или с планшета. Путь пользователя должен быть четко определен, кристально чист и настолько прост, что даже неискушенные пользователи — то есть те, кто не пользуется Интернетом, могут сделать заказ или выполнить нужное вам целевое действие.
Давайте посмотрим на другой пример сохранения плотности информации под контролем, чтобы обмен сообщениями был эффективным, а UX приносил удовольствие

На целевой странице Ford гаражного обслуживания своих транспортных средств нет никакой двусмысленности в отношении того, какова цель страницы и как посетители должны выполнить эту задачу. Это потому, что на странице есть относительно мало элементов, поэтому пользователь меньше отвлекается от цели страницы. Когда эти условия соблюдены, плотность информации управляема, что делает юзабилити отличным.
Правильный подход на этой странице:
  1. Чистый дизайн с большим количеством свободного места, чтобы сосредоточить внимание пользователя на цели страницы и ее содержании.
  2. Большая, заметная и яркая кнопка призыва к действию.
  3. Убедительная передача сообщений выше кнопки призыва к действию.
  4. Очевидный путь пользователей к цели страницы.
Благодаря дизайну этой страницы пользователь, посетивший сайт, не будет чувствовать себя перегруженным настолько, что не сможет выполнить легкую задачу назначения на гараж. Это связано с тем, что когнитивная нагрузка была минимальной, поскольку на странице использовалось относительно мало элементов, чтобы четко сообщить, что нужно было сделать для выполнения задачи.
И полная противоположность:

Красное сообщение справа отвлекает внимание. Кнопка с телефонной трубкой сообщает о вызове. Невнятный текст теряется на фоновой картинке (она еще и анимирована). Форма слева, которая и является целевой для этой страницы, совершенно теряется среди обилия информации. А главная целевая кнопка приглушена и имеет надпись «Далее», сообщая посетителю, что заполнение громоздкой формы – далеко не последнее из его действий.

Другая крайность


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

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

Плотность информации имеет решающее значение


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

По материалам webdesignerdepot.com
27 июля 2017, 17:48    Ivan Web-дизайн 0    4 0

Комментарии (0)

    Вы должны авторизоваться, чтобы оставлять комментарии.