Дизайн телевизионного пользовательского интерфейса: работа с пустым пространством

Дизайн для телевидения требует всестороннего, дисциплинированного понимания принципов UX. Одним из элементов, который вызывает постоянную озабоченность при разработке дизайна для телевидения, является использование пустого пространства в дизайне. На рынке слишком много телевизионных приложений, которые не знают (или сознательно не хотят) правильно использовать пустое пространство. Результатом являются загроможденные бельмом на глазу, которые активно подрывают бизнес-цели.

Вот объяснение того, что такое пустое пространство и как его использование в вашем телевизионном приложении лучше всего подходит для бизнеса.

Прежде всего…

Что такое белое пространство?

Белое пространство — это незанятая часть пространства с нулевым текстом или графикой поверх нее.

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

Подумаешь?

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

Закон Хика, или закон Хика-Хаймана, названный в честь британских и американских психологов Уильяма Эдмунда Хика и Рэя Хаймана, описывает время, которое требуется человеку, чтобы принять решение в результате возможных выборов, которые он или она имеет: увеличение числа выбора увеличит время принятия решения логарифмически.

На самом деле это очень важно, если принять во внимание всю концепцию телевизионных приложений — ВЫБОР! Сколько раз вы просматривали бесконечную библиотеку миниатюр телепередач и фильмов только для того, чтобы понять, что вообще не в состоянии что-либо решить? Это не потому, что контент не очень хорош. Это потому, что нет передышки — нет существенных разделителей. Ваш разум видит так много вариантов, что отключается.

Для дизайнеров пустое пространство — это пустое пространство на странице, которое дает визуальную передышку для ваших глаз.

Дизайнеры знают, что пустое пространство помогает пользователю сосредоточиться и усвоить контент, который он хочет видеть.

Скажи да белому пространству

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

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

Согласно исследованию, проведенному Human Factors International, пустое пространство увеличивает понимание пользователя почти на 20%.

Давайте посмотрим, как пустое пространство помогает создать передышку и как это меняет процесс принятия решений.

Видеть, что?

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

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

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

• Улучшает понимание
• Уточняет отношения между интерактивными элементами
• Привлекает и фокусирует внимание пользователей

Пустое пространство — это не только эстетика, это ключ к успешному пользовательскому интерфейсу. Сосредоточив внимание на визуальном пустом пространстве, пустом пространстве макета, пустом пространстве текста и пустом пространстве содержимого, мы значительно улучшаем понимание пользователем. Это добавляет акцент и размещает ваш контент впереди и по центру. Изображения, расположенные близко друг к другу, будут выглядеть похожими; таким образом, разъяснение отношений с пользователями позволит им уверенно ориентироваться. Как вы уже слышали, «меньше значит больше».

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

Уменьшение когнитивной нагрузки сделает пользовательский интерфейс не только более удобным, но и более приятным в использовании — пустое пространство поможет создать ощущение гармонии и плавности на протяжении всего взаимодействия с пользователем.

Эффективное использование пустого пространства

Вот еще несколько примеров телевизионных приложений, которые используют возможности эффективного пустого пространства для создания приятных в использовании интерфейсов.

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

• • •

Дальнейшее чтение в блоге Toptal Design:

• UX электронной коммерции — обзор лучших практик (с инфографикой)
• Важность ориентированного на человека дизайна в дизайне продукта
• Лучшие портфолио дизайнеров UX — вдохновляющие тематические исследования и примеры
• Эвристические принципы для мобильных интерфейсов
• Упреждающий дизайн: как создать волшебный пользовательский опыт