26/12/2012

Eye tracking: ¿qué ven los usuarios de nuestro sitio web?

Eye tracking: ¿qué ven los usuarios de nuestro sitio web?

En el mundo del desarrollo web, la experiencia de usuario es lo que éste percibe al utilizar un sitio  o una aplicación. Esta percepción tendrá una incidencia directa en la manera en que se comporte mientras dure su estadía en el sitio web. Por eso, la duración de su visita a cada página interna, su ruta de navegación, la recurrencia de sus accesos y las funciones que utilice (registrarse, comprar productos, llenar formularios de contacto, etc.) serán variables importantes para estimar la calidad de su experiencia de usuario. Sin embargo, hay otros valores que, si bien son más difíciles de obtener, nos darán una idea más precisa al respecto.

Eye tracking es un proceso que permite evaluar el movimiento de los ojos de una persona en relación con su cabeza. En desarrollo web, cuando se realizan pruebas de experiencia de usuario, este procedimiento ayuda a conocer el curso de su mirada a través de la pantalla. Saber dónde concentran su atención los usuarios cuando visitan nuestro sitio web nos permite detectar los puntos débiles del diseño, además de ayudarnos a responder algunas preguntas. Por ejemplo, ¿en qué lugar conviene ubicar cierta información para que todos la vean fácilmente? ¿Qué espacios de publicidad deberían ser más caros debido a su alta visibilidad?

Existen muchas formas de realizar pruebas de eye tracking. Los métodos más costosos involucran el uso de anteojos especiales o sensores de movimiento, adheridos al ojo o bien ubicados sobre la computadora. Sin embargo, hay herramientas que nos permiten realizar pruebas bastante confiables utilizando nuestra propia webcam para capturar los desplazamientos oculares. Otras opciones, más sencillas pero no tan precisas, siguen el movimiento del mouse por la pantalla. En todos los casos, el resultado es un «mapa de calor» que, a través de manchas de distintos colores sobre el diseño, nos brinda una idea gráfica de la intensidad de la mirada del usuario sobre cada sector de la interfaz.

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