Советы по построению dashboard для смартфона

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

ОПРЕДЕЛЕНИЕ ФОКУСА И КОНТЕКСТА ПРИБОРНОЙ ПАНЕЛИ

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

«Когда я нахожусь в движении, мне бы хотелось видеть [_________]».

«Было бы полезно, прежде чем я попаду в офис или к клиенту, увидеть увеличилось или уменьшилось [________]».

«Мне бы хотелось заявить о том, что мы повысили ожидаемые показатели в этом месяце, пока я был на встрече вице-президентов».

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

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

ИНТЕРАКТИВНОСТЬ: СУЩЕСТВУЕТ ПРИЛОЖЕНИЕ, КОТОРОЕ ОБЕСПЕЧИВАЕТ ЭТО

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

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

Если вы представитель предприятия, использующего большое количество брендов, размеров и поколений телефонов, у вас будет возможность найти размер и уровень интерактивности, которые вам подойдут. Если большинство использует большие iPad или Galaxy Note – вам повезло! Вот рабочий ресурс с данными CSS для современных мобильных устройств, которые могут стать полезными при принятии решений о размере вашей панели управления.

Используйте Story Points

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

Для данной панели управления выбран размер 350 x 600 – для Story, и 320 x 460 – для панели управления. На моем телефоне (с параметрами 320 x 460) верхняя их часть обрезается, но я все равно могу ее открыть. Также даже моими полными пальцами можно прокручивать вверх-вниз. Я добавил текстовое окно с границей на панели управления в качестве ориентира при размещении элементов, но решил оставить ее и в готовом продукте как ориентир для просмотра.

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

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

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

Рассмотрим широкие и длинные панели управления

Широкая панель:

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

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

Вертикальная панель:

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

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

Найти решение у бизнес-партнера QlikTech (QlikView) в России.

Форум разработчиков QlikView и Qlik Sense. Получите ответы на все вопросы по QlikView и Qlik Sense!

Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий

64 queries in 0,197 seconds