Предварительные атрибуты: как они могут повлиять на ваш отчет

Атрибуты предварительного внимания играют важную роль в нашем отчете, потому что они могут повысить удобство работы пользователя и общее понимание.

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

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

Чтобы лучше понять атрибуты преаттентива, отличным примером является знак «Стоп». Нам даже не нужно обрабатывать слово, написанное на знаке, потому что форма и цвет точно говорят нам, что нам нужно делать и как реагировать.

Вот еще один пример.

Потратьте несколько секунд, чтобы сосчитать слово ДНК на картинке ниже. Сколько их? Текущий ответ не невозможен, но определенно сложен.

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

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

Оглавление

• Различные типы преаттентивных атрибутов
• Распространенные ошибки при использовании атрибутов преаттентива
• Простые исправления с помощью PowerPoint
• Заключение

Различные типы преаттентивных атрибутов

Ограждение — это один из нескольких атрибутов превнимательности и визуальных сигналов, которые обрабатываются человеческим мозгом менее чем за 250 миллисекунд .

Контраст также является очень эффективным атрибутом преаттентива.

Как насчет этого примера? Может быть, это менее эффективно, чем контраст, но все же хорошо.

Размер отлично работает и в нашем примере .

У нас также есть цвет .

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

Кроме того, мы можем накапливать несколько атрибутов, если это необходимо, чтобы ясно видеть слово ДНК.

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

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

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

Распространенные ошибки при использовании атрибутов преаттентива

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

Взгляните на этот пример. 

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

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

Второй преаттентивный атрибут — длина . 

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

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

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

Поток теряется, пользователь запутается, и соединение потеряно.

Другой пример — ширина . 

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

Еще одна ошибка — использовать один и тот же цвет для двух разных вещей.

Визуальный элемент « Доставка и продажи» имеет фиолетовый цвет в правой части экрана. С левой стороны вы можете видеть, что анализ «Маржа против проданных тонн» имеет ценовую группу, выделенную фиолетовым цветом.

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

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

Простые исправления с помощью PowerPoint

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

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

Во-вторых, в соответствии с правилами дизайна, которые мы обсуждали, легче сосредоточиться на правилах дизайна. Вы можете использовать расширенные инструменты, такие как Photoshop , Illustrator или Figma . Это поможет вам быстрее разработать отчет. 

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

Теперь пришло время разбить шаги.

Начнем с фотографии фона. Я скачал это с Unsplash . Это сайт, где вы можете скачать бесплатные изображения для своих отчетов. 

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

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

Заметно, что он закрывает всю страницу, но больше, чем мы хотели. Просто дважды щелкните по нему, затем нажмите «Обрезать» , чтобы отрегулировать размер фотографии.

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

Далее нужно добавить слой, добавив фигуру с текстом вверху.

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

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

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

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

Очень важно обращать внимание на ширину левой и правой сторон, чтобы обеспечить идеальное выравнивание. Также необходимо добиться одинакового размера верхней и нижней части.

Чтобы увидеть размер нашей фигуры, щелкните фигуру, затем перейдите в «Параметры формы» . Ширина 1187, поэтому половина 593.

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

Чтобы дать больше места для значков, просто выберите все значки и убедитесь, что все выровнено, перейдя в Формат изображения , выберите Выровнять и выберите Распределить по вертикали .

Давайте также уменьшим прозрачность фигур до 30%, чтобы сделать их более четкими.

Теперь фон готов и готов к импорту в LuckyTemplates. Чтобы сохранить изображение, нажмите Ctrl + A, затем Сохранить как изображение .

Откройте LuckyTemplates и перейдите в Формат . В разделе «Фон страницы» импортируйте изображение, чтобы увидеть созданный нами фон.

Проекты LuckyTemplates для убедительных отчетов
Советы по проектированию LuckyTemplates: создание отчетов, подобных приложениям
Структура визуализации отчетов в LuckyTemplates | Часть 3

Заключение

Основное преимущество создания фона в PowerPoint заключается в том, что он позволяет вам позаботиться обо всех выравниваниях и предотвратить вышеупомянутые распространенные ошибки, которые мы обсуждали.

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

Всего наилучшего,

Алекс Бадью