HMI Observatory: plataforma digital para repensar la interacción entre personas y máquinas

El reto: convertir una investigación industrial en una plataforma viva

Cuando comenzamos a trabajar en el proyecto de HMI Observatory, nos encontramos ante un reto diferente al de una web corporativa convencional.

HMI Observatory, también conocido como HMI Lab, es una iniciativa de investigación aplicada y transferencia de conocimiento impulsada por bigD Design and Innovation Consultancy, orientada a analizar y mejorar la forma en la que las personas interactúan con las máquinas dentro de los entornos industriales.

El objetivo de la plataforma digital era conseguir que todo ese conocimiento no quedase limitado a un informe o a una presentación puntual, sino convertirlo en un espacio digital vivo, accesible y útil para profesionales de la industria.

Desde La Barba nos encargamos de trasladar esa visión al entorno digital, diseñando y desarrollando una web capaz de combinar investigación, documentación, recursos interactivos y una amplia biblioteca de referencias.

Una plataforma dirigida a profesionales de la industria

HMI Observatory está pensado principalmente para perfiles profesionales relacionados con la transformación de los entornos industriales: directores industriales, responsables de innovación, producción, digitalización y otros perfiles implicados en la evolución tecnológica de las plantas.

Por ello, la plataforma debía transmitir conocimiento y rigor, pero evitando convertirse en un repositorio técnico difícil de utilizar.

La propuesta se centró en crear una experiencia digital limpia, ordenada y muy visual, donde el usuario pudiera descubrir la investigación, acceder a los informes y explorar diferentes ejemplos de interfaces industriales de una forma intuitiva.

La web debía funcionar, en definitiva, como una herramienta de consulta y descubrimiento.

Minimalismo para dar protagonismo al contenido

En la página de inicio apostamos por una estética minimalista y limpia.

Uno de los elementos fundamentales del diseño fue el uso controlado del espacio en blanco. En lugar de intentar llenar cada área de la pantalla con información, utilizamos el espacio como una herramienta para separar conceptos y facilitar la lectura.

Este planteamiento permitía que los contenidos relacionados con la investigación adquiriesen mayor protagonismo y que el usuario pudiera recorrer la página de una manera más natural.

El header se diseñó además con un efecto translúcido y fondo desenfocado, manteniéndose fijo durante el scroll para facilitar la navegación sin interrumpir la experiencia.

A nivel visual, también incorporamos loops de vídeo en las secciones introductorias, aportando movimiento a la interfaz sin convertirlo en un elemento invasivo.

Una biblioteca para explorar más de 50 interfaces industriales

La plataforma reúne inicialmente más de 50 casos seleccionados, procedentes de diferentes estudios, firmas y proyectos relacionados con el diseño de interfaces industriales.

La cantidad y diversidad de información obligaba a diseñar un sistema capaz de organizar los casos de forma clara.

Cada proyecto cuenta con sus propios metadatos: título, diseñador, empresa, sector, premios, año y país.

De esta manera, el repositorio no funciona únicamente como una galería visual, sino como una auténtica biblioteca de referencias para profesionales interesados en la evolución del diseño HMI.

Una experiencia de navegación basada en la interacción

La biblioteca fue concebida como un espacio interactivo.

Al seleccionar el título de cada proyecto, el usuario puede acceder al enlace externo correspondiente, mientras que la interacción con las imágenes permite ampliar el contenido mediante una ventana emergente.

Esto nos permitió combinar dos necesidades diferentes: mantener una visión general del repositorio y, al mismo tiempo, permitir que cada referencia pudiera explorarse con mayor profundidad.

Las imágenes adquieren así un papel fundamental dentro de la experiencia, especialmente en un proyecto donde la evolución de las interfaces se entiende en gran medida a través de su representación visual.

Los informes como punto de acceso al conocimiento

Otra de las piezas fundamentales de la web es la sección Reports.

La planteamos inicialmente como un espacio sencillo y estructurado donde recopilar los diferentes documentos derivados de la investigación.

Para facilitar el acceso a los informes, desarrollamos un sistema de descarga vinculado a un formulario centralizado.

El usuario completa el formulario mostrado mediante un pop-up a pantalla completa y, una vez realizado el proceso, recibe automáticamente un correo electrónico con el enlace de descarga del documento en PDF.

Los informes se almacenan externamente en Drive, manteniendo así una estructura sencilla y flexible para gestionar los documentos sin sobrecargar la plataforma.

De esta forma, la web no solo presenta el trabajo realizado por HMI Observatory, sino que se convierte en el punto de acceso directo a sus principales resultados de investigación.

De una sección “Coming soon” a una biblioteca de herramientas

La plataforma también incorpora una sección específica de Tools, concebida para complementar los informes con recursos prácticos.

Durante la primera fase del proyecto, esta sección incluía la herramienta de Autoevaluación HMI, presentada inicialmente bajo una etiqueta de “Coming soon”.

Con la evolución del proyecto, la sección se amplió para incorporar diferentes recursos destinados a profesionales, entre ellos las HMI Design Cards y encuestas técnicas externas integradas mediante Typeform.

Esta evolución es especialmente interesante porque convierte la plataforma en algo más que un escaparate de la investigación.

El observatorio pasa así de mostrar conocimiento a poner herramientas a disposición de la comunidad profesional.

Una web pensada como infraestructura para el lanzamiento

El desarrollo de la plataforma tenía además una función estratégica dentro del propio proyecto de investigación.

La web se convirtió en el soporte digital para la presentación oficial de los hallazgos y el lanzamiento del reporte, funcionando como punto de referencia antes y durante el evento técnico celebrado posteriormente, tanto presencialmente como mediante streaming.

Por ello, necesitábamos que la plataforma estuviera preparada no solo para presentar el contenido, sino también para soportar el crecimiento del proyecto y convertirse en un espacio al que los profesionales pudieran volver posteriormente para consultar informes, referencias y herramientas.

La web dejaba así de ser una pieza estática para convertirse en la infraestructura digital de un proyecto de investigación en evolución.

Diseño y desarrollo de una Web responsive sobre WordPress

Una vez definida la estructura y la dirección visual, trasladamos el proyecto al entorno de desarrollo mediante una web responsive desarrollada sobre WordPress.

El objetivo fue mantener la experiencia visual definida durante la fase de diseño y adaptarla a diferentes dispositivos y resoluciones.

Esto implicó prestar especial atención a elementos como el header fijo, los vídeos, el carrusel horizontal de la biblioteca de imágenes, las ventanas emergentes, los formularios y el comportamiento de la galería de interfaces.

También trabajamos para que la experiencia de exploración fuese consistente independientemente del dispositivo utilizado.

Una plataforma que convierte investigación en conocimiento accesible

El resultado es HMI Observatory, una plataforma digital diseñada para dar continuidad a una investigación profunda sobre el futuro de las interfaces industriales.

Desde La Barba no nos limitamos a desarrollar una web para presentar un informe. Trabajamos en la creación de una infraestructura digital capaz de organizar, presentar y hacer accesible el conocimiento generado por el proyecto.

Una biblioteca de más de 50 referencias, informes de investigación, herramientas, recursos interactivos y contenidos audiovisuales conviven dentro de una interfaz minimalista donde el diseño está al servicio del contenido.

El proyecto demuestra cómo una plataforma digital puede convertirse en una parte esencial de una iniciativa de investigación: no solo como escaparate de sus resultados, sino como un espacio vivo preparado para seguir creciendo, incorporando nuevos recursos y conectando el conocimiento con los profesionales que pueden aplicarlo.