Zeus
Rol: Diseñadora UX/UI
Cronología: 8 meses
Equipo: Una diseñadora UX/UI
Descripción general
Con más de 150,000 empleados, Grupo Salinas necesitaba una solución para optimizar la comunicación y los flujos de trabajo, lo que dio lugar a la creación de Zeus, una app robusta con más de 100 módulos. Contribuí a mejorar la interfaz de usuario de módulos clave, como Red Social, Zeus Chat (móvil y web), Tareas, Bitzeus, Zeus Web y Live Stream. Además, apoyé el desarrollo de un design system unificado para garantizar la consistencia visual en toda la app.
Planteamiento del problema
A medida que Zeus crecía, surgieron algunos desafíos significativos:
Falta de información consolidada de los módulos: Sin una lista centralizada, era difícil saber qué módulos existían o qué funciones cumplían. Esto llevó a la redundancia de características y dificultó priorizar rediseños según el uso.
Diseño inconsistente: La ausencia de un design system cohesivo resultó en una experiencia de usuario fragmentada entre los módulos.
Gran cantidad de módulos: Con tantas funciones, muchos empleados solo usaban la app para tareas esenciales, como fichar, pasando por alto otras características valiosas.
Personalización limitada para diversos perfiles de usuario: La app fue principalmente desarrollada para el personal de oficina corporativa, dejando de lado las necesidades de los empleados remotos y de campo.
UI modules que diseñé para abordar inconsistencias y mejorar la experiencia de usuario a través de la plataforma:
-
Chat Zeus
-
Red Social
-
Tareas por hacer
-
Zeus Web
-
Bitzeus
-
Live Stream
Usuarios y audiencia
Zeus atiende a un grupo diverso de empleados, con rangos de edad de 18 a 65 años, con perfiles adaptados a empleados de oficina corporativa, personal remoto y equipos de campo.
Alcance y limitaciones
El trabajo se extendió durante ocho meses, organizados en sprints de dos semanas. Las prioridades de diseño cambiaron según los comentarios de los POs y líderes de proyecto, lo que nos permitió enfocarnos en las necesidades más urgentes.
Design system
En el proyecto Zeus, desempeñé un papel clave en la creación de un design system unificado desde cero. Anteriormente, Zeus carecía de un marco visual consistente, lo que provocaba inconsistencias entre sus módulos. Utilizando los principios de Atomic Design y token design, mi equipo y yo desarrollamos un sistema cohesivo que incluía colores de la marca, tipografía, iconografía y pautas de diseño, asegurando consistencia visual y mejorando la experiencia de usuario. Este enfoque no solo proporcionó modularidad y escalabilidad, sino que también agilizó la colaboración entre diseñadores y desarrolladores, permitiendo una implementación más rápida y eficiente de las características en toda la app, manteniendo la identidad de la marca de Zeus.
Diseñando una experiencia UI para Zeus
En el proyecto Zeus, desempeñé un papel fundamental en la implementación de un design system cohesivo que unificó el lenguaje visual a través de todos los módulos. Esta iniciativa abordó las inconsistencias previas y creó una experiencia de usuario fluida al estandarizar elementos como colores, tipografía, iconografía y diseños. El design system no solo mejoró la usabilidad, sino que también optimizó el desarrollo, permitiendo actualizaciones más rápidas y consistentes en toda la plataforma. A continuación, se destacan los módulos clave donde este design system tuvo un impacto transformador.
Proceso y metodología
Fase 1: Revisión de prototipos existentes y alcance del proyecto
Cada proyecto comenzó con una revisión detallada de los prototipos existentes. Esta evaluación inicial me ayudó a comprender los elementos de diseño implementados y a identificar en qué áreas podía contribuir sin duplicar trabajo previo.
Fase 2: Colaboración con Product Owners en las prioridades
Luego, me reuní con los Product Owners para revisar las historias de usuario próximas y determinar las características prioritarias. Esta fase garantizó que me enfocara en los requisitos de diseño inmediatos para mantener el desarrollo fluido, mientras investigaba otros productos para recopilar ideas para mejoras en la UI.
Fase 3: Refinamientos de diseño y exploración de funcionalidades
Con los requisitos principales resueltos, colaboré con los POs para generar ideas sobre mejoras adicionales en el diseño y nuevas funcionalidades. Un enfoque clave fue alinear los diseños de iOS y Android, donde a menudo había diferencias notables, para crear una experiencia coherente entre las plataformas.
Fase 4: Diseño de UI e integración del sistema
Una vez claros los objetivos y necesidades del proyecto, pasé a crear las pantallas que se alinearan con nuestro design system, incorporando los nuevos componentes según fuera necesario. Después de crear las pantallas, el Product Owner las presentó al líder de producto y a los stakeholders para recibir retroalimentación.
Fase 5: Documentación para la entrega al desarrollo
Tras la aprobación del diseño, preparé la documentación para facilitar una entrega fluida al equipo de desarrollo, reduciendo cualquier riesgo de malinterpretación y asegurando una implementación eficiente.
Resultados y lecciones aprendidas
Este proyecto generó resultados valiosos:
-
Lista completa de módulos: Desarrollé una lista central de módulos para "Zeus" que proporciona una referencia clara de funcionalidades y ayuda a prevenir características redundantes.
-
Colaboración multifuncional: Mejoré mis habilidades para colaborar con el equipo de desarrollo, adaptando los diseños a los requisitos técnicos y cronogramas.
-
Desarrollo del Design System: Contribuí a la creación de un design system unificado, ayudando a estandarizar el lenguaje visual en todos los módulos de Zeus.
-
Adaptabilidad y flexibilidad: Trabajar estrechamente con los Product Owners me enseñó a refinar las historias de usuario y ajustarme a prioridades cambiantes, aprendiendo a no aferrarme demasiado a los diseños, ya que las características pueden evolucionar con el tiempo.
-
En general, mi trabajo resultó en el desarrollo de un nuevo módulo de "Tareas", un chat corporativo y red social renovados, grupos de comunicación segmentados, y una experiencia visualmente más consistente en Zeus. Estas mejoras ayudaron a que Zeus fuera más amigable y funcional para la diversa base de empleados de Grupo Salinas.