Roles y Responsabilidades

Como Senior Product Designer, lideré el equipo de diseño y trabajé en estrecha colaboración con nuestro diseñador de producto junior, el equipo de producto, los desarrolladores, los stakeholders y los usuarios.

Mis responsabilidades incluyeron la creación de sistema de diseño web, documentación técnica del mismo, entregables de traspaso de fundations y tokens al equipo de front, el faseo del proyecto en términos de qué, como y cuando ir cambiando diferentes claves de la web, así como la dirección del diseño visual final de la web, la aplicación del nuevo sistema de diseño y la mejora de la experiencia de usuario.

Partners y Stakeholders

Trabajé en estrecha colaboración con el equipo de producto (Product Manager y Product Owner de la web, el equipo de desarrollo front end, así como con los stakeholders internos de la empresa, incluyendo el equipo de dirección, ventas, ad operations o editorial.

El Problema

La web de meteorología de Eltiempo.es necesitaba un rediseño visual para actualizarse a la nueva línea visual de las app de ElTiempo.es, la auditoría de componentes, estilos y performance del front end actual en ese momento, así como la aplicación de un nuevo sistema de diseño para mejorar la experiencia de usuario y actualizar su apariencia general.

Usuarios y Audiencia

Realizamos entrevistas y encuestas con los usuarios existentes de la web a través de formularios y plugins de Hotjar, así como atendiendo al email de contacto para entender mejor sus necesidades y expectativas en términos de diseño. También realizamos pruebas de usabilidad para asegurarnos de que la experiencia de usuario fuera intuitiva y fácil de usar para la gran masa heterogénea de usuarios con la que cuenta el tiempo (casi 9Mill de usuarios cross entre web desktop y mobile).

Aparte en este punto fueron claves los stakeholders internos, de cara a optimizar la monetización de la web, aumentando páginas vistas, ad viewability y engagement por visita.

Alcance y Limitaciones

El alcance del proyecto incluyó el rediseño visual de la web, a nivel front, con un especial foco también en el rediseño de estructura de información de la plantilla de página ciudad y consulta meteo de la web, que es el punto de mayor tráfico recurrente.

La aplicación del nuevo sistema de diseño y la mejora de la experiencia de usuario fueron los dos puntos claves a cubrir, teniendo en cuenta las diversas limitaciones que mostraba la web (mucha antigüedad y complejidad de código, diferentes tecnologías que entraban en conflicto o que no permitían automatizar el cambio general tan fácilmente como lo hubiéramos deseado, etc.

Proceso de Diseño

Utilizamos un proceso de diseño centrado en el usuario, comenzando con la investigación y la definición del problema, seguido por la creación de wireframes y prototipos. Luego, aplicamos el nuevo sistema de diseño y refinamos el diseño basándonos en diferentes rondas de QA visual y de interacción antes de publicar en producción.

Posteriormente hemos ido iterando en función del performance de la página y de los comentarios de los usuarios.

Proceso de Prueba

Realizamos pruebas de usabilidad con un grupo de usuarios existentes de la web y público interno para asegurarnos de que la experiencia de usuario fuera intuitiva y fácil de usar. También realizamos pruebas de rendimiento para asegurarnos de que la web funcionara correctamente en diferentes dispositivos, navegadores y sistemas operativos.