Взгляните на приборную панель или любую другую часть большинства приложений бизнес-аналитики и Вы обязательно заметите преобладание красного, зеленого или других цветов для «callout, которые используются для привлечения внимания пользователя. Еще с школьных времен, мы привыкли, что зеленый это хорошо, а красный — плохо. Таким образом, эти цвета удобно использовать для обозначения хорошо/плохо на информационных панелях, правда? Да, это правильно. Но одновременно и неправильно.
Мы должны начать обсуждение с определения цели использования ярких цветов на информационных панелях. Как отметили многие гуру визуализации данных, люди вполне способны анализировать тенденции на тех графиках, которые используют только мягкие землянистые цвета или даже являются монохромными. Например, взгляните на график ниже:
В данном графике без особой на то причины используются яркие цвета. А теперь взгляните не тот же график, только монохромный:

Как вы можете видеть, нет очевидной разницы в ясности данных — но понять тенденции в этой таблице также легко, как и в яркой версии. Однако, монохромная версия легче воспринимается глазами. И, что еще более важно, подсознательное сообщение цвета является нейтральным. Как упоминалось выше, мы интуитивно воспринимаем цвета так, как-будто красный и зеленый имеют значения. На самом деле, красный и зеленый являются только двумя наиболее яркими примерами; любой яркий цвет притягивает взгляд. В результате пользователи часто обращают гораздо больше внимания на цвета в диаграммах, а не на сами данные, которые представлены в графиках. В приведенном выше примере, это может означать привести к неправильному выводу, что если зеленый столбец находится выше в 1998 году, то это лучше. Предположим, что мы добавили некоторый контекст, подписав наш график:
Ясно видно, что в этом случае, тот факт, что зеленый бар выше в 1998 году на самом деле является плохой новостью (в первую очередь для женщин, хотя преступление в принципе нельзя назвать хорошей новостью). К сожалению, наши мозги не работают таким образом. Мы усваиваем тот эмоциональный компонент сообщения, которое передается цветом на гораздо более глубоком уровне, чем то интеллектуальное послание, которое передается в легенде/надписи. Нам может показаться, что мы понимаем, что это диаграмма передает, но каждый раз, когда мы будем на нее смотреть, зеленый будет у нас ассоциироваться с чем-то хорошим.
Важность надлежащего использования цвета превосходно была объяснена гуру Стивеном Фью и выходит далеко за пределы данной статьи. Я надеюсь, что мы установили, что яркие цвета не является обязательным условием для приборной панели, чтобы сделать ее визуально привлекательной. Пожалуйста, возьмите во внимание, что я не ратую за повсеместное использование монохромных карт; цвет — это прекрасно до тех пор, пока он остается тонким и не требует дополнительного callout. Это приводит нас к следующему пункту: когда же нужен callout?
Почему мы используем панели
Подумайте о приборной панели в Вашем автомобиле. Или, скорее, представьте свой автомобиль без приборной панели — он сможет продолжать нормально функционировать, но Вы перетанете получать фидбэк о некоторых важных вещах. Будете ли Вы чувствовать себя в безопасности за рулем? Надеюсь, что нет! Вы не будете знать, когда в автомобиле закончится газ, вам нужно будет угадывать собственную скорость и вы не будете знать, если что-то пойдет не так в работе двигателя автомобиля. Панель мониторинга в бизнес-аналитике разрабатывается с той же целью, что и приборная панель автомобиля: лна позволяет «водителю» (пользователю приложения) быстро собирать значимую информацию, чтобы быть в состоянии быстро принимать обоснованные решения.
Первый принцип информационной панелей, следовательно, — включать только те диаграммы и объекты, которые обеспечивают полезную информацию. В данном контексте, значимая информация ограничена только той информацией, которая на самом деле делает действие пользователя возможным. Представьте себе, что приборная панель Вашего автомобиля отображает информацию о текущей погоде в Окаяма в Японии, где этот автомобиль был изготовлен. Или общее количество автомобилей, которые Вы проехали, выехав утром из дома. Такая информация не имеет смысла для Вашей поездки. Теперь представьте, что информация не только отображается, но еще и отображается в ярко-красном цвете, в то время как датчик газа отображается в черном цвете. Ваше внимание все время будет привлекать несущественная информация, когда Вы будете смотреть на приборную панель, и Вы будете тратить силы и энергию на то, чтобы сосредоточиться на необходимой информации. В конце концов Вы продадите машину и захотите убедиться, что следующий автомобиль будет иметь лучшую приборную панель. Переводя этот пример на язык бизнеса, это означает, что уровень пользования приложений бизнес-аналитики падает, когда панель отображает малозначимые для пользователя данные или такие, по которым невозможно предпринять конкретные действия. Экспоненциально правильнее когда данные отображаются отвлекающим образом, тогда возможны яркие цвета, потому что тогда это не только является несущественным, но и на самом деле отвлекает от информации, которая имеет значение. И еще одно — Вы можете рассчитывать на то, что, как и водители с плохими панелями не станут отказываться от вождения автомобиля, так и пользователи с плохими панелями не прекратят их использовать, анализируя их данные — они просто найдут такую бизнес-аналитику, которая будет лучше отвечать их потребностям.
Чтобы стимулировать пользователей использовать приложения, которые Вы создаете, давайте посмотрим, как некоторые критические принципы дизайна «callout» применяются к реальным панелям. Следующая панель предназначена для использования Высшим руководством банка:
Source: https://dashboards.org/images/bank-dashboard-example.jpg
Вся приборная панель изобилует проблемами, но эта статья будет только о «запретах» на использование цветовых callout и объектов callout.
Принцип 1: Утилитарность
Как мы говорили выше, первое правило информационных панелей состоит в том, что все части приборной панели должны позволить пользователю принять обоснованное решение. Вы не должны жертвовать утилитарностью ради красоты. В этом случае, верхние 5 зеленых стрелок «вверх» привлекают председателя правления банка не скажут ему ничего значимого. Если у филий все хорошо, то какие действия следует предпринять генеральному директору? Если все идет гладко и коррекция курса не требуется, то зачем в принципе отображать данные? Утверждать, что их можно использовать, чтобы вознаградить менеджеров филии не очень убедительны, а компенсация, как правило, присуждается через гораздо более детальный отчет, а не через такое приборную панель высокого уровня. Это также не может быть целесообразным, чтобы показать топ-5 хороших или плохих и это не очень хорошая идея, использовать яркий зеленый цвет, чтобы обозначать что-то, что является хорошим.
Принцип 2: Чесность
Если Вы внимательно посмотрите, то сможете сказать, что красные и зеленые стрелки, на самом деле, указывают на то, что может быть неправдой. Ярлык графика говорит нам, что это список «Топ 5 и последние 5 филиалов по производительности.» График не показывают, работает ли филия лучше или хуже, чем это было ранее. Зеленый стрелки «вверх», однако, ясно показывает, что филии не только относятся к топ-5, но также работают лучше, чем ранее («верхние»). Та же идея сравнения справедлива и для красных стрелок, показывающих «вниз». Эти визуальные заявления, которые просто не поддерживаются данными, вводят в заблуждение и потенциально могут быть опасными. Если красный callout совершенно необходимо использовать в данном случае, то красный светодиод должен заменить красную стрелку «вниз». Красный светодиод говорит пользователям, что что-то требует их внимания и что, что-то «плохо», но избегает количественной проблемы ввода в заблуждение.
Принцип 3: Последовательность
Нужно помнить правило гласящее, что один цвет должен использоваться для обозначения того же самого (желательно во всем приложении, но, конечно, в пределах одного листа). В нашем примере приборной панели горизонтальній столбец графика «Выдающееся Значение»использует красный, который практически идентичен тому, который используется для стрелок «вниз». Подсознательно, наш мозг будет пытаться связать вещи, которые имеют тот же цвет. В этом случае, идентичное использование цвета, кажется, было непреднамеренным, так как нет никакой корреляции между двумя картами.
Совет: этот мощный принцип может быть использован в Вашу пользу. Например, он может позволить Вам создать единую легенду для Вашего приложения; пользователи привыкли к тому, что определенный цвет всегда означает то же самое в пределах приложения. Это не только мощная техника визуализации, но также сэкономит пользователям усилия, потраченные на консультирование с легендой.
Принцип 4: Избегайте Случайного Использования Красного/Зеленого
Также, как и в принципе 3, важно понмать подсознательную силу красного и зеленого цветов. Как уже упоминалось во введении к этой статье, мы интуитивно понимаем, что зеленый и красный — это хорошо/плохо. В примере приборной панели, красный был случайно использован в горизонтальном столбце «Выдающаяся Ценность», как-будто это просто цвет в общей цветовой палитре. Эта практика может запутать пользователей и ее следует избегать. Эта проблема особенно распространена в организациях, где красный цвет появляется на логотипе компании. В попытке нарисовать приложение корпоративной кистью, сверх-амбициозный дизайнер часто пытается интегрировать красные элементы в панели. Результат, как правило, — это приложение, которое является слишком ярким и/или отправляет противоречивые сообщения пользователям (например, продажи растут, что является хорошей новостью, но столбцы графика продаж остаются красными, что означает что-то не так).
Принцип 5: Принимайте во Внимание Всех Пользователей
Исследования показали, что до 10% мужчин не различают красный/зеленый цвет. Если Вы разрабатываете приборную панель для организации, в которой равное количество мужчин и женщин, это означает, что в среднем 5% пользователей не смогут отличить зеленый от красного. По этой причине, это хорошая идея, использовать различные по насыщенности или свету цвета (S и L в цветовой системе HSL) при включении красного и зеленого в приборной панели. Например, Вы могли бы использовать бледно-зеленый и темно-красный. Это сделает панель более простой для понимании людьми с дальтонизмом, поскольку даже люди с дальтонизмом различают цвета по насыщенности. Как вы можете видеть, этот принцип был, к сожалению, не был использован в примере приборной панели -красные и зеленые стрелки имеют примерно одинаковую насыщенность и яркость.
Использование стрелок, которые указывают в разных направлениях, может также смягчить проблему, Принципа 2 диктует, что стрелки не должны использоваться в этой приборной панели, чтобы избежать введения в заблуждение. Всегда имейте в виду, что в случае конфликта, утилитарность выше декоративности; нельзя использовать символы, который имеют определенное значение, когда Вы не имеете в виду это значение. Использование зеленой стрелки «вверх» и красной «вниз» для дальнейшей дифференциации хороший/плохой — это не очень хорошая практика; в то же время, использование зеленых квадратов и красных кругов — это прекрасно, поскольку символ не имеет неотъемлемого значения и поэтому не представляет конфликт полезности и красоты.
Совет: Вы можете также использовать технику насыщения/света для различения степени хорошо/плохо; например, ярко-красный светодиод может указывать, что KPI значительно хуже, чем должно быть, а бледно-красный светодиод может означать, что KPI лишь немного отрицательный.
Принцип 6: Не все Негативное Плохо
В то время как этот принцип не продемонстрирован в нашем примере с приборной панелью, это, тем не менее, очень важно. Это не редкость, когда красный цвет используется для обозначения отрицательного роста, а зеленый цвет, чтобы показать положительный рост. Тем не менее, примите следующую диаграмму роста продаж продукции с течением времени:
Если стратегия данной организации — поощрение успеха конкурента, то диаграмма использует красный и зеленый цвета неправильно. В некоторых ситуациях, таких, как рост конкурента, отрицательное число на самом деле имеет положительный результат для Вашего бизнеса. Убедитесь, что использование цвета по принципу хороший/плохой соответствуют этому. В том же ключе нужно рассмотреть вопрос об использовании своего рода порогов при создании индикторов зеленого/красного. Например, возможно, снижение продаж только на 0,05% не является причиной для беспокойства. В соответствии с принципом 1 красный callout не должен использоваться в этом случае, (поскольку коррекция курса не требуется).
Это не в коем случае не исчерпывающий список, связанный с цветовыми практиками в бизнес-аналитике и статья лишь кратко затрагивает надлежащее использование цветов и объектов non-callout. Тем не менее, 6 принципов, которые рассматриваются в данной статье, являются всеобщими. Если Вы применяете их последовательно, это почти всегда приводит к лучшей визуализации и в информационных панелях, которые позволяют пользователям получить представление о Ваших приложений, как никогда раньше!
— Больше информации здесь: https://www.infinityinsight.com/blog/?p=262#sthash.d8zT6IH3.dpuf
Найти решение у бизнес-партнера QlikTech (QlikView) в России.
Форум разработчиков QlikView и Qlik Sense. Получите ответы на все вопросы по QlikView и Qlik Sense!
RSS
20 ноября 2015
gromych 



Опубликовано в рубрике