21/08/2013

Diseñando interfaces web para televisores inteligentes

Diseñando interfaces web para televisores inteligentes

La navegación por Internet desde televisores es una posibilidad que recién empezó a extenderse en los últimos años, por lo que todavía no hay estadísticas claras sobre el volumen de usuarios que elige esta opción. Sin embargo, a fines de 2012 un estudio señalaba que sólo el 15% de los propietarios de televisores inteligentes los utiliza para navegar por la Web, escuchar música o realizar compras en línea. Entre las razones puede mencionarse que ya existen muchos dispositivos que brindan esas funciones, y de manera más cómoda; pero, también, que los diseñadores de interfaces no están sabiendo ofrecer una experiencia de usuario acorde a esta nueva plataforma. La mayoría de las aplicaciones para Smart TVs son incómodas de utilizar y los usuarios, acostumbrados a la sencillez de los televisores tradicionales, las evitan.

Sin embargo, muchos apuestan a que la situación mejore. El W3C lanzó, en 2011, una iniciativa para optimizar la relación entre la Web y la televisión. En Argentina, LG lanzó un concurso de desarrollo de aplicaciones para sus Smart TV. La Red y los televisores pueden llevarse bien, pero sólo si los diseñadores tienen en cuenta algunos aspectos:

  • Usar una sola ventana. Generalmente, los browsers de los televisores no permiten abrir varias pestañas a la vez. Por eso, debemos evitar los enlaces en pestañas nuevas o los cuadros de diálogo en JavaScript.
  • Evitar el scroll. Los browsers de los televisores suelen permitir hacer scroll vertical u horizontal, pero esto, naturalmente, resulta incómodo. Evitemos que el usuario necesite esta opción colocando todo el contenido a primera vista.
  • Optimizar el texto. Los usuarios suelen colocarse a varios metros de la pantalla. Por eso, debemos usar tipografías de gran tamaño y un considerable interlineado.
  • Tener cuidado con los colores. El blanco, el naranja y el rojo puros, al igual que los contrastes extremos, pueden verse distorsionados en un televisor. La gama de colores de un televisor no es la misma que la de un monitor.

A medida que los desarrolladores web conozcan estas particularidades, cada vez más usuarios navegarán desde su televisor.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce