Информационные панели на смартфоне

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

  • Какова его роль в организации?
  • В каких сценариях будет использоваться операционная панель?
  • Какие цели организации достигаются с помощью мобильного доступа к данным?

Панель отображаемая в телефоне, должна быть максимально простой.

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

Для мобильных панелей подходит принцип "чем меньше, тем лучше".

Пример смартфона

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

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

Подсказка:

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

Рекомендации

Основные рекомендации при разработке мобильных операционных моделей:

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

Рекомендации для карт и легенд:

  • Карты должны быть максимально простыми. Идеальный вариант – ограничить карту одним операционным слоем, символы которого контрастируют с базовой картой. Это упростит интерпретацию карты и ускорит ее отображение, сократит объем данных, загружаемых на ваше устройство, особенно при медленном сетевом подключении.
  • Отключите всплывающие окна для операционных слоев. Коснуться одного объекта на экране телефона достаточно трудно, да и на экране не так много места, чтобы показать окно поверх карты, как в настольном компьютере.
  • Подумайте, необходим ли интервал обновления. Многие мобильные операционные панели открываются и сразу закрываются, как только понята отображаемая на них информация.
  • Избегайте включения инструментов карты, таких как поиск, видимость слоев, легенда, переключатель базовой карты и т.п., при добавлении карты на мобильную информационную панель Они очень очень редко нужны на мобильных устройствах.
  • Поскольку карты, используемые на мобильных операционных панелях, должны быть простыми для восприятия, обычно не требуется добавлять элемент легенды карты.

Рекомендации для интерактивных операционных панелей:

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


В этом разделе
  1. Рекомендации