Los temas de las aplicaciones móviles mejoran la satisfacción del usuario
Las opciones de personalización visual en las aplicaciones móviles mejoran la satisfacción del usuario al permitir que cada usuario adapte la apariencia de la aplicación según sus preferencias personales. Una forma de implementar múltiples temas en aplicaciones que muestran y visualizan datos es ofrecer a los usuarios una variedad de paletas de colores para gráficos y diagramas. MobileTogether utiliza una combinación de diseño de interfaz de usuario mediante arrastrar y soltar, el potente lenguaje de programación visual Action Tree para el manejo de eventos, y programación funcional estandarizada para la selección y el procesamiento de datos. Los desarrolladores utilizan MobileTogether a diario para crear aplicaciones elegantes y multiplataforma con gráficos y diagramas de alta calidad en todos los formatos populares.
Las opciones de configuración principales para los gráficos permiten a los desarrolladores de aplicaciones móviles elegir entre cuatro paletas de colores predefinidas, o incluso definir una paleta de colores personalizada para gráficos y diagramas, mientras diseñan una aplicación. Combinadas con las opciones de visualización en modo oscuro y modo claro, esto crea diez posibilidades de personalización de la apariencia. En lugar de imponer una elección de color durante el diseño, los desarrolladores pueden utilizar las funciones de MobileTogether para permitir que los usuarios elijan por sí mismos. Veamos un ejemplo.
La imagen que se muestra a continuación ilustra el cuadro de diálogo de selección del esquema de colores "Mobile Together" y un gráfico de una aplicación móvil que muestra la producción de energía solar en sistemas instalados en tejados.
El desarrollador asignó un esquema de colores personalizado en el cuadro de diálogo de configuración del gráfico, donde el área de fondo del gráfico se rellena con color naranja y las barras son azules. Si el gráfico incluyera elementos adicionales, los siguientes colores serían verde, amarillo, violeta, etc.
El desarrollador podía seleccionar cualquier esquema de color predefinido del menú desplegable
Creación de temas para aplicaciones móviles
Analicemos una estrategia para permitir que los usuarios de cualquier dispositivo móvil elijan un esquema de colores al ejecutar la aplicación. Esta aplicación ya tiene una página de configuración, por lo que es un lugar natural para agregar un selector de temas de apariencia. Podemos empezar creando una tabla con botones de opción y muestras de color para cada esquema de colores. Aquí se muestra una vista de la tabla completa en el diseñador MobileTogether:
MobileTogether admite todos los controles de selección habituales. Por ejemplo, una lista desplegable aparece inmediatamente encima de la tabla. Elegimos un conjunto de botones de opción para los temas de la aplicación móvil, de modo que se puedan mostrar todas las opciones de color de forma simultánea.
Los gráficos de esta aplicación solo incluyen uno o dos elementos cada uno, por lo que cada combinación de colores ilustra los dos primeros colores de la lista para cada esquema. A continuación, se muestra una vista de la misma sección de la página de configuración en la ventana del simulador MobileTogether:
El cuadro de diálogo principal de configuración de gráficos permite a los desarrolladores diseñar rápidamente el gráfico más adecuado para visualizar prácticamente cualquier conjunto de datos, incluyendo gráficos de área, gráficos de barras, gráficos de velas, gráficos de indicadores y gráficos circulares. Incluso se pueden combinar diferentes tipos de gráficos en capas. El gráfico de producción mensual que se muestra arriba es un gráfico en capas que incluye un gráfico de barras superpuesto.
Sin embargo, cualquier elemento específico de un gráfico también puede definirse como el resultado de una expresión XPath que se procesa durante la ejecución de la aplicación. Las configuraciones definidas en el diálogo de "Configuración XPath dinámica" anulan las configuraciones básicas originales del gráfico.
El cuadro de diálogo de configuración dinámica de XPath permite especificar el esquema de colores para cada gráfico en el elemento XML llamado "graphColorBase". La tabla de botones de opción en la página de configuración de la aplicación asigna uno de los siguientes valores de cadena a "graphColorBase": "Predeterminado", "Escala de grises", "Colorido", "Pastel" o "Personalizado".
Aquí hay capturas de pantalla de la aplicación final, que muestran la selección de temas para aplicaciones móviles en un teléfono Android, utilizando el modo oscuro:
Aquí hay ejemplos del esquema de color estándar y en escala de grises en un iPhone, en modo claro:
El esquema de color en escala de grises podría ser ideal para usuarios con daltonismo.
Eche un vistazo a nuestro producto MobileTogether demostraciones en video, más aplicaciones de ejemplo, o incluso el/la manual en línea Para obtener información detallada sobre MobileTogether, visite nuestra página web. Cuando esté listo para mejorar la satisfacción del usuario con los temas de aplicaciones móviles en sus propias aplicaciones multiplataforma, Descargue el programa MobileTogether Designer.