Krypton Solid

¿Sigue siendo relevante el patrón F en el diseño web?

¿Sigue siendo relevante el patrón F en el diseño web?

Siempre es bueno tener un conjunto de pautas a seguir al diseñar un sitio web, especialmente si tiene pocos o ningún dato de usuario para continuar.

A lo largo de los años, nos han presentado toneladas de estas pautas y tendencias de diseño; algunos de los cuales han caído en desgracia, mientras que otros han persistido a lo largo de los años. Una de esas pautas de diseño web que persiste es el patrón F.

Pero, ¿sigue siendo relevante hoy en día, con las prácticas de diseño de dispositivos móviles primero?

¿Qué es el patrón F?

Cuando nos referimos a patrones como el patrón F, el diseño de Gutenberg o el patrón de pastel de capas en el diseño web, estamos hablando de cómo los lectores escanean el contenido de una página. Y gracias a la tecnología de mapas de calor y la investigación de organizaciones como Nielsen Norman Group (volviendo a 2006), tenemos pruebas de su existencia.

Como puede ver en estos estudios de seguimiento ocular de NNG, el patrón F no siempre tiene una forma de «F» explícita.

En cambio, se refiere a un patrón de lectura general mediante el cual ciertas partes de la página se leen en su totalidad, generalmente en la parte superior y en algún lugar en el medio. En algunos casos, los lectores pueden detenerse para examinar secciones adicionales de la página, haciendo que el patrón se parezca más a la letra «E». El resto de la página, en su mayor parte, se escanea ligeramente a lo largo del margen izquierdo.

En realidad, este principio se aplica tanto a las pantallas de escritorio como a las de dispositivos móviles.

Aunque los dispositivos móviles tienen un espacio horizontal más pequeño, los lectores todavía tienden a concentrarse en la sección superior, escanear un poco la página, leer un poco más y luego escanear hasta el final. Una vez más, no se verá como una forma tradicional de «F», pero el concepto es el mismo.

¿Sigue siendo relevante el patrón F?

Básicamente, este es el mensaje que el patrón F ha enseñado a los diseñadores web y redactores: «Nadie va a ver todo lo que has hecho, así que coloca las cosas buenas en la parte superior».

Parece una forma pesimista de abordar el diseño web, ¿no?

El hecho del asunto es que es un enfoque pesimista. Sin embargo, en el momento en que fue ideado, no sabíamos nada mejor. Estábamos mirando los datos y pensamos: “Está bien, así es como se comportan nuestros usuarios. Debemos crear sitios web que se adapten a ese comportamiento «.

Pero los mejores diseñadores web no se limitan a relajarse y dejar que los visitantes tomen las riendas. Toman el control de la experiencia de principio a fin, para que los visitantes no tengan que averiguar adónde ir o qué hacer a continuación. Los diseñadores elaboran cuidadosamente un diseño y presentan el contenido de una manera que atraiga a los visitantes a un sitio web y los lleve a un viaje.

Cuándo NNG revisó su informe sobre el patrón en forma de F en 2017, esta es la conclusión a la que llegó:

“Cuando los escritores y diseñadores no han tomado ningún paso para dirigir al usuario a la información más relevante, interesante o útil, los usuarios encontrarán su propio camino. En ausencia de señales para guiar el ojo, elegirán el camino de mínimo esfuerzo y pasarán la mayor parte de sus fijaciones cerca de donde comienzan a leer (que suele ser la palabra más alta a la izquierda en una página de texto) «.

Básicamente, nuestros visitantes solo recurren a leer una página usando el patrón F cuando hemos brindado una experiencia insatisfactoria.

Entonces, para responder a la pregunta anterior: No, el patrón F aún no es relevante.

¿Qué deberían hacer los diseñadores web en su lugar?

Es importante reconocer que los visitantes están obligados a escanear su sitio web. Todo el mundo tiene tan poco tiempo y paciencia en estos días que se ha convertido en una forma natural de interactuar con la web.

Dicho esto, hay una diferencia entre escanear una página web para ver si vale la pena leerla y escanearla simplemente para terminarla (que es esencialmente lo que fomenta el patrón F).

Sabiendo esto, los diseñadores web deberían crear páginas que fomenten el escaneo, para comenzar, de todos modos. Páginas que contienen:

  • Oraciones y párrafos cortos;
  • Encabezados y subtítulos para dar un adelanto rápido e informativo de lo que está por venir;
  • Elementos que crean pausas naturales, como viñetas, imágenes, texto en negrita, hipervínculos, espacios abundantes, etc.

Si puede evitar que los visitantes se encuentren con paredes de texto intimidantes, será más probable que pasen de escanear la página a leerla … en lugar de escanearla y cerrar el navegador.

También recomendaría no centrarse tanto en los patrones de lectura. A menos que dedique mucho tiempo a diseñar páginas con mucho texto, no se aplicarán tanto.

En su lugar, concéntrese en diseñar una experiencia que sea acogedora y alentadora, y que facilite a sus visitantes pasar del punto A al punto B. Si los dirige a las partes más valiosas de su sitio web, lo seguirán.

Foto principal vía Unsplash.

Deja un comentario