Saltear al contenido principal

Twitter App para Smart TV

Mensajes de 140 caracteres en la tele

linea

Nuestro equipo en Telefónica adaptó lo que era Twitter para su propia plataforma de Smart TV. El objetivo era crear, rediseñar y llevar a la tele esta red social. Al tener un solo mando a distancia para tener todas las funcionalidades que Twitter ofrecía en ordenador teníamos muchas limitaciones de usabilidad que salvar. Queríamos crear una App más atractiva que la versión web y móvil en su momento.

Diseño, concepto y experiencia de usuario

David Muñoz (diseño, concepto y UX) | Raúl Varela (concepto y diseño) | Rafael Riñón (diseño)

2011

Interfaz – UI | Experiencia de usuario – UX

(Telefónica)

Twitter en Smart TV

Mi propuesta era arriesgada al plantear algo para televisón diferente al diseño de las versiones web y móvil de entonces. Una experiencia “playful”, que se desmarcaba con un nuevo enfoque, respetando la identidad de la red social. Ahora habíamos conseguido algo divertido y ameno, con gancho.

twitter-tv
null
pollo1

Inicio de sesión

Para entrar a tu perfil creamos una pantalla muy cómoda y lógica desde la que crear tu cuenta o acceder a ella si ya tenías tu usuario creado.
Así entrabas a la plataforma cómodamente de una manera amena y divertida con un diseño sencillo y llamativo.

twitter_slide-login1
twitter_slide-login1
twitter_slide-login2
twitter_slide-login3
nube
Pop ups exclusivos

Pensamos una batería de mensajes a usuarios llenos de complicidad: cargas, opciones, errores, etc. Y también el teclado para escribir los tweets.

twitter_slide-popup4
twitter_slide-popup4
twitter_slide-popup3
twitter_slide-popup1
twitter_slide-popup2
pollo3
Timeline, trending topics, followers, hahstags…

Todo lo que esta red social podía ofrecer ya había llegado a tu tele. Usuarios, retwitts, hacer favorito, etc.

twitter_slide-timeline2
twitter_slide-timeline2
twitter_slide-timeline1
twitter_slide-timeline3
twitter_slide-timeline4
nube-2

Investigación y wireframes

Trabajamos en equipo. Hicimos esquemas del proyecto, creamos escenarios con personas reales, pensamos en la mejor interacción y la testeamos, y documentamos el proceso completo.
En las siguientes imágenes, verás una muestra de lo que diseñamos, desde los bocetos a los diseños visuales definitivos.

twitter-tv_screens
Volver arriba