La parte superior del pliegue sigue siendo una parte importante del diseño del sitio web, aunque la noción se ha vuelto más y más compleja con cada año que pasa. Aunque puede que no se considere tan importante como antes, sigue siendo necesario entenderlo y tenerlo en cuenta para todos los sitios web que buscan presentar una experiencia atractiva para sus visitantes.
¿Qué es Above The Fold?
El concepto de above the fold se remonta a siglos atrás, a los inicios de la imprenta. Los periódicos, debido a la forma en que se imprimían en grandes hojas de papel, se doblaban una vez que llegaban a los quioscos. Esto hacía que sólo la mitad superior del papel fuera visible para el transeúnte.
La industria periodística se dio cuenta rápidamente de que, para conseguir audiencia, debía presentar titulares, contenidos e imágenes que llamaran la atención en la mitad superior de la página. Este principio básico sigue siendo el mismo para el contenido digital.
Por supuesto, los sitios web no tienen un pliegue físico como los periódicos, el pliegue en este sentido se relaciona con la barra de desplazamiento.
Cualquier cosa que no sea visible inmediatamente, que requiera desplazarse, se considera por debajo del pliegue. Por desgracia, la versión digital de above the fold no es tan sencilla como la versión impresa.
Dimensiones
La primera consideración para un sitio web es cómo aparecen sus dimensiones al lector. No todas las pantallas son iguales. Es más, con la proliferación de almohadillas y teléfonos, cada sitio se presenta de manera muy diferente. Eso por no hablar de los problemas relacionados con las resoluciones de pantalla y los complementos de los navegadores.
Las dimensiones de los teléfonos se han convertido posiblemente en el área más importante que hay que considerar cuidadosamente, ya que su uso ha eclipsado a los ordenadores de sobremesa en 2016. Los teléfonos móviles vienen en varias formas y tamaños, al igual que sus pantallas, por lo que a diferencia de un periódico de hoja ancha, la línea de pliegue es un concepto mucho menos predecible.
Herramientas en línea para definir la colocación por encima del pliegue
Hay muchas herramientas gratuitas en línea que puede utilizar para probar visualmente y colocar diferentes aspectos de su sitio web en relación con su «pliegue». Aunque son extremadamente útiles para ayudarle a tener una idea física de la disposición, sólo pueden proporcionar una presentación superficial del sitio web y no un análisis en profundidad. Por esta razón, se recomienda llevar a cabo una optimización completa del sitio web.
Mejores prácticas
Si bien es cierto que no existen reglas rígidas para la colocación por encima del pliegue, algunas mejores prácticas suelen funcionar como directrices útiles. Algunas de ellas son ideas de sentido común, como asegurarse de que el contenido más atractivo está por encima del pliegue. Otras prácticas están relacionadas con las dimensiones mencionadas anteriormente, como el tamaño de pliegue estándar de 1.000 píxeles de ancho – 600 píxeles de alto en pantallas de 1.024 por 768 píxeles. Sin embargo, la mayoría de los tamaños de pantalla son más altos que esto en 2018, por lo que ajustar su sitio web en consecuencia es importante.
También es importante nunca asumir que las mejores prácticas significan ortodoxia. Durante muchos años, los sitios web se han diseñado como las portadas de los periódicos, pero esto ha llevado a una especie de «templatización», por la que la mayoría de los sitios tienen el mismo aspecto. Las innovaciones, como el desplazamiento vertical (o el clic), hacen que el concepto de «por encima del pliegue» se invierta literalmente y que la experiencia resulte mucho más natural para el lector.
Algunos sitios web, de hecho, han eliminado el pliegue por completo, diseñando páginas sin contenido por debajo del pliegue y eliminando el problema por completo. Estos diseños «compactos» son estéticamente agradables a la vista y se adaptan a todos los tamaños de pantalla.
Una de las peores cosas que puede hacer un sitio web es presentar un «falso fondo» a la página. Esto es cuando un sitio tiene más información que requiere desplazamiento, pero su existencia no es evidente para el visitante. Este es el peor de los mundos. Un pliegue no tiene por qué ser un obstáculo, debe fluir de forma natural y atraer al visitante.
Más información aquí.
¿Llamada a la acción por encima o por debajo del pliegue?
Uno de los mitos sobre los diseños por encima del pliegue es que siempre es la mejor práctica tener una llamada a la acción (CTA) que se vea claramente al instante. Esto es, como muchas cosas relacionadas con el tema, una simplificación excesiva del concepto. Dónde colocar la llamada a la acción depende de varios factores, sobre todo:
- Los visitantes seguros
- Los visitantes seguros que están familiarizados con su producto – o la propuesta es simple
- Los visitantes seguros a los que se les presenta una propuesta compleja
Los visitantes seguros son los que probablemente reaccionen a la llamada a la acción, ya que han tomado una decisión antes de visitar el sitio. Aquí es donde las marcas conocidas tienen ventaja, ya que el «visitante seguro» tiene poco que aprender sobre un producto o servicio. En estos casos, colocar una llamada a la acción por encima del pliegue es sólo una cuestión de conveniencia.
Para los visitantes inciertos que entienden la llamada a la acción de forma sencilla o que tienen algún conocimiento del producto o servicio, colocar la llamada a la acción por encima del pliegue es generalmente la mejor práctica por las mismas razones que las enumeradas anteriormente, aunque el contenido informativo también es importante.
Para los visitantes inciertos a los que se les presenta una propuesta compleja, como un producto o servicio que no es obviamente beneficioso para ellos, colocar la llamada a la acción por encima del pliegue no será suficiente. Lo que se necesita es una explicación más profunda de por qué se debe actuar sobre la llamada a la acción. De hecho, colocar la llamada a la acción en la parte delantera puede parecer un poco prepotente.
Simplemente, la llamada a la acción debe colocarse en una posición en la que el visitante esté más persuadido de actuar sobre ella.
Colocación de los anuncios
Siempre debe entenderse que la mayor parte de la atención, independientemente de la táctica con la que se diseñe el sitio, se centrará en la parte superior del pliegue. Por lo tanto, es lógico que para maximizar el compromiso de los anuncios que debe inundar el área con los anuncios derecho? Pues no. Los algoritmos de Google penalizan severamente esta práctica y podrías arruinar el ranking de tu sitio web de manera inconmensurable si no tienes cuidado. Es más, puede empujar información importante no sólo por debajo del pliegue, sino más allá de la paciencia de su visitante.
La colocación de anuncios es un equilibrio complejo que requiere el conocimiento de la tasa de rebote, el análisis del compromiso y el comportamiento del usuario. Estas decisiones se toman mejor con los datos adecuados a mano.
La importancia del diseño por encima del pliegue
Como debería ser evidente a estas alturas, la importancia del diseño por encima del pliegue es esencial, pero compleja. Por ello, es prudente desconfiar de cualquier consejo que se refiera a lo absoluto. Es cierto que los hábitos de los usuarios han cambiado enormemente desde los primeros tiempos de Internet. En los años 90, debido a la lentitud de las conexiones y de los sitios web, la mayoría de los «navegantes» rara vez leían lo que había debajo del pliegue. Hoy en día, es mucho más probable que la gente utilice la rueda de desplazamiento de su ratón.
Esto ha conducido, afortunadamente, a que el «cramming», en el que la información se colocaba por encima del pliegue, haya desaparecido en gran medida. Hoy en día, es mucho más habitual encontrarse con diseños minimalistas y elegantes que permiten al visitante descubrir lo que el sitio ofrece.
Un reciente estudio de Google demostró que los anuncios que aparecían por encima del pliegue tenían una visibilidad del 73%, mientras que los que aparecían por debajo sólo tenían un 44%. Pero esto debe sopesarse con el hecho de que el contenido que atrae al espectador reduce considerablemente esa brecha, y los anuncios pueden ser un obstáculo para ello. Como siempre en este tema, el contexto y el equilibrio son la clave.