Roca. Smart Shower

• Cuando nos enfrentamos al proyecto lo hicimos con un trabajo previo realizado por los ingenieros, con un producto inicial existente donde el diseño de interfaz e interacción ya estaban funcionalmente definidos. 

  Trabajamos con equipos muy diversos. Contábamos, en primer lugar, con el equipo de I+D de Roca que se encargaba de adecuar, testar el producto y de introducirlo dentro del mundo Roca a nivel de interfaz física y, por otro lado, estaba el equipo de negocio, marketing y el equipo de ingenieros. Este último, programaba la ducha y contaba con el primer modelo 100% digital del cual nosotros debíamos partir para adaptarlo a las necesidades de nuestro cliente. 

  Para trabajar con un equipo de esta magnitud fue necesario tener en cuenta varios puntos que nos ayudaron a estar alineados durante todo el proceso:

• • Coordinación de conocimientos: Fue muy importante aprovechar los conocimientos de todas personas que participaban en el proyecto, especialmente de aquellos que fabricaron el primer modelo de la ducha, ya que podían resolver todas las dudas e inquietudes que pudieran surgir a lo largo del proyecto.
  • Gestión de expectativas: Nos alinearnos con todos los equipos para gestionar de la mejor manera posible las expectativas de cada uno de nuestros clientes.
  • Sesiones de cocreación con stakeholders: Nos reunimos con todos los equipos, trabajando en conjunto y aportando todos los conocimientos que serían relevantes para el desarrollo del producto.
  • Comunicación entre equipos: Debido a la diversidad del equipo, el lenguaje era muy diverso. Fue muy importante encontrar un punto en común para potenciar la comunicación y encontrar la vía más adecuada para comunicarnos entre todos los integrantes.

Proceso de desarrollo

• Era importante comprender el producto y para ello tomamos en cuenta:

  • Conocer los condicionantes tecnológicos
  • Sumergirnos en el planteamiento funcional de base
  • Profundizamos en la interacción con el producto físico

  Realizamos una investigación previa de productos ya existentes para tomar referencias y, analizando todos los datos recolectados, encontramos las primeras inquietudes que consideramos que debíamos atacar. A partir de este punto iniciamos la fase de investigación.

• El equipo de ingeniería, cuando iniciamos el proyecto, nos dio la posibilidad, como parte de la investigación, de ir a las fábricas e interactuar con algunas duchas digitales, definiendo patrones de comportamiento, analizando la accesibilidad, las ubicaciones, uso del espacio y su funcionamiento para ver de primera mano el funcionamiento del sistema. Se evidenció que debíamos trabajar con Roca a la par para unificar las funcionalidades ya planteadas por los ingenieros para, desde las bases ya planteadas, construir un diseño de interacción amigable y plantear cómo debían ser las respuestas del sistema en la interfaz.

• A la hora de diseñar producto físico se deben tener en cuenta los patrones de interacción adquiridos por el ser humano durante siglos, y en el caso de una ducha no iba a ser menos. Mejorar la experiencia de uso también consiste en eliminar fricciones con el target muchas veces evitando el exceso de innovación, es por ello que se realizó un diseño que tuviera características tanto analogicas, para poder relacionar interacciones con la experiencia previa, como digitales, que permitían explotar nuevas funcionalidades de control y uso que mejorarían notablemente la experiencia. En conjunto con el equipo técnico y de I+D se tomaron decisiones de incorporar elementos analógicos que facilitarían la comprensión del dispositivo y su uso dentro del contexto ducha, tan complejo en ocasiones.

• Partimos de flujos funcionales técnicos que nos delimitaron los aspectos técnicos de la ducha como los programas implementados, los límites de temperatura, los controladores físicos y algunos de los botones digitales.

  Con esta base, Iteramos constantemente sobre papel y analizamos los distintos flujos para comprender las distintas interacciones, debíamos tener en cuenta todos los procesos y subprocesos (errores, irrupciones, reposos…) y analizar las acciones del usuario para jerarquizar y potenciar aquellas que sean principales. 

• Era muy importante analizar todas las casuísticas y situaciones que pudieran ocurrir al utilizar la ducha para contemplarlo en el diseño, no solo físico, sino que también en la app que la acompañaría.

  Por ejemplo: ¿Qué sucede si intento apagar la ducha durante un programa? ¿Dejará de caer agua si durante la ducha intento acceder a la navegación? ¿Debería avisar antes de un apagado automático? Cuánto antes? Cómo? Según íbamos profundizando en los flujos de uso las casuísticas se multiplicaban y debíamos encontrar respuesta de diseño a cada una de ellas al igual que el equipo de ingenieros debían cubrir con la tecnología las diferentes problemáticas.

• En este punto nos enfrentamos a la fase de digitalización del producto donde nos centramos en tres pilares:

  • Simplicidad: Los elementos mínimos necesarios que deben componer cada pantalla.
  • Unificación: Cada interacción similar debe tener su representación gráfica unificada.
  • Movimiento: Cada representación está pensada desde el movimiento.

• En base a estos pilares se montaron varias propuestas visuales hasta encontrar aquella que respondiera a todos los KPI establecidos al iniciar el proyecto. Es importante destacar que siempre hay que tener en cuenta que lo importante del diseño visual es estar al servicios de lo que queremos comunicar, no es solo un tema estético. A partir de estas premisas llegamos a las siguientes soluciones:

  • Representamos la gráfica de temperatura y caudal de manera curva para mantener una relación directa con la forma en que el usuario interactúa con el dimmer. 
  • Utilizamos códigos gráficos distintos para diferenciar la temperatura con el caudal de agua. La temperatura se representa con líneas, haciendo alusión a un termómetro, y el agua por puntos que, a mayor intensidad, mayor cantidad. 
  • Trabajamos con tipografías de gran tamaño y con mucho contraste para adaptarlas a todos los usuarios.
• • Mantuvimos siempre el mismo código visual utilizando un leimotiv que responde siempre a la misma configuración, temperatura y caudal.
  • Otro punto que tuvimos que tener en cuenta fueron los colores de la TFT. En primera instancia se había decidido, por parte del equipo de Roca, que se utilizarán únicamente dos colores. Sin embargo, luego de realizar test de usuarios y analizar las distintas funcionalidades e interacciones de la ducha, optamos por añadir una gama más amplia para poder informar y notificar al usuario de manera más visual e interactiva, siempre adaptandonos a las características, costes y calidad del producto. Es importante destacar que a medida que nosotros trabajabamos el diseño, los ingenieros desarrollaban en paralelo el producto, siempre manteniendo un contacto directo con el equipo y las necesidades de tecnología. 

• Testing sobre prototipo

  Para poder testar nuestro diseño creamos un prototipo navegable para tablet con un 70% de la funcionalidad simulada. A partir de esto reunimos algunos usuarios que trabajaban entre el equipo de diseñadores  y planteamos 3 tareas distintas: Inicio de ducha, exploración de opciones y acceso a programas y usuarios. En base a los resultados realizamos un test de recuerdo y una entrevista en profundidad para conocer más en detalle sus opiniones. Más allá de que los resultados obtenidos fueron interesantes y pudimos encontrar algunos puntos que debíamos modificar, era evidente que no era un contexto real y estaba sesgado.

• Testing con usuario real

  Debido a que el test realizado previamente no era con los usuarios target, ni contábamos con un prototipo realista, se realizó un test con usuarios reales con el producto ya desarrollado para obtener feedback. Tras las primeras impresiones usando el dispositivo se llega a unas conclusiones para ajustar funcional y visualmente algunos aspectos clave de interacciones y pantallas en los procesos propios del uso de la ducha. Basándonos en estos últimos resultados se realizaron las iteraciones necesarias en el diseño y funcionalidad del producto final.

DISEÑO DE LA APP

• No solo nos enfocamos en diseñar la interfaz física del producto, sino que también trabajamos en el diseño de la experiencia de la app . La misma acompaña a la Smart Shower para que el usuario pueda interactuar con el dispositivo en un contexto que no sea la ducha, ofreciéndole la posibilidad de configurar el Warm-up, alarmas o mismo customizar su usuario acorde a sus necesidades. 

• Al igual que la ducha, los ingenieros ya contaban con un flujo más técnico de las distintas funcionalidades de la app y nuestro equipo partió de estas primeras aproximaciones para adaptarlas a las necesidades de nuestro cliente. Algunas funcionalidades que debíamos tener en cuenta era la posibilidad de programar alarmas para iniciar el Warm-up, notificaciones o avisos de error o finalización de alguna configuración, modificar o cambiar de perfil, customizar preferencias y visualizar consumo de agua y tiempo de utilización de cada usuario.

• Un resultado como este, tan pensado para el usuario, y al mismo tiempo tan consecuente con la estrategia de negocio, solo se puede conseguir trabajando en conjunto con todos los equipos involucrados en el proyecto, siguiendo un proceso de creación y conocimiento del producto, acompañado de un buen diseño de la investigación, análisis de los usuarios y desarrollo de la conceptualización hasta la definición.

• A sido un placer trabajar con el equipo de I+D, marketing, negocio e ingenieros de Roca y ser parte del desarrollo de este producto innovador y acompañarlos, una vez más, en el diseño de uno de sus producto de la línea Smart.