Nuevo interfaz de las aplicaciones Sisteplant · © Sisteplant Noviembre 2015 2 Índice Escenario...

26
Club de Usuarios Noviembre 2015 UX Nuevo interfaz de las aplicaciones Sisteplant

Transcript of Nuevo interfaz de las aplicaciones Sisteplant · © Sisteplant Noviembre 2015 2 Índice Escenario...

Page 1: 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

Club de Usuarios Noviembre 2015

UX Nuevo interfaz de las

aplicaciones Sisteplant

Page 2: 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

© 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

Page 3: 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

© 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

Page 4: 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

© 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

Page 5: 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

© 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

Page 6: 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

© 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

Page 7: 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

© 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

Page 8: 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

© 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

Page 9: 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

© 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

Page 10: 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

© 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

Page 11: 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

© Sisteplant Noviembre 2015 11

Interfaz UX: Diseño moderno

Nuevo interfaz de aplicaciones Sisteplant

Page 12: 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

© 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

Page 13: 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

© Sisteplant Noviembre 2015 13

Interfaz UX: Interfaz táctil

Nuevo interfaz de aplicaciones Sisteplant

Page 14: 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

© 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

Page 15: 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

© 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

Page 16: 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

© 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

Page 17: 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

© Sisteplant Noviembre 2015 17

Interfaz UX: Mejoras usabilidad

• Nuevo menú

Nuevo interfaz de aplicaciones Sisteplant

Page 18: 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

© 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

Page 19: 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

© Sisteplant Noviembre 2015 19

Interfaz UX: Mejoras usabilidad

• Navegación rápida por los resultados de búsquedas

Nuevo interfaz de aplicaciones Sisteplant

Page 20: 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

© Sisteplant Noviembre 2015 20

Interfaz UX: Mejoras usabilidad

• Nuevos gráficos más atractivos e interactivos

Nuevo interfaz de aplicaciones Sisteplant

Page 21: 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

© Sisteplant Noviembre 2015 21

Interfaz UX: Mejoras usabilidad

• Rediseño de los calendarios de planificación

Nuevo interfaz de aplicaciones Sisteplant

Page 22: 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

© 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

Page 23: 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

© Sisteplant Noviembre 2015 23

Interfaz UX: Nueva pantalla de inicio

Nuevo interfaz de aplicaciones Sisteplant

Page 24: 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

© Sisteplant Noviembre 2015 24

Interfaz UX: Nueva pantalla de inicio

Nuevo interfaz de aplicaciones Sisteplant

Page 25: 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

© Sisteplant Noviembre 2015 25

Interfaz UX: Nueva pantalla de inicio

Nuevo interfaz de aplicaciones Sisteplant

Page 26: 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

© 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