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

Не обращайте внимания на полосу прокрутки — Cordova добавляет ее в эмулятор, но она не отображается на устройстве.

Это всего лишь пример одного устройства, связанного с этой учетной записью пользователя. У большинства клиентов 2-3 устройства, поэтому они просто ставятся друг на друга. Пользователь быстро может увидеть, что его устройство «Насос» работает с полуночи до 5 утра.

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

Итак, TL:DR. Любые советы или идеи о том, как лучше представить данные на основе временных рядов?

2
Nomm 23 Авг 2016 в 05:11
Какие выводы пользователи хотят сделать из данных? Какую задачу они пытаются выполнить? Визуализаций много, но без ответов на эти вопросы будет сложно выбрать между ними.
 – 
Alex Feinman
25 Авг 2016 в 19:25
«Наши клиенты хотели иметь возможность видеть временные ряды данных, связанные с их учетной записью, и отображать их в приложении» — это решение, но какую проблему оно должно решить? Предполагая, что это является допустимым решением, трудно предложить альтернативы без дополнительного контекста. Почему вы не продали этот вариант? В чем конкретно его недостатки?
 – 
LynnseyS
25 Авг 2016 в 23:37
Пользователи в основном хотят иметь возможность быстро собрать моментальный снимок того, когда устройства должны работать в течение 24-часового периода. Возможность показать пользователям установленное значение (выходную мощность) каждого устройства — это еще одна часть информации, которую они хотели бы проанализировать, однако я планирую решить эту проблему, просто добавив всплывающую подсказку, когда они нажимают на выбранное устройство на графике.
 – 
Nomm
30 Авг 2016 в 03:41
Одним из основных недостатков является тот факт, что график дает только 24-часовой обзор, что не так уж точно. Под отсутствием точности я подразумеваю, что устройство может работать только в понедельник с 13:00 до 15:00, но будет постоянно отображаться пользователю на графике, поскольку он представляет собой только 24-часовой временной интервал. Я потенциально думал об обновлении графика с последними 24-часовыми временными рамками, чтобы избежать этой потенциальной проблемы.
 – 
Nomm
30 Авг 2016 в 03:43

2 ответа

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

1
Vladimir Georgiev 25 Авг 2016 в 16:56

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

0
Prasanna Aarthi 25 Авг 2016 в 15:57
1
Определенно хорошая идея - особенно в другом цветовом аспекте. У пользователя не так много устройств, поэтому набор цветов для выбора будет довольно небольшим, чтобы можно было применить одну и ту же цветовую палитру. :D
 – 
Nomm
30 Авг 2016 в 03:41