RTVE Play: una nueva forma de vivir los contenidos de RTVE.
Un proyecto integral de estrategia, investigación, diseño y tecnología para web, móvil y televisión conectada.
Requirements Workshop
Definición y priorización de los requisitos de la aplicación mediante el modelo Kano. Este enfoque organiza las funcionalidades según su impacto en la satisfacción de las personas usuarias y la dificultad de implementarlas. El objetivo era abordar primero las prestaciones más valiosas y viables, equilibrando las necesidades de la audiencia con la factibilidad técnica. El taller ayudó a alinear a los equipos implicados, aclarar prioridades y orientar el desarrollo hacia las funcionalidades con mayor impacto en la experiencia de usuario.
RTVE necesitaba una experiencia coherente para descubrir y disfrutar su catálogo en web, móvil y televisión conectada. Junto a RTVE y Telefónica España, conectamos estrategia, investigación y diseño con un sistema de diseño y una librería de componentes front end que facilitan la evolución de la plataforma.
Servicios
Alineamos los objetivos del negocio con las necesidades de las personas. Definimos prioridades, alcance y criterios de producto para orientar el trabajo de diseño y desarrollo hacia una visión compartida.
Investigamos las necesidades, motivaciones y comportamientos de las personas, junto con el contexto del negocio. Combinamos métodos cualitativos y cuantitativos para identificar oportunidades y orientar las decisiones de diseño con evidencia.
Organizamos la información, la navegación y los flujos de un producto digital para que las personas puedan entenderlo y alcanzar sus objetivos. Buscamos que cada tarea resulte clara, sencilla y adecuada a su contexto de uso.
Damos forma visual a las interfaces mediante jerarquías, tipografía, color y componentes. Diseñamos pantallas y estados de interacción coherentes con la identidad de la marca, cuidando la legibilidad y la accesibilidad.
Creamos representaciones interactivas del producto para explorar y evaluar cómo funciona antes de desarrollarlo. Los prototipos permiten contrastar ideas, probar recorridos con las personas y compartir una visión clara entre los equipos.
Organizamos los fundamentos visuales, componentes y patrones de interacción en un sistema compartido. Documentamos su uso para que diseño y desarrollo puedan construir y evolucionar interfaces con coherencia.
Convertimos diseños y recorridos de usuario en interfaces funcionales. Construimos componentes y aplicaciones adaptadas a cada entorno, cuidando el rendimiento, la accesibilidad y la continuidad entre diseño e implementación.
Integramos las capacidades de reproducción de vídeo y audio en la experiencia del producto. Conectamos reproductores, contenidos y servicios de acceso según las necesidades de cada plataforma.
Proceso de trabajo
RTVE Play es la puerta de entrada digital a la oferta de televisión y radio de RTVE, el grupo de medios de comunicación público de España y uno de los grandes referentes del audiovisual público en Europa. En un ecosistema donde los contenidos compiten por la atención desde cualquier pantalla, la plataforma tenía que ofrecer una experiencia clara, cercana y consistente para una audiencia tan amplia como diversa.
El desafío no consistía solo en renovar una interfaz. Había que repensar cómo las personas descubren, entienden y disfrutan una gran oferta audiovisual: desde quien busca un programa concreto en la web hasta quien continúa una reproducción en el móvil o navega desde el sofá con un mando a distancia.
Paginar trabajó junto a los equipos de RTVE y Telefónica España en ese recorrido. La colaboración abarcó desde la consultoría inicial hasta la investigación con usuarios, el diseño de la experiencia, las pruebas de usabilidad y el desarrollo de una librería de componentes front-end. El objetivo era claro: construir una experiencia común para todas las plataformas y, al mismo tiempo, dejar una base sólida para que el producto pudiera seguir evolucionando.
El punto de partida
RTVE Play reúne contenidos de televisión y radio, directos, programación lineal y una oferta bajo demanda muy extensa. La riqueza de ese catálogo era precisamente uno de sus mayores retos: debía resultar fácil de explorar sin simplificarlo en exceso ni obligar a la audiencia a aprender una lógica distinta en cada dispositivo.
Por eso planteamos el proyecto como un sistema de producto, no como una suma de pantallas. Cada decisión —desde la manera de organizar los contenidos hasta el comportamiento de un componente— debía contribuir a la misma experiencia de marca, navegación y reproducción, independientemente de si la persona accedía desde la web, una aplicación móvil o una Smart TV.
El trabajo comenzó con consultoría de producto y talleres de requisitos. Estas sesiones permitieron alinear a los equipos implicados, ordenar prioridades y traducir objetivos de negocio, editoriales y tecnológicos en una visión compartida de la experiencia. Antes de diseñar, era importante que todos partiéramos de una misma conversación: qué necesitaba la audiencia, qué debía resolver el producto y cómo debía responder cada plataforma.
A partir de ahí, incorporamos la perspectiva de los usuarios. Analizamos datos de mercado, demografía, comportamientos, necesidades y preferencias para definir perfiles que representaran a los distintos segmentos de RTVE Play. Más que un ejercicio descriptivo, estas personas se convirtieron en una herramienta de decisión: ayudaron a valorar qué contenidos, funcionalidades e interacciones tenían sentido para cada contexto de uso.
User Persona
Identificación del público objetivo de RTVE Play y desarrollo de perfiles de usuario a partir de datos de investigación de mercado. El proceso reunió información sobre la demografía, los comportamientos, las necesidades y las preferencias de la audiencia. Con su análisis, desarrollamos perfiles de usuario detallados que representaban los distintos segmentos de la audiencia. Estos perfiles guiaron las decisiones de diseño para adaptar las funcionalidades, la interfaz y los contenidos de la aplicación a las expectativas concretas de cada grupo y ofrecer una experiencia más personalizada y eficaz.
Con esos aprendizajes organizamos la arquitectura de información y los flujos de navegación. Estructuramos los contenidos en torno a ejes temáticos y a la programación lineal para que la profundidad del catálogo se pudiera recorrer de forma intuitiva. El foco estuvo en que cualquier persona pudiera orientarse rápidamente, encontrar lo que le interesaba y pasar de la exploración a la reproducción sin fricción.
RTVE Play Information Architecture
Diseño de la arquitectura de información de la aplicación, organizando los contenidos en torno a ejes temáticos clave y a la programación lineal. El trabajo consistió en estructurar la información de forma intuitiva y fácil de recorrer, para que las personas pudieran encontrar con rapidez el contenido que buscaban. La arquitectura agrupó los contenidos en categorías claras y lógicas, mejoró la accesibilidad y facilitó una navegación fluida entre las distintas secciones de la aplicación.
La arquitectura dio paso al diseño de producto y de interfaz. Diseñamos interacciones, pantallas y patrones para la aplicación web, las aplicaciones móviles, las versiones de RTVE Play Radio para escritorio y móvil, y las aplicaciones de Smart TV y HbbTV.
Wireframing
Diseño de las plantillas de la aplicación en sus distintas versiones, adaptadas a diferentes tamaños de pantalla; en este caso, para smartphones. Estos wireframes sirvieron de plano para definir la estructura, la funcionalidad y los flujos de usuario de la aplicación. Antes de la fase de desarrollo, permitieron representar con claridad los elementos e interacciones clave y asegurar una experiencia fluida e intuitiva, especialmente en dispositivos móviles.
No se trataba de replicar una misma pantalla en distintos tamaños. Cada entorno exigía una respuesta propia: en el móvil, una experiencia ágil y directa; en la televisión conectada, una navegación cómoda con mando a distancia; en web, la capacidad de explorar una oferta amplia sin perder el hilo. El trabajo de diseño mantuvo esos matices y, a la vez, construyó una experiencia reconocible de RTVE Play en todos los puntos de contacto.
User Research
Realización de entrevistas con usuarios para validar los nuevos diseños y las interacciones propuestas en las distintas versiones de la plataforma mediante prototipos de alta fidelidad. La investigación permitió recoger comentarios directos sobre la usabilidad, la funcionalidad y la experiencia global de la aplicación. Al observar las reacciones de las personas participantes y analizar sus interacciones con los prototipos, identificamos posibles puntos de fricción, refinamos el diseño y comprobamos que la solución respondiera a sus expectativas. Este proceso ayudó a optimizar la interfaz para hacerla más intuitiva y eficaz en las diferentes plataformas.
Los hallazgos de esta validación orientaron los últimos ajustes antes de pasar a producción y permitieron consolidar una experiencia consistente para web, móvil y televisión conectada.
UI Design across web, mobile and CTV platforms
Diseño de la interfaz de usuario de RTVE Play para web, móvil y aplicaciones de Smart TV/HbbTV. El objetivo fue crear una experiencia fluida y fácil de usar que facilitara el descubrimiento de contenidos y el acceso desde cualquier dispositivo. Analizamos el comportamiento de la audiencia y optimizamos la navegación para cada plataforma, de modo que fuera sencillo acceder a directos, contenidos bajo demanda y funcionalidades interactivas desde la web, la aplicación móvil o el televisor. Priorizamos la funcionalidad y la simplicidad para que las personas pudieran buscar, explorar y disfrutar de sus contenidos con una experiencia consistente en web, móvil y CTV.
Diseño de la interfaz de usuario para las aplicaciones de RTVE Play en Smart TV y HbbTV.
Diseño de la interfaz de usuario para la aplicación web de RTVE Play.
Diseño de la interfaz de usuario para la aplicación móvil de RTVE Play.
Diseño de la interfaz de usuario para la versión web móvil de RTVE Play Radio.
Diseño de la interfaz de usuario para la aplicación web de RTVE Play Radio en escritorio.
La coherencia entre plataformas no podía depender únicamente de una guía visual. Para sostenerla en el tiempo, definimos un sistema de diseño con los principios, patrones y componentes compartidos por RTVE Play. El sistema convirtió las decisiones de experiencia y de interfaz en un lenguaje común para los equipos.
Después llevamos ese lenguaje al código mediante el desarrollo de una librería de componentes front-end reutilizables. Cada componente quedó documentado con su diseño visual y su comportamiento, de modo que diseño y desarrollo pudieran consultar una misma fuente de verdad al construir nuevas funcionalidades o mejorar las existentes.
UI Components Library
Desarrollo de componentes de interfaz de usuario y creación de una librería para documentar su diseño visual y su comportamiento. La librería funciona como un recurso centralizado de elementos reutilizables que asegura la consistencia en toda la aplicación. Además, aporta pautas claras de implementación para que los equipos de diseño y desarrollo mantengan una experiencia coherente y trabajen con mayor eficiencia.
Esta capa técnica hizo que el trabajo no terminara con el lanzamiento de unas pantallas. La librería aportó consistencia a la interfaz, redujo la necesidad de reinventar soluciones y creó una base más eficiente para la evolución futura de la plataforma.
El resultado
El resultado fue una experiencia RTVE Play más unificada para web, aplicaciones móviles, Smart TV/HbbTV y las versiones de RTVE Play Radio. Estrategia, investigación, diseño y desarrollo se integraron en un único proceso para transformar un conjunto de interfaces en un sistema de producto coherente, preparado para el ritmo de un gran grupo de medios.
Para Paginar, este proyecto resume una manera de entender el diseño digital: empezar por el contexto y las personas, convertir los aprendizajes en decisiones de experiencia y hacer que esas decisiones lleguen al producto mediante una base técnica reutilizable. Para RTVE, se tradujo en una plataforma más clara para su audiencia y más sólida para sus equipos.
- Cliente
- Partner
