Desafío

Existe una categoría de problemas operativos que rara vez aparece en los informes de gestión: la herramienta que funciona, pero que entorpece el trabajo. No falla lo suficiente como para generar incidencias de soporte, ni paraliza notablemente las operaciones. Sin embargo, genera fricción constante: un clic adicional, información difícil de encontrar, una interfaz que requiere esfuerzo para interpretarla cada vez que se utiliza.

Para el empleado de almacén, esto se traduce concretamente en: dificultad para leer debido al tamaño reducido de la letra bajo iluminación artificial, problemas para encontrar las acciones en la pantalla y tiempo invertido en buscar el campo correcto. Al multiplicarse por el volumen de referencias por turno, deja de ser un detalle ergonómico y se convierte en un coste operativo invisible.

Este fue el punto en el que se encontraba la aplicación de inventario de LinkedBy. Funcionaba, pero no ayudaba a quienes dependían de ella.

LinkedBy desarrolla soluciones para operaciones logísticas complejas, como ERP, WMS, planificación de rutas y gestión de flotas. Su aplicación de inventario la utilizan los operarios de almacén en los distribuidores de Heineken, donde el contexto impone exigencias claras: iluminación variable, funcionamiento dinámico, presión de tiempo y un alto volumen de referencias con sutiles variaciones. Un sistema diseñado fuera de este entorno no fracasa por limitaciones técnicas, sino por su falta de adaptación al uso real.

La petición a Evo Systems fue sencilla: rediseñar la experiencia para que la aplicación pudiera seguir el ritmo de la operación.

El análisis reveló una serie de decisiones que, individualmente, serían aceptables, pero que en conjunto creaban una interfaz difícil de leer en el contexto de uso.

El encabezado seguía el estándar de Android, en azul marino, sin ninguna marca del cliente. Las tarjetas mostraban solo el código y el nombre en texto, sin apoyo visual, lo que, en un escenario con empaques similares, transfería la responsabilidad de diferenciar los artículos al operador. La tipografía era mínima y el diseño denso, sin una jerarquía clara. El modal de edición, un paso crítico en el proceso de conteo, no reflejaba la lógica operativa en la organización de los campos. La ausencia de un filtro de marca hacía que la navegación dependiera del desplazamiento y la lectura continua. Los botones seguían el estándar del sistema, sin indicar prioridad ni consecuencia.

Todo esto en conjunto exigía un esfuerzo constante de adaptación por parte del operador, un esfuerzo que no contribuía a la tarea.

Transformación_

El rediseño se llevó a cabo en Figma durante una semana. El punto de partida no fue la interfaz, sino el contexto de uso: quién utiliza la aplicación, en qué entorno, bajo qué presión de tiempo y con qué volumen de SKU. Cada decisión de diseño solo se incorporó al proyecto tras contar con una justificación operativa.

• Identidad visual en la pantalla de inicio de sesión:  ALa pantalla de inicio de sesión ahora muestra la marca, el logotipo y la paleta de colores verdes de Heineken. En operaciones con múltiples clientes, la identidad visual en la entrada elimina la ambigüedad sobre a qué instancia accede el operador y posiciona el producto como una solución específica para esa operación, no como una herramienta genérica.
• Fichas de producto con imagen integrada: Las tarjetas ahora muestran una fotografía del producto junto con el código y el nombre. En un almacén con variaciones en el empaque según la marca, el tamaño y el tipo, la imagen sirve como una verificación visual inmediata. El revisor confirma el producto por su apariencia antes de leer el código, lo que reduce la necesidad de memorizar y el margen de confusión entre SKU similares.
• Filtros por marca en la parte superior de la lista: La barra de filtros segmenta la lista de productos por fabricante con un solo toque. En un sistema que recorre las secciones físicas del almacén organizadas por marca, el filtro refleja la lógica del espacio físico en la interfaz. El usuario no necesita desplazarse por toda la lista para encontrar los productos en la sección correspondiente.
• Jerarquía visual en campos operativos: El rediseño estableció un orden de lectura claro: el código y el nombre resaltados en la parte superior de la tarjeta, seguidos de los campos para el conteo por categoría física (Palé(s), Caja(s) y Unidades Sueltas), y luego por los campos de control (Fecha de Caducidad, Lote, Ubicación del Stock y Agotado). Esta secuencia reproduce el orden en que el verificador comprueba el producto en el campo, lo que reduce la necesidad de realizar búsquedas visuales en cada registro.
• Modo de edición reorganizado: La ventana modal de corrección de versiones presenta una organización de campos que refleja la misma lógica que la tarjeta principal. Los campos están agrupados por tipo y los botones ofrecen una clara distinción visual entre confirmar y cancelar, lo que reduce el riesgo de editar en el campo incorrecto.
• El sistema de manejo indica: La aplicación comenzó a mostrar mensajes explícitos de confirmación y error para los envíos. En una operación donde las fallas silenciosas (datos registrados localmente pero no sincronizados) pueden provocar recuentos o discrepancias en el inventario, la retroalimentación del estado garantiza que el operador sepa qué ha hecho el sistema.
• Historia del conteo: La pantalla de historial ahora registra la fecha, la hora de inicio, la hora de finalización y el número total de elementos contados por sesión, lo que permite una trazabilidad operativa básica.

Beneficios_

El rediseño no produjo datos de impacto cuantificables en la primera semana de su implementación, y sería incorrecto afirmar reducciones de errores o aumentos de velocidad sin una medición estructurada. Lo que sí ofrece el rediseño es la viabilidad de una operación más confiable.

Un empleado que trabaja con imágenes de productos, filtros de marca y una jerarquía visual clara puede realizar el recuento con menos interrupciones en el flujo de trabajo. Una interfaz que confirma el envío y alerta sobre fallos permite al operador visualizar el estado de los datos registrados. El historial de sesiones proporciona a la gerencia una trazabilidad que el sistema anterior no ofrecía. Estas son las condiciones que crea el rediseño: resultados no garantizados, ya que dependen del funcionamiento, la capacitación y el proceso. Sin embargo, sin estas condiciones, los resultados están limitados por la interfaz.Un empleado que trabaja con imágenes de productos, filtros de marca y una jerarquía visual clara puede realizar el recuento con menos interrupciones en el flujo de trabajo. Una interfaz que confirma el envío y alerta sobre fallos permite al operador visualizar el estado de los datos registrados. El historial de sesiones proporciona a la gerencia una trazabilidad que el sistema anterior no ofrecía. Estas son las condiciones que crea el rediseño: resultados no garantizados, ya que dependen del funcionamiento, la capacitación y el proceso. Sin embargo, sin estas condiciones, los resultados están limitados por la interfaz.

La aplicación está en producción. LinkedBy ahora cuenta con una herramienta que trata el trabajo del revisor con la seriedad que exige la operación.

Herramientas utilizadas_

• UX/UI Design

El proyecto se desarrolló en Figma, plataforma que sirvió como entorno central para explorar, validar y prototipar las interfaces. Más allá de ser una simple herramienta de diseño, Figma se convirtió en un espacio colaborativo para estructurar decisiones basadas en el contexto operativo, lo que permitió iterar rápidamente sobre flujos, jerarquía visual y organización de la información.

El enfoque se guió por los principios de UX/UI aplicados al entorno de uso real, centrándose en la legibilidad, la reducción del esfuerzo cognitivo y la alineación de la interfaz con las operaciones de campo. El resultado no dependió de tecnología compleja, sino de la aplicación rigurosa del diseño como herramienta para resolver problemas operativos.