Многие считают прогулку в парке расслабляющим занятием. Воздух ощущается и пахнет чистотой, а наш разум спокоен в простоте и безопасности, когда мы ставим одну ногу перед другой. Наш мозг расслаблен, потому что ему не нужно думать, но для нашего подсознания эта задача не так проста, как может показаться. Наш разум получает миллионы дискретных пакетов электрической информации каждую секунду от наших органов чувств[1]. Просто глядя на лист, мы получаем в 200 000 раз больше информации, чем может обработать наше сознание. Это так много информации, что мы постоянно обрабатываем и преобразуем эту информацию в более простые представления для нашего сознания. Мы настолько хороши в обработке и представлении, что наше восприятие даже не намекает на огромные усилия, необходимые для создания окончательного изображения, которое мы видим или ощущаем. Таким образом, мы можем наслаждаться прогулкой по парку, не перегружаясь информацией.

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

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

  1. Контекст

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

Зная, какую общую проблему нужно решить и что нужно вашему пользователю, вы сможете легко расставить приоритеты, какие данные вам нужно показать. Однако волшебной палочкой может быть анализ данных, чтобы определить, какие переменные действительно имеют значение для достижения результата, который вы измеряете. Найдите переменную, которая дает данные, наиболее точно указывающие на результат. Хотите знать, как сделать печь максимально горячей? Отображение температуры духовки даст вам лучшее представление о вашем результате. Вы знаете, как повышается температура в вашей духовке? Измерение электрического тока, проходящего через духовку, даст вам еще одно указание на то, насколько горячей может быть духовка. Inrobin использует машинное обучение в режиме реального времени, чтобы определить, какие переменные с наибольшей вероятностью указывают на результаты, которые мы измеряем, и мы отображаем эти переменные в нашем интерфейсе. Это устраняет большую часть шума, который мы могли бы проанализировать, и вместо этого фокусирует внимание пользователя на наиболее важных деталях.

2. Надежность

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

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

3. Использование обработки данных вручную

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Андре Фарони, инженер-электромеханик, Inrobin Ltd.

[1] https://www.britannica.com/science/information-theory/Physiology