Optimizardor de cortes Vitro.
Rol
UX-UI Designer
Objetivo
Desarrollar una herramienta intuitiva para optimizar el trabajo de los cortadores de vidrio en Vitro, adaptada a dispositivos de escritorio y móviles.
Problema
La adopción de múltiples herramientas por parte de los usuarios genera inconsistencias en la ejecución de tareas, variaciones en los resultados y una disminución de la eficiencia operativa.
Diseño
Para optimizar el flujo de trabajo y la experiencia del usuario, realizamos un análisis del proceso actual de los operadores dentro de las herramientas existentes. Identificamos el flujo de cada herramienta para comprender mejor las áreas de mejora. Dimplificando las tareas dentro del sistema y optimizando la experiencia del usuario.
Se implemento un algoritmo desarrollado por la empresa para garantizar la eficacia de los cortes y el control de desperdicios de material. Reduciendo los costos operativos, contribuyendo a la rentabilidad del negocio.
La interfaz de usuario se diseña utilizando un layout de paneles, enfocando cada panel en una tarea específica. Esta organización clara y sencilla facilita la navegación y la identificación de las funciones por parte de los usuarios.
Estructura de la interfaz
La interfaz se divide en tres paneles principales:
Edición y creación de formas:
En el panel de introducción de formas, los usuarios pueden ingresar el tipo de forma, las etiquetas (nombres) y las medidas específicas para cada tipo. Cada filla se actualiza según el tipo de forma seleccionada. Los usuarios pueden eliminar, editar o agregar nuevas formas de manera sencilla, optimizando el proceso de creación de los planos de corte.
Lienzo o lámina:
El segundo panel está dedicado a la visualización del canvas con las formas actualizadas. Desde este panel, los usuarios pueden modificar las especificaciones del lienzo, editar la visualización y volver a calcular el acomodo de las formas. Esta funcionalidad permite a los usuarios realizar ajustes de manera eficiente.
Panel de exportación de resultados:
El tercer panel está destinado a la exportación del trabajo final. Desde aquí, los usuarios pueden visualizar los detalles del cálculo del lienzo, seleccionar el tipo de archivo de salida y exportar en el formato deseado. Facilitando la entrega y el uso de los diseños creados en el sistema.
Flujo de trabajo
El flujo del usuario comienza con la selección del tipo de lámina o lienzo. Los usuarios pueden elegir rápidamente entre los tipos de láminas estándar que se utilizan comúnmente, al mismo tiempo que tienen la flexibilidad de personalizar las dimensiones para proyectos específicos. Esta selección inicial garantiza que el espacio de trabajo se adapte a las necesidades del usuario desde el principio.
Al seleccionar el lienzo deseado, la interfaz se actualiza para revelar el espacio de trabajo, incluidos todos los paneles mencionados anteriormente.
Los usuarios navegan entre el primer y el segundo panel para generar el archivo de corte. El primer panel ofrece herramientas para crear y editar formas, mientras que el segundo panel proporciona una representación visual del lienzo.
Una vez generado el archivo de corte, los usuarios pueden pasar al tercer panel para una revisión completa de las estadísticas del proyecto para proceder a exportarlo.
En general, el flujo de usuario optimizado garantiza un proceso de diseño y corte fluido y eficiente, que satisface las necesidades tanto de usuarios experimentados como de principiantes.
Adaptando la experiencia para dispositivos móviles.
Para garantizar la accesibilidad y la funcionalidad en una amplia gama de dispositivos, este proyecto se diseñó para funcionar tanto en equipos de escritorio como en dispositivos móviles.
La implementación de tecnologías en la nube permitió realizar los cálculos en un servidor, lo que permitió este enfoque multiplataforma.
Al adaptar la interfaz para dispositivos móviles, se mantuvo el mismo layout de paneles que la versión de escritorio, pero se dividió la pantalla en dos secciones principales.
Sección superior: Lienzo o lámina:
Esta sección ocupa la mayor parte de la pantalla y muestra el lienzo o lámina con los cálculos realizados. Este panel cuenta con una funcionalidad para expandirse para cubrir la totalidad de la pantalla, lo que permite al usuario detallar elementos en el lienzo.
Sección inferior: Paneles de edición y creación de formas y exportación:
Esta sección se ubica en la parte inferior de la pantalla y se divide en pestañas por funcionalidad: edición de formas y creación de formas y exportación. El uso de pestañas permite mantener la organización y la accesibilidad a las herramientas necesarias sin abarrotar la interfaz.
La disponibilidad en dispositivos móviles amplía el alcance de la herramienta a una mayor cantidad de usuarios, independientemente de su ubicación o dispositivo preferido.
Lanzamiento de e30x
Un nuevo servicio
La marca JAC, recientemente esta posicionando nuevos servicios de renting con sus vehículos eléctricos.
Buscando generar un acercamiento de los usuarios a esta clase de vehículos, conociendo todos sus beneficios y características especiales, dándoles la oportunidad de usarlos y probarlos el tiempo que deseen.
Una nueva linea
En el diseño se opto por tomar una línea que mantuviera la misma esencia del sitio web de jac, pero con una estructura simple y moderna, adaptada a la personalidad de esta línea de vehículos.
Contamos con ciertos puntos importantes del vehículo, enfocados en su potencia y rendimiento.
Diseñando una nueva galería, que abarca gran espacio de pantalla disponible, con un scroll infinito para que el usuario pueda conocer el vehículo tanto por fuera como por dentro.
Cabe mencionar que en estas landing de registro, solo se puede acceder a partir de la pagina del producto en cuestión.