:: El Taller Virtual » patron F http://www.eltallervirtual.cl El hoyo tecnólogico mas cool de la cuadra Thu, 01 Oct 2009 03:44:55 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Usabilidad: El patrón F http://www.eltallervirtual.cl/2009/04/usabilidad-el-patron-f/ http://www.eltallervirtual.cl/2009/04/usabilidad-el-patron-f/#comments Wed, 15 Apr 2009 04:26:52 +0000 Vacuno http://www.eltallervirtual.cl/?p=882 Yet Another Related Posts Plugin.]]> f

El patrón F se puede definir como la forma en que la mayoría de los usuarios “escanean” visualmente una pagina web antes de procesarla o más bien leerla o interactuar con ella.

Y de donde salio esta teoría?

El gurú internacional de la usabilidad, pionero y superheroe, Don Jakob Nielsen dirigió un estudio en donde se sometio a 232 personas a un escaneo visual para probar y analizar empíricamente si existía algún patrón o similitud cuando se vieron enfrentadas a varias paginas diametralmente distintas. Sorprendentemente el grueso de los sujetos exhibía un comportamiento ocular similar, lo que se denomino, el patrón F.

Quiero saber más! Que tiene que ver la F ?

Resulta que el patrón que se detecto es similar a la forma de la letra F. Es decir:

  • Los usuarios primero leen en un movimiento horizontal, usualmente cruzando la parte superior del area del contenido. Este elemento inicial forma la linea superior de la F.
  • Acto seguido, conejillo de indias el usuario salta un poco hacia abajo y lee un segundo segmento horizontal que cubre un tanto menor que en el primer movimiento. Este elemento forma la parte media de la F.
  • Finalmente, los usuarios escanean el lado izquierdo del contenido levemente con un movimiento vertical continuo lo que determina el componente vertical de la forma de la F

    • Asi entonces tenemos la mística forma de la letra F, revelada por mapas de calor.

    patron_f

    Y que se concluye entonces en el estudio?

  • La mayoría de tus usuarios no leerán tu texto a fondo, palabra por palabra. La lectura exhaustiva es rara, pero se da.
  • Los dos primeros párrafos deben indicar la información mas importante. Hay una probabilidad más alta que los usuarios lean el primero que el segundo
  • Los usuarios notarán las viñetas, subtítulos y párrafos cuando lean la componente horizontal del patrón F, aún asi leerán la tercera palabra de cara fila con menos frecuencia.

    • Que lindo pero de que me sirve?

    Esto nos da luces de donde miran nuestros lectores, asi podemos diagramar o armar los contenidos para adecuarlos al patrón de lectura de nuestros usuarios. Sin dejar de lado el contenido en sí.

    También puede ser un interesante indicador de donde poner nuestro avisaje y publicidad, sin ser invasivo ni quitarle protagonismo al contenido.

    No deja de ser interesante conocer el modo que nosotros mismos y nuestros usuarios, vemos y analizamos la información que se nos presenta.  Conociendo este comportamiento,  eventualmente podríamos hacer uso es este comportamiento casi reflejo para captar la atención del usuario en esos instantes críticos.

    Link: UseIt.org

    No related posts.

    Related posts brought to you by Yet Another Related Posts Plugin.

    ]]>     http://www.eltallervirtual.cl/2009/04/usabilidad-el-patron-f/feed/ 1