en un entrada de blog anterior , Describí nuestros objetivos para los informes HTML interactivos de JMP 12, para admitir:
Parcelas de burbujasPerfiladoresDispositivos móvilesEn esta publicación de blog, describiré en detalle nuestra interfaz de usuario para informes HTML interactivos en dispositivos móviles.
Móvil primero
Muchos clientes desean compartir informes JMP con colegas en tabletas iPad o Android. Sin embargo, estos dispositivos tienen requisitos diferentes a los de los escritorios.
Por ejemplo, en un escritorio, al hacer clic con el mouse se selecciona un objeto y al presionar la tecla Ctrl o Shift se seleccionan múltiples objetos. En los dispositivos móviles, no hay mouse, ni teclas Ctrl o Mayús.
No sabemos si nuestros clientes tienen la intención de mostrar sus informes HTML interactivos en computadoras de escritorio o dispositivos móviles. Es posible que quieran usar ambos. Por lo tanto, producimos informes HTML que funcionan bien en cualquier dispositivo.
Para lograr esto, empleamos un Móvil primero diseño de interfaz de usuario. Es decir, nos aseguramos de que nuestros informes se ejecuten bien en dispositivos móviles y luego agregamos funciones según sea necesario para mejorar el rendimiento en los equipos de escritorio.
Selección única y múltiple
Para controlar la selección, hay un par de botones de alternar en la parte superior del informe. Cuando se desactiva, el botón izquierdo proporciona selección única . En este modo, al hacer clic o tocar un objeto, se selecciona ese objeto y se anula la selección de todos los demás.
Cuando se desactiva, el botón derecho proporciona selección múltiple . En este modo, hacer clic o tocar un objeto selecciona ese objeto y no anula la selección de otros. Para deseleccionar objetos, haga clic o toque en un área vacía del informe.
En un escritorio, todavía puede usar la tecla Ctrl o Shift para iniciar temporalmente la selección múltiple.
Identificación y cepillado
La identificación y el cepillado son técnicas importantes en el análisis de datos exploratorios. Proporcionamos otro par de botones para alternar entre estas técnicas.
Cuando el identificación El botón está apagado, en un escritorio, puede colocar el mouse sobre cualquier objeto y mostrar una descripción de ese objeto.
En los dispositivos móviles, no tienes mouse, así que no puedes moverte. Pero puede tocar en cualquier objeto para seleccionar el objeto y mostrar la misma descripción.
En los gráficos, la identificación se utiliza normalmente para identificar puntos. En las tablas, esta característica muestra descripciones útiles de las estadísticas.
Cuando el rectángulo el botón está hacia abajo, puede arrastrar un rectángulo, o cepillo , en cualquier gráfico para seleccionar filas de datos.
Las filas seleccionadas se resaltan en todos los gráficos.
El pincel es persistente. Permanecerá visualizado hasta que haga clic o toque en un área vacía del informe. Debido a que persiste, puede cambiar el tamaño y la forma del pincel simplemente arrastrando sus esquinas.
Cuando se activan los botones de selección múltiple y de cepillado, puede realizar un cepillado aditivo o sustractivo. Esta técnica exploratoria puede ser muy eficiente para "pintar" los gráficos con datos seleccionados o no seleccionados.
Esquemas y menús
Un excelente ejemplo de diseño "Mobile First" es Pronóstico , el sitio web de predicción del tiempo. Puede utilizar esta aplicación web en su teléfono, tableta o escritorio; Funciona bien en cualquier dispositivo.
Hemos utilizado un enfoque similar en la organización de informes JMP. Nuestros botones de contorno son objetivos grandes y simples, que puede presionar fácilmente con el mouse o con el dedo.
Nuestro sistema de menús tiene todas las funciones, incluidos submenús, casilla de verificación y estados de radio, habilitación y deshabilitación.
Este sistema de menú le da a los clientes más poder para interactuar con nuestros nuevos gráficos y perfiladores de burbujas HTML. También nos brinda un camino de crecimiento para admitir aún más interactividad en futuras versiones.
¡Inténtalo tú mismo!
Esperamos que encuentre nuestra nueva interfaz de usuario amigable para dispositivos móviles divertida y eficiente de usar. Para explorar algunos informes HTML interactivos, por favor pruebe nuestro Ejemplos , que construimos con el nuevo Auto publicar addin
Háganos saber lo que piensas. ¡Gracias!
