Возможности и пределы визуализации

11 правил визуализации данных

Ольга Базалева, создатель Data Vis и автор блога, написала статью специально для Нетологии о самых важных принципах визуализации.

Хотите выделяться на фоне конкурентов? Чтобы ваши статьи, отчеты, презентации или посты в социальных сетях были профессиональными, интересными и доступными широкой аудитории? Используйте визуализацию данных!

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

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

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

привлекает намного больше аудитории;

увеличивает вовлечение читателей;

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

Правило 1. Правильный тип графика

Используйте правильный тип и формат визуализации

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

Например, если в круговой диаграмме больше трех-пяти значений, график становится нечитабельным. Лучше в таком случае выбрать обычную линейчатую диаграмму. Еще пример неудачного использования круговой диаграммы, когда сумма категорий не равна 100%. Это грубейшая ошибка, так как данные просто-напросто искажаются.

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

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

Правило 2. Логический порядок

Располагайте данные логично

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

Если вы показываете на диаграмме результаты опроса, где есть деление на положительные и отрицательные ответы, то логичнее их выстроить в таком порядке: «Да, Скорее да, Нет, Скорее нет, Затрудняюсь ответить».

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

Правило 3. Простой дизайн

Дизайн не должен препятствовать пониманию или искажать данные

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

Ваш график не становится красивым и внушительным от того, что он нарисован объемным. Это могло удивить лет двадцать назад, на заре расцвета Excel, когда еще мало кто умел строить диаграммы. Более того, 3D–графики могут вызвать оптический обман.

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

Правило 4. Легкое сравнение данных

Визуализируйте данные так, чтобы их можно было легко сравнивать

Одна из главных целей визуализации – удобное и наглядное сравнение двух и более показателей.

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

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

Правило 5. Минимум элементов

На диаграмме должны быть только необходимые элементы

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

Например, если есть подписи значений, то линии сетки и ось не нужны, так как это дублирование информации и является графическим «мусором». Основные и вспомогательные линии сетки, если они все же необходимы, должны быть простыми и не бросающимися в глаза. Акцент всегда должен быть на основной идее, а не на вспомогательных элементах. Если следовать этому совету, то нужная информация сразу выходит на первый план.

Правило 6. Не перегружайте информацией

Следите, чтобы не было визуальной загроможденности

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

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

Правило 7. Понятный формат чисел

Числа должны быть с разделителями разрядов и без лишних знаков после запятой

В больших числах всегда разделяйте разряды: 10 000 000, а не 10000000, иначе цифры становятся нечитабельными.

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

Правило 8. Название и подписи

У диаграммы должно быть название и полная легенда

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

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

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

Правило 9. Общепринятые цветовые решения

Не нарушайте общепринятое использование того или иного цвета

Есть несколько основных категорий, которые у нас всегда ассоциируются с определенным цветом:

1. положительные и отрицательные значения: зелёный и красный;

2. да/нет, согласен/не согласен: зелёный и красный;

3. мужчины и женщины: голубой и розовый;

4. прочее/другое/остальное/нет ответа/затрудняюсь ответить — серый цвет.

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

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

Правило 10. Минимум типов диаграмм

Используйте один вид диаграммы для однотипных данных

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

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

Правило 11. Единая цветовая палитра

Придерживайтесь одной цветовой гаммы

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

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

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

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

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации.

Визуализация данных: способы, инструменты, полезные ссылки

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

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

Зачем визуализировать данные?

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

Анализировать большой набор данных и делать статистику/отчеты. Чаще всего визуализацию используют именно здесь. Например, чтобы посчитать прибыль компании за год. Гораздо проще прийти к логичному заключению, глядя на график, где один из столбцов находится выше всех остальных, чем пролистать несколько страниц статистики в Google Sheets или Excel.

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

Базовые принципы визуализации

Чтобы визуализация действительно работала, здесь, как и везде, нужно придерживаться правил.

Предлагаем вам познакомиться с четырьмя основными принципами визуализации, которые сформулировал экономист, специалист по визуализации данных и презентациям Джон Швебиш (Jon Schwabish).

1. Ясность данных

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

2. Меньше визуального шума

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

3. График и текст — единое целое

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

Характеристики, которые можно определить сразу

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

Основные способы визуализации

Перечисляем самые распространенные способы визуализации, с примерами.

Графики

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

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

11 правил визуализации данных

Ольга Базалева, создатель Data Vis и автор блога, написала статью специально для Нетологии о самых важных принципах визуализации. Статья участвует в конкурсе блога.

Хотите выделяться на фоне конкурентов? Чтобы ваши статьи, отчеты, презентации или посты в социальных сетях были профессиональными, интересными и доступными широкой аудитории? Используйте визуализацию данных!

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

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

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

• привлекает намного больше аудитории;
• увеличивает вовлечение читателей;
• быстрее воспринимается;

• легче запоминается.

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

ПРАВИЛО 1. ПРАВИЛЬНЫЙ ТИП ГРАФИКА

Используйте правильный тип и формат визуализации.

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

Например, если в круговой диаграмме больше трех-пяти значений, график становится нечитабельным. Лучше в таком случае выбрать обычную линейчатую диаграмму.
Еще пример неудачного использования круговой диаграммы, когда сумма категорий не равна 100%. Это грубейшая ошибка, так как данные просто-напросто искажаются.

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

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

ПРАВИЛО 2. ЛОГИЧЕСКИЙ ПОРЯДОК

Располагайте данные логично.

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

Если вы показываете на диаграмме результаты опроса, где есть деление на положительные и отрицательные ответы, то логичнее их выстроить в таком порядке: «Да, Скорее да, Нет, Скорее нет, Затрудняюсь ответить».
Данные можно выстраивать и от меньшего к большему, если это соответствует цели вашего сообщения. Цель всегда первична. Прежде чем приступать к построению графика, четко сформулируйте, какую идею вы хотите донести до читателей, на что хотите обратить внимание.

ПРАВИЛО 3. ПРОСТОЙ ДИЗАЙН

Дизайн не должен препятствовать пониманию или искажать данные.

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

Ваш график не становится красивым и внушительным от того, что он нарисован объемным. Это могло удивить лет двадцать назад, на заре расцвета Excel, когда еще мало кто умел строить диаграммы. Более того, 3D–графики могут вызвать оптический обман.

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

ПРАВИЛО 4. ЛЕГКОЕ СРАВНЕНИЕ ДАННЫХ

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

Одна из главных целей визуализации – удобное и наглядное сравнение двух и более показателей.

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

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

ПРАВИЛО 5. МИНИМУМ ЭЛЕМЕНТОВ

На диаграмме должны быть только необходимые элементы.

Убирайте с ваших графиков и диаграмм все неинформативные элементы, оставляйте только необходимые.

Загромождение ненужной информацией затрудняет восприятие.

Например, если есть подписи значений, то линии сетки и ось не нужны, так как это дублирование информации и является графическим «мусором». Основные и вспомогательные линии сетки, если они все же необходимы, должны быть простыми и не бросающимися в глаза. Акцент всегда должен быть на основной идее, а не на вспомогательных элементах. Если следовать этому совету, то нужная информация сразу выходит на первый план.

ПРАВИЛО 6. НЕ ПЕРЕГРУЖАЙТЕ ИНФОРМАЦИЕЙ

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

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

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

ПРАВИЛО 7. ПОНЯТНЫЙ ФОРМАТ ЧИСЕЛ

Числа должны быть с разделителями разрядов и без лишних знаков после запятой.

В больших числах всегда разделяйте разряды: 10 000 000, а не 10000000, иначе цифры становятся нечитабельными.

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

ПРАВИЛО 8. НАЗВАНИЕ И ПОДПИСИ

У диаграммы должно быть название и полная легенда.

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

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

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

ПРАВИЛО 9. ОБЩЕПРИНЯТЫЕ ЦВЕТОВЫЕ РЕШЕНИЯ

Не нарушайте общепринятое использование того или иного цвета.

Есть несколько основных категорий, которые у нас всегда ассоциируются с определенным цветом:

1. положительные и отрицательные значения: зелёный и красный;
2. да/нет, согласен/не согласен: зелёный и красный;
3. мужчины и женщины: голубой и розовый;
4. прочее/другое/остальное/нет ответа/затрудняюсь ответить — серый цвет.

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

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

ПРАВИЛО 10. МИНИМУМ ТИПОВ ДИАГРАММ

Используйте один вид диаграммы для однотипных данных.

Избегайте разнообразия ради разнообразия.

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

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

ПРАВИЛО 11. ЕДИНАЯ ЦВЕТОВАЯ ПАЛИТРА

Придерживайтесь одной цветовой гаммы.

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

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

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

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

А вы сами при виде странных диаграмм на конференциях или совещаниях, не задавались вопросом: «Это я один такой несообразительный, что ничего не понимаю?» Поверьте, вы не одиноки!

10 способов сделать вашу визуализацию лучше

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

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

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

1. История

До начала работы над визуализацией, ее сборки в Photoshop и даже поиска референсов необходимо продумать идею вашей работы и задать себе ряд простых, но очень важных вопросов: «Что происходит на изображении?», «Какое настроение оно создает?», «Какую историю я хочу рассказать?»

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

2. Композиция

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

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

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

дизайн-директор CreativePeople и куратор курса «Рекламная графика»

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

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

3. Скетч

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

Новички часто пропускают скетчирование из-за уверенности, что у них нет таланта к рисованию, и желания скорее приступить к работе в Photoshop.

4. Хорошие исходники

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

matte-painter и создатель сайта mattepaint.com

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

MattePaint.com — это специальный фотобанк для тех, кто специализируется на matte-painting и key visual. Созданный специалистом для специалистов, сайт помогает мгновенно подобрать нужные изображения. Здесь можно найти фотографии в наилучшем качестве, а также применить фильтры для поиска изображения, недоступные на других фотобанках (к примеру, отсортировать картинки по освещению или типу ландшафта).

А еще для студентов Skillbox Конрад сделал особый подарок — просто введите промокод SKILLBOX18 при регистрации, и вы получите 300 кредитов на скачивание изображений.

5. Светотень

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

6. Эффекты

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

7. Детализация

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

8. Аккуратность

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

9. Практика

Каждый известный сегодня представитель digital-индустрии потратил сотни часов на развитие своих навыков. Вне зависимости от того, сколько вебинаров, лекций или курсов вы посетили, все полученные знания необходимо закреплять на практике. Не стоит отчаиваться, если первые работы вышли неудачными, — побеждает тот, кто упорно идет вперед, не боится падать, вставать и продолжать свой путь.

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

хедлайнер курса «Рекламная графика»

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

10. Новые знания

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

Ключ к успеху — это структурный подход к знаниям и обучение у лидеров отрасли. Именно так мы учим наших студентов в Skillbox.

Пишет про дизайн в Skillbox. Работает директором по маркетинговым коммуникациям, изучает рекламную графику и 3D.

Курс «Рекламная графика и технический дизайн»

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

• Живая обратная связь с преподавателями
• Неограниченный доступ к материалам курса
• Стажировка в компаниях-партнёрах
• Дипломный проект от реального заказчика
• Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

Делай красиво: как визуализировать самые сложные данные

Руководитель департамента BI компании Navicon

Как визуализация может повлиять на восприятие вашей аудитории? Почему в презентациях лучше не использовать зеленый и красный цвета? Что такое визуальный анализ?

Мария Богданова, руководитель департамента BI компании Navicon, дала несколько советов на примере собственной работы с данными в аналитической системе Tableau.

Давайте делать красиво.

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

Что с этим можно сделать? Вот несколько полезных советов.

1. Использовать визуальный анализ

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

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

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

Пример выделенного контекста в интерактивном отчете по продажам

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

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

2. Учитывать нейробиологические особенности

Соблюдайте несколько ключевых принципов (обычно они уже заложены в логику аналитических систем):

• Главная информация должна распознаваться за секунду, а значит, располагаться в центре экрана, на уровне глаз. Левая нижняя область экрана больше подойдет для размещения негативно окрашенной информации: это «слепое пятно» для смотрящего.

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

• Представляйте информацию, исходя из прошлых результатов и в сравнении с ними и результатами конкурентов. Фраза «раньше мы работали с 4 партнерами, а теперь их 10» подействует куда эффективнее, чем стандартное «6 новых партнеров».

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

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

Пример современных цветовых палитр

3. Применяйте средства визуализации для усиления тренда

Если мы хотим отобразить величину и существенность изменения, можно использовать индикаторы со стрелками. С помощью направления, размера (толщины) и цвета стрелок мы можем показать направление изменений (рост-падение).

Например, продажи упали, но не достигли критического минимума (стрелка вниз, при этом она зеленая), продажи упали критически (оранжевая или красная стрелка вниз), продажи одного отдела выросли значительно (толстая стрелка), а у другого отдела – лишь немного (стрелка тонкая).

Пример использования стрелок

4. Не используйте шаблонные диаграммы

Человек намного лучше отличает изменения внешнего вида, цвета, расположения, чем размер области. Если вы сравниваете более трех категорий – не используйте стандартный pie chart, возьмите стрелки, donat charts или bar charts.

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

Пример стандартной диаграммы

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

Пример визуально более понятной диаграммы

Совсем другое дело. Здесь хорошо видна динамика по каждой из групп, их можно сравнить между собой.

5. Даже пресловутая «воронка продаж» больше не работает

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

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

Пример современной визуализации «воронки продаж»

6. Красиво и понятно на мобильном устройстве

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

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

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

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

Как могут выглядеть данные на мобильном:

Пример аналитических дашбордов для мобильных устройств

Расскажи мне, где плохо

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

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

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

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

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

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

Этот метод визуализации используют самые успешные люди – и, как утверждают нейробиологи, он работает!

Когда Опра Уинфри хотела, чтобы Барака Обаму избрали президентом США, она сделала «доску визуализации», на которую поместила его фотографию и фотографию платья, которое она собиралась надеть на его инаугурацию. Кэти Перри еще в четвертом классе составила «доску визуализации» своих надежд и стремлений в сфере музыки. Более того, опрос, проведенный в 2016 году TD Bank, указал на то, что примерно один из пяти бизнесменов использовал какой-то из вариантов «доски визуализации» при основании своего бизнеса.

«Вы бы удивились, если бы узнали, как много исполнительных директоров компаний с мировым именем держат дома или сохраненными на своих компьютерах «доски визуализации» или «доски действий», – говорит доктор медицины и тренер лидерства Тара Сварт.

Сварт, отказалась от работы психиатром ради того, чтобы учить других людей, как добиваться своих целей с помощью достижений нейробиологии – в том числе и используя в качестве инструмента «доски визуализации». В роли тренера лидерства она уже успела поработать с членами руководства таких крупных компаний, как KPMG, LinkedIn, Samsung, Sony, SAB Miller и Стэнфордской школы бизнеса.

Но действительно ли «доски визуализации» работают – и если да, то почему? Сварт утверждает, что механизм их действия является вполне научным – вам просто нужно использовать их правильно.

«Лично я предпочитаю использовать термин «доска действий», так как мы стремимся создать нечто, что будет вдохновлять вас и проявляться в будущем через ваши действия, а не просто сосуд, в который вы заключите свои мечты о летнем домике за границей и горах денег», – пишет Сварт.

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

«Доски визуализации» помогают мозгу замечать и распознавать возможности

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

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

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

Именно в тот период, когда мозг переходит от режима бодрствования ко сну, у вас чаще всего происходят озарения, вспышки креативности, а в голову приходят интуитивные мысли. Как пишет Сварт, если в этот период вы сосредоточите на чем-то свои мысли – особенно на чем-то новом – объект вашего внимания начинает доминировать над вашими мыслями и проникает даже в наши сны.

Этот процесс известен, как «эффект Тетриса» (названный в честь популярной видеоигры 1980-х). Как только изображения, на которые вы регулярно смотрите перед сном, прочно закрепляются в вашем подсознании, они начинают действовать, как своего рода визуальная подсказка, и ваш мозг начинает отфильтровывать те из поступающих в него данных, которые не имеют к ним отношения.

Мы воплощаем в жизнь то, что видим

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

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

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

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

Этот метод поможет снизить стресс, вызываемый необходимостью принятия решений

Сварт утверждает, что регулярное использование «доски действий» (она рекомендует поместить ее в доме туда, где вы будете видеть ее максимально часто – к примеру, над постелью или на дверь) помогает вам принимать лучшие решения и быть более готовыми делать шаги, нужные для достижения ваших целей.

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

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

Конечно, сами по себе «доски визуализации» не способны воплотить ваши мечты в реальность, пишет Сварт: «Вы не можете просто создать в своей голове фантастический образ своей идеальной жизни и просто подождать, пока ваша жизнь каким-то волшебным образом изменится. Вы должны прилагать для этого усилия и двигаться вперед – «доска визуализации» способна облегчить вам этот путь, но вам все равно нужно будет его пройти».

Новое видео: