Al abrir un artículo de noticias o una página de resultados de búsqueda, ¿te ha pasado que lees las primeras líneas hasta el final, pero enseguida bajas por la pantalla mirando solo el comienzo de cada línea? Ese recorrido de la mirada, que pasa dos veces en horizontal por la parte superior de la pantalla y luego baja en vertical solo por el margen izquierdo, se llama «patrón en forma de F (F-Shaped Pattern)».
Dicho de forma sencilla, el patrón en forma de F es el fenómeno por el cual la mirada dibuja la letra F al recorrer rápidamente un texto en la web, sin leerlo detenidamente. En 2006, el Nielsen Norman Group, dirigido por el experto en usabilidad Jakob Nielsen, le dio este nombre en un estudio que siguió la mirada de 232 usuarios.
Veremos, en ese orden, cómo se descubrió el patrón en forma de F, cuáles son los tres movimientos de la mirada que muestra la ilustración y los términos principales, cómo aplicarlo al diseño y a la escritura, y qué malentendidos y límites lo rodean.
El mapa que deja la mirada al hojear un texto, el patrón en forma de F
1. Cómo se descubrió el patrón en forma de F
A medida que se extendía el uso de la web, tanto diseñadores como investigadores empezaron a interesarse por cómo leía la gente los textos en pantalla. Observar el propio movimiento de los ojos ofrecía una respuesta más precisa que preguntar directamente a los usuarios.
(1) Estudio de seguimiento ocular
El seguimiento ocular (Eyetracking) es un método que utiliza un dispositivo colocado debajo del monitor para registrar en qué puntos de la pantalla se fija la mirada y cuánto tiempo permanece en ellos. El Nielsen Norman Group utilizó este dispositivo para registrar cómo 232 usuarios miraban miles de páginas web.
(2) La F que revelaron los mapas de calor
Al superponer los mapas de calor, que marcaban en rojo las zonas donde la mirada se detenía más tiempo y en amarillo y azul aquellas donde se detenía menos, apareció una forma de F similar en pantallas tan distintas como páginas de presentación de empresas, páginas de productos y resultados de búsqueda. Nielsen publicó estos resultados en el mes 4 de 2006 en la columna «F-Shaped Pattern For Reading Web Content».
(3) Usuarios que recorren el texto con la mirada sin leerlo entero
Más allá de la forma de F, el hallazgo principal del estudio fue que la gente rara vez lee con detenimiento los textos de la web palabra por palabra. Para encontrar rápido la información que necesitan, los usuarios se fijan solo en algunas partes del texto, y la F es la huella que deja ese recorrido de la mirada.
2. Los tres movimientos de la mirada ilustrados y los términos principales
El patrón en forma de F consta de tres movimientos de la mirada. Dos recorridos horizontales en la parte superior y uno vertical a la izquierda se combinan para formar la F.
- Patrón en forma de F (F-Shaped Pattern). Es el fenómeno por el cual la mirada dibuja una F al leer en horizontal las dos líneas superiores y recorrer en vertical solo el lado izquierdo del resto del texto.
- Seguimiento ocular (Eyetracking). Es un método de investigación que utiliza un dispositivo para registrar los movimientos de los ojos y la duración de las fijaciones de la mirada.
- Mapa de calor (Heatmap). Es una representación gráfica que permite identificar de un vistazo las zonas donde más se detuvo la mirada, ya que aparecen en colores más intensos.
- Lectura por escaneo (Scanning). Es una forma de lectura que consiste en fijarse solo en las palabras y frases que llaman la atención, sin leer el texto completo.
(1) Primera línea horizontal
El usuario empieza leyendo en horizontal la parte superior del área de contenido. Este tramo, donde se encuentran el título y la primera frase, forma la línea superior de la F.
(2) Segunda línea horizontal
La mirada baja un poco y vuelve a leer en horizontal, aunque esta vez se detiene tras recorrer un tramo más corto que el primero. Así se forma la línea central de la F.
(3) Línea vertical izquierda
Por último, la mirada desciende en vertical por el margen izquierdo del contenido. A veces lo recorre despacio y con atención, y otras pasa rápidamente, dando saltos. Este movimiento forma el trazo vertical de la F.
3. Cómo aplicar el patrón al diseño y a la escritura
Conocer el patrón en forma de F no implica diseñar la pantalla con esa forma. Sirve más bien de guía para organizar el texto y la pantalla de modo que los usuarios capten lo importante incluso si solo les echan un vistazo.
(1) Lo importante va en los dos primeros párrafos
Nielsen recomendó incluir la información más importante en los dos primeros párrafos. Los usuarios solo leen hasta el final, en horizontal, las primeras líneas de la parte superior. El principio coincide con el de la pirámide invertida de los artículos periodísticos, que presentan primero la conclusión.
(2) Dar información desde las primeras palabras
Al bajar por el lado izquierdo, la mirada solo se fija en las dos o tres primeras palabras de cada línea antes de seguir. Por eso, si los subtítulos, los párrafos y las listas empiezan con palabras que aportan información, incluso quien lea por encima podrá reconocer enseguida de qué trata el texto.
(3) Usar subtítulos, negritas y listas
El Nielsen Norman Group explica que el patrón en forma de F tiende a aparecer en textos largos con pocas señales visuales, como subtítulos o negritas. Añadir subtítulos, destacar las palabras clave en negrita y organizar el contenido en listas permite que la mirada se detenga donde hace falta.
4. Malentendidos y límites del patrón en forma de F
El patrón en forma de F es muy conocido y también se presta a malentendidos. Es un hábito de lectura que aparece con frecuencia en determinadas condiciones y que las personas no siguen siempre.
(1) No es un objetivo del buen diseño
En 2017, el Nielsen Norman Group volvió a estudiar el fenómeno y comprobó que el patrón en forma de F seguía apareciendo también en las pantallas de los teléfonos móviles. A la vez, destacó que el patrón indica que los usuarios pasan por alto el contenido de la derecha, por lo que los diseñadores no deberían intentar provocarlo deliberadamente.
(2) Otros patrones de lectura por escaneo
El mismo estudio presentó también el patrón de pastel en capas (Layer-Cake Pattern), que consiste en leer solo los subtítulos, el patrón de puntos (Spotted Pattern), en el que la mirada salta por el texto buscando elementos específicos como números o enlaces, y el patrón de lectura atenta (Commitment Pattern), en el que el interés lleva a leer casi todo, entre otros. El recorrido de la mirada varía según la estructura del texto y el propósito de la lectura.
(3) Influencia del idioma y de la organización de la pantalla
La forma de F se observó en lenguas que se leen de izquierda a derecha. En lenguas que se escriben de derecha a izquierda, como el árabe o el hebreo, puede aparecer una forma invertida de izquierda a derecha. En pantallas con muchas imágenes o con una estructura bien organizada, la F puede ser menos visible.
En definitiva, el patrón en forma de F muestra que la gente suele recorrer deprisa los textos en pantalla. El primer paso para entenderlo es una idea sencilla. Si lo importante se coloca arriba y las palabras clave al comienzo, a la izquierda, hasta quien lea por encima podrá encontrarlas.
