Nota
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
Los diseños bien pensados y optimizados para dispositivos móviles para los informes de Power BI ofrecen la mejor manera de que los usuarios consuman los datos mientras se usan sus dispositivos móviles. En este artículo se presentan procedimientos recomendados y técnicas para sacar el máximo partido de las características que ofrece Power BI para crear vistas atractivas, eficaces y optimizadas para dispositivos móviles de informes de Power BI.
Tener en cuenta los dispositivos móviles al diseñar el informe de escritorio
Compile juntos los diseños para dispositivos móviles y de escritorio de cada página del informe. Esto facilita la coherencia entre los dos.
Cuando se duplica una página de informe que tiene diseños para dispositivos móviles y de escritorio, ambos diseños se duplican. Esto facilita el formato de página si tiene elementos de diseño visual, como un encabezado del informe o un navegador de páginas, que desea mantener en varias páginas. Si tiene estos elementos, cree una página de informe que tenga diseños para dispositivos móviles y de escritorio y, a continuación, use esa página como plantilla para compilar el resto de las páginas del informe.
Centrarse en el contenido más importante
Agregue solo objetos visuales significativos y usados periódicamente al diseño para dispositivos móviles. Simplifique los encabezados y diseños para adaptarse mejor al espacio de pantalla limitado en dispositivos móviles en comparación con una pantalla de equipo normal. Use el panel de visualización para dispositivos móviles para optimizar el formato de los objetos visuales específicamente para el diseño para dispositivos móviles (recuerde que los cambios realizados en el diseño para dispositivos móviles no afectan al diseño para dispositivos de escritorio).
Considere estos consejos:
- Minimice los títulos de los objetos visuales mediante tamaños de fuente más pequeños. No use fuentes inferiores a nueve puntos.
- Quite los detalles insignificantes siempre que sea posible, como títulos de eje, líneas de cuadrícula y leyendas.
- Coloque objetos como navegadores de páginas y segmentaciones de datos horizontalmente en lugar de verticalmente.
- Evite espacios en blanco adicionales en cada objeto visual.
Espaciar los objetos visuales
Considere la posibilidad de expandir los objetos visuales para que coincidan con el ancho máximo del dispositivo (323 puntos es el ancho máximo de pantalla). Se incluye automáticamente un margen predeterminado, incluso cuando los objetos visuales se extienden al ancho máximo del dispositivo, por lo que no es necesario reservar espacio adicional.
No coloque los objetos visuales en paralelo (excepto los objetos visuales de un solo elemento, como tarjetas o objetos visuales KPI y objetos visuales que no son de datos, como botones).
Espacie los objetos visuales, manteniendo al menos seis a ocho puntos (una sola flecha presionada en el teclado) entre los elementos, tanto vertical como horizontalmente. Para el diseño perfecto para píxeles, desactive la opción Ajustar a cuadrícula en el menú de vista.
Organizar los objetos visuales para contar una historia
El flujo de diseño móvil es de arriba abajo. Coloque los objetos visuales más importantes en la parte superior de la página, tanto si son los objetos visuales o segmentaciones controlados por datos más significativos que muestran un punto. Coloque objetos visuales estrechamente relacionados entre sí. Coloque objetos visuales menos significativos hacia la parte inferior de la página, donde se pueden llegar a través del desplazamiento hacia abajo, o simplemente déjelos fuera del diseño móvil todos juntos. Tener menos objetos visuales mejora el tiempo de carga de informes y el rendimiento general. Recuerde que los usuarios siempre pueden inclinar sus dispositivos a la orientación horizontal si quieren ver la página del informe original en su diseño para dispositivos de escritorio.
Evitar causar barras de desplazamiento vertical dentro de los objetos visuales
Establezca el alto de cada objeto visual de modo que todos los elementos del objeto visual estén visibles y no truncados. Esto evita que aparezca una barra de desplazamiento vertical dentro del objeto visual, además de la barra de desplazamiento vertical de la propia página del informe. Tenga en cuenta que los dispositivos móviles varían en altura.
Usar la opción de diseño para dispositivos móviles de creación automática para empezar
Pruebe a usar la opción de creación automática de diseño en la vista de diseño para dispositivos móviles para empezar. La opción de creación automática de diseño para dispositivos móviles genera una vista optimizada para dispositivos móviles del informe en el lienzo de diseño para dichos dispositivos. Coloca los objetos visuales de informe en el lienzo e intenta conservar la funcionalidad del informe para dispositivos de escritorio. Una vez que tenga el diseño inicial creado automáticamente en el lienzo, puede optimizarlo aún más para la visualización móvil mediante las opciones de formato de la vista de diseño para dispositivos móviles. Para más información sobre la opción de creación automática de diseño para dispositivos móviles, consulte Creación automática del diseño para dispositivos móviles.
Limitarse a los tamaños estándar
En la tabla siguiente se enumeran los objetos visuales estándar, clasificados por su tamaño para dispositivos móviles mínimo recomendado. Intente no ir por debajo de estos tamaños estándar mínimos al diseñar el diseño para dispositivos móviles.
- XL – ancho mínimo: 323 pt, altura mínima: 270 pt
- L – ancho mínimo: 323 pt, altura mínima: 180 pt
- M – ancho mínimo: 323 pt, altura mínima: 100 pt
- S – ancho mínimo: 158 pt, altura mínima: 100 pt
Nota:
323 pt es el ancho de pantalla máximo en el lienzo de diseño para dispositivos móviles.
| Nombre | Tamaño del objeto visual |
|---|---|
| ArcGIS Maps for Power BI | XL |
| Mapa de Azure | XL |
| Esquema jerárquico | XL |
| Mapa coroplético | XL |
| Influenciadores clave | XL |
| Mapa | XL |
| Matriz | XL |
| Tarjeta de varias filas | XL |
| Informe paginado | XL |
| Mapa de formas | XL |
| Tabla | XL |
| table | XL |
| Gráfico de barras 100 % apiladas | L |
| Gráfico de columnas 100 % apiladas | L |
| Gráfico de áreas | L |
| Tarjeta (nueva) | L |
| Gráfico de barras agrupadas | L |
| Gráfico de columnas agrupadas | L |
| Objeto visual personalizado | L |
| Gráfico de anillos | L |
| Embudo | L |
| Gráfico de líneas y columnas agrupadas | L |
| Gráfico de líneas y columnas apiladas | L |
| Gráfico de líneas | L |
| Métricas | L |
| Gráfico circular | L |
| Objeto visual de Python | L |
| Preguntas y respuestas | L |
| Objeto visual de script de R | L |
| Gráfico de cintas | L |
| Gráfico de dispersión | L |
| Gráfico de áreas apiladas | L |
| Gráfico de barras apiladas | L |
| Gráfico de columnas apiladas | L |
| Mapa de árbol | L |
| Gráfico de cascada | L |
| Segmentación de lista | L |
| Segmentación continua (antes o entre y después) | M |
| Segmentación continua (valor único, mayor que o menor que) | M |
| Segmentación de datos | M |
| Segmentación de fecha y hora relativa | M |
| Botón Navegador de marcadores | M |
| Botón Navegador de páginas | M |
| Segmentación de lista desplegable | M |
| Cuadro de texto | M |
| Button | S |
| Tarjeta | S |
| Medidor | S |
| KPI | S |
| Forma | S |
| Forma | S |