Nuevo interfaz de las aplicaciones Sisteplant · © Sisteplant Noviembre 2015 2 Índice Escenario...
Transcript of Nuevo interfaz de las aplicaciones Sisteplant · © Sisteplant Noviembre 2015 2 Índice Escenario...
Club de Usuarios Noviembre 2015
UX Nuevo interfaz de las
aplicaciones Sisteplant
© Sisteplant Noviembre 2015 2
Índice
Escenario actual
Objetivos
Interfaz táctil
Por qué UX
Diseño moderno
Multidispositivo y Multinavegador
Mejoras en usabilidad
Nueva pantalla de inicio
Limitaciones
La solución: la nueva interfaz UX
Demo
© Sisteplant Noviembre 2015 3
Escenario actual
• Diseño desfasado
Diseño realizado en 2002 que no se ajusta a los estándares actuales
• Sólo para PCs
La interfaz no está preparada para ser utilizada en diferentes tipos de dispositivos
Su utilización en dispositivos táctiles resulta incómodo
• Únicamente para Internet Explorer
No está preparada para su uso en la nueva generación de navegadores (Chrome, Edge,…)
• Problemas de rendimiento
Principalmente en los tiempos de carga de pantallas que visualizan gran cantidad de datos
• Problemas de usabilidad
Con el uso a lo largo de todos estos años se han detectado puntos de mejora de la usabilidad de la
aplicación
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 4
Índice
Escenario actual
Objetivos
Interfaz táctil
Por qué UX
Diseño moderno
Multidispositivo y Multinavegador
Mejoras en usabilidad
Nueva pantalla de inicio
Limitaciones
La solución: la nueva interfaz UX
Demo
© Sisteplant Noviembre 2015 5
Limitaciones
• Tiempo
Es necesaria una solución rápida
• Mantener la funcionalidad actual
La incorporación de mejoras no podía derivar en perder funcionalidades existentes y que los clientes
están acostumbrados a utilizar
• La cantidad de desarrollos existentes
Tanto en la aplicación estándar como en desarrollos personalizados de los clientes
• La migración debe resultar sencilla para el cliente
Sin necesidad de renovar el parque de equipos o de complicados procesos de migración
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 6
Índice
Escenario actual
Objetivos
Interfaz táctil
Por qué UX
Diseño moderno
Multidispositivo y Multinavegador
Mejoras en usabilidad
Nueva pantalla de inicio
Limitaciones
La solución: la nueva interfaz UX
Demo
© Sisteplant Noviembre 2015 7
Interfaz UX: Objetivos
• Diseño moderno
Actualizado a los estándares actuales
• Interfaz táctil
Uso sencillo y ágil desde tablets y pantallas táctiles
• Interfaz adaptable a la resolución del dispositivo
La interfaz detecta la resolución de pantalla del dispositivo y adapta la visualización
• Multinavegador
Soportando los principales navegadores actuales
• Soportar la definición de las pantallas existentes Tanto las de la aplicación estándar como las específicas de los clientes
• Migración sencilla Proceso de migración similar al de una actualización de versión actual
• Mejora de rendimiento Especialmente en los procesos de carga de las pantallas
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 8
Índice
Escenario actual
Objetivos
Interfaz táctil
Por qué UX
Diseño moderno
Multidispositivo y Multinavegador
Mejoras en usabilidad
Nueva pantalla de inicio
Limitaciones
La solución: la nueva interfaz UX
Demo
© Sisteplant Noviembre 2015 9
Interfaz UX: Por qué UX
• UX es un acrónimo de uso habitual para User Experience
Es un término que hace referencia al nivel de satisfacción global del usuario al utilizar una aplicación
• No se trata simplemente de un rediseño
No es un simple de cambio de cara y colores, si no un cambio total de la experiencia de usuario con
mejoras de rendimiento y usabilidad.
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 10
Índice
Escenario actual
Objetivos
Interfaz táctil
Por qué UX
Diseño moderno
Multidispositivo y Multinavegador
Mejoras en usabilidad
Nueva pantalla de inicio
Limitaciones
La solución: la nueva interfaz UX
Demo
© Sisteplant Noviembre 2015 11
Interfaz UX: Diseño moderno
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 12
Índice
Escenario actual
Objetivos
Interfaz táctil
Por qué UX
Diseño moderno
Multidispositivo y Multinavegador
Mejoras en usabilidad
Nueva pantalla de inicio
Limitaciones
La solución: la nueva interfaz UX
Demo
© Sisteplant Noviembre 2015 13
Interfaz UX: Interfaz táctil
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 14
Índice
Escenario actual
Objetivos
Interfaz táctil
Por qué UX
Diseño moderno
Multidispositivo y Multinavegador
Mejoras en usabilidad
Nueva pantalla de inicio
Limitaciones
La solución: la nueva interfaz UX
Demo
© Sisteplant Noviembre 2015 15
Interfaz UX: Multidispositivo y Multinavegador
• Interfaz táctil adaptable a diferentes resoluciones
• Soporte de los principales navegadores actuales
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 16
Índice
Escenario actual
Objetivos
Interfaz táctil
Por qué UX
Diseño moderno
Multidispositivo y Multinavegador
Mejoras en usabilidad
Nueva pantalla de inicio
Limitaciones
La solución: la nueva interfaz UX
Demo
© Sisteplant Noviembre 2015 17
Interfaz UX: Mejoras usabilidad
• Nuevo menú
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 18
Interfaz UX: Mejoras usabilidad
• Rápido acceso a las pestañas actuales de Textos, Documentos y Consultas
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 19
Interfaz UX: Mejoras usabilidad
• Navegación rápida por los resultados de búsquedas
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 20
Interfaz UX: Mejoras usabilidad
• Nuevos gráficos más atractivos e interactivos
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 21
Interfaz UX: Mejoras usabilidad
• Rediseño de los calendarios de planificación
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 22
Índice
Escenario actual
Objetivos
Interfaz táctil
Por qué UX
Diseño moderno
Multidispositivo y Multinavegador
Mejoras en usabilidad
Nueva pantalla de inicio
Limitaciones
La solución: la nueva interfaz UX
Demo
© Sisteplant Noviembre 2015 23
Interfaz UX: Nueva pantalla de inicio
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 24
Interfaz UX: Nueva pantalla de inicio
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 25
Interfaz UX: Nueva pantalla de inicio
Nuevo interfaz de aplicaciones Sisteplant
© Sisteplant Noviembre 2015 26
Índice
Escenario actual
Objetivos
Interfaz táctil
Por qué UX
Diseño moderno
Multidispositivo y Multinavegador
Mejoras en usabilidad
Nueva pantalla de inicio
Limitaciones
La solución: la nueva interfaz UX
Demo