Дизайн для мобильных устройств

Дизайн отчётов в Power BI

Jess Ahmet

Content Developer at DataCamp

Важность мобильного макета

Обычная страница отчёта в мобильном приложении Power BI.

Отчёт с мобильной оптимизацией в приложении Power BI.

Дизайн отчётов в Power BI

Мобильный макет

Мобильный макет в Power BI Desktop

Дизайн отчётов в Power BI

Ползунки масштабирования

Ползунки масштабирования

Ползунки масштабирования в действии

Дизайн отчётов в Power BI

Мобильный детальный переход

Пример мобильного детального перехода

Дизайн отчётов в Power BI

Возможности мобильного макета

Что МОЖНО делать

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

Что НЕЛЬЗЯ делать

  • Взаимодействовать с представлением мобильного макета
  • Добавлять новые визуализации или фигуры
  • Отображать визуализации, скрытые в десктопном представлении
Дизайн отчётов в Power BI

Навигатор закладок

Навигатор закладок в действии

  • Отображать закладки в виде кнопок-плиток
  • Показывать все закладки или только группу
  • Создавать группы на вкладке «Закладки»
Дизайн отчётов в Power BI

Рекомендации по мобильному дизайну

1. Сначала — ключевые метрики

  • Не более четырёх метрик
  • Используйте сокращённые единицы для экономии места
  • Сокращайте названия мер

2. Используйте отслеживание фокусной точки

  • Применяйте Z-макет

3. Учитывайте ориентацию экрана

  • Не все визуализации одинаково хорошо выглядят на мобильных и десктопных устройствах
Дизайн отчётов в Power BI

Давайте потренируемся!

Дизайн отчётов в Power BI

Preparing Video For Download...