En la era digital actual, las primeras impresiones pueden afectar en gran medida el éxito o el fracaso de su empresa. Incluso la falla más pequeña o la mala experiencia del cliente puede disuadir al cliente, y estarán en el próximo sitio web en poco tiempo. Eso es todo lo que se necesita para dañar su tasa de conversión.
Es por eso que el diseño de pliegue anterior en su sitio web es tan importante: es la primera impresión de su cliente de su marca, y tiene ocho segundos para capturar su atención y atraerlos a leer más sobre su producto o oferta de servicios. Es interesante saber de dónde se originó y cómo se aplica al diseño UX del sitio web.
What Is Above the Fold Design?
Above the fold is a term used in digital and print media. It’s interesting to know where it originated from and how it applies to website UX design.
Los periódicos se imprimen en páginas de doble carpas y grandes formatos que se doblan a la mitad. El término "por encima del pliegue" tradicionalmente se refería a la mitad superior de la portada de un periódico. Del mismo modo, "debajo del pliegue" se refirió a la mitad inferior del periódico.
Cuando se coloca en un puesto de periódicos, la mitad superior o por encima del pliegue del periódico es la parte que es fácil de detectar. Aquí es donde se imprimen los titulares más importantes.
En el diseño UX, por encima del pliegue se refiere a un área similar en un sitio web. La parte superior de un sitio web que es visible antes de desplazarse hacia abajo se llama a la sección de pliegue anterior.
Por este motivo, por encima del pliegue es la parte más importante de cualquier sitio web. Es el área más impactante en un sitio web que afecta la decisión de un cliente de permanecer o dejar una página.
¿Cómo puede mejorar por encima del diseño de pliegue?
Ahora que sabe qué significa por lo que significa el pliegue y cuán crucial es, aprendamos cómo puede mejorarlo. Hay toneladas de temas del sitio web para WordPress y otras plataformas que son impecables y lo distinguen, pero tener un diseño personalizado alineado con los estándares de su marca es el más impactante y efectivo. || 214
Here we discuss 5 practical ways to design an eye-catching above the fold section that keeps your audience interested and engaged:
-
Consistencia || 218
.
Si desea mejorar los tiempos de sesión de su cliente, manténgase constante en todos sus esfuerzos de marketing digital. Suponga que está ejecutando una campaña de pago por clic (PPC). Ha alentado con éxito a las personas a hacer clic en su anuncio PPC. Sin embargo, cuando hacen clic, la página en la que aterrizan no se parece en nada al anuncio y se confunden. ¿Es esta otra compañía? ¿Me acabo de enviar spam? Este es un gran desvío para sus visitantes y afecta negativamente su tasa de conversión (CR).
-
Propuesta de venta única (USP)
.
Cuando los visitantes aterrizan en su sitio web, deben comprender rápidamente lo que ofrece su organización. Deje en claro a los visitantes de su sitio web cuál es su USP y cómo puede resolver de manera única sus problemas. Los visitantes abandonarán su sitio web sin pensarlo dos veces si no lo deja claro de inmediato.
Cree un titular que explique lo que hace su empresa. Recuerde mantenerlo corto y explicar sus soluciones de manera concisa. Por ejemplo, cuando un visitante aterriza en el sitio web de QuickSprout, es claro y fácil de entender lo que hacen. Además, los visitantes pueden seleccionar cualquiera de los servicios para explorarlos con más detalle.
Los visitantes de empuje para descubrir más sobre cómo su producto puede beneficiarlos. Conduzca hacia un formulario web o número de teléfono de contacto si están interesados en más información o compran lo que está vendiendo.
-
Llamada a la acción (CTA)
.
Si desea aumentar su CR, tenga en cuenta que los usuarios desean información rápidamente. Es fundamental encontrar formas creativas de llevarles su información. Desea un CTA claro y convincente, preferiblemente tan pronto como se cargue la página, sin la necesidad de desplazarse.
So, provide answers to your potential customer base as soon as they land on your website or notice online ads. You want a clear and compelling CTA, preferably as soon as the page loads, without the need to scroll.
Por ejemplo, Grovemade ha hecho un poco más simple pero efectivo por encima del pliegue. Cuando aterriza en su página, ves un titular notable e informativo que expresa el USP. El siguiente elemento llamativo es el CTA "Aprender más".
Haga que su botón CTA se destaque utilizando colores contrastantes y efectos visuales. Si desea que sus visitantes hagan clic en ese botón, debe hacer que el botón se destaque para que su ojo se sienta fácilmente.
Remember that while making a CTA, your message should have a clear font and an appealing tone that is defined as part of your brand voice.
-
Navigation
.
Es vital usar métodos de navegación claros y simplificados en su sitio web para que sus visitantes fluyan bien a través de las páginas y encuentren la información que necesitan para explorar más.
Asana es un buen ejemplo de fácil navegación. La barra de menú se coloca donde se espera y sus ojos buscan naturalmente opciones de navegación. Puede desplazarse hacia abajo para obtener más información, que es la acción natural que la mayoría de los visitantes hacen mientras navegan por un sitio web:
Los métodos de navegación simples y familiares son más fáciles de usar y efectivos porque eso es a lo que los clientes están acostumbrados con otros sitios web. El punto aquí es que en lugar de ideas listas para usar para el flujo de navegación, no sean lo que los usuarios esperan al interactuar con su sitio web.
-
Prueba
.
Un diseño perfecto por encima del pliegue requiere práctica y optimización para alcanzar el mejor resultado. El comercio electrónico se ha vuelto muy competitivo y el rendimiento de una empresa está directamente relacionado con la calidad de su sitio web. Para determinar la versión óptima de su sitio, debe continuar con la prueba A/B, modificar y probar nuevamente. Mire los datos y úselos para proporcionar información sobre su contenido y diseño web.
Hay una variedad de KPI y métricas disponibles para ayudarlo a evaluar el rendimiento de su sitio web. Google Analytics es una de las herramientas que proporciona datos sobre métricas como la tasa de rebote, CR, vistas de página, etc.
Es innegable que analizar una gran cantidad de datos es difícil y lento. Entonces, ahí es donde las pruebas A/B llegan a ayudarte. Este tipo de prueba le permite evaluar una hipótesis y Rediseñe su sitio web cuando sea necesario .
Pruebas multivariadas o MVT es otro método para evaluar el diseño anterior. Sin embargo, le permite verificar más de una combinación de componentes a la vez.
Ambos métodos de prueba son útiles en función de los requisitos de prueba.
Conclusión
Diseño de una experiencia superior para su sitio web puede hacer o romper su negocio. Take it seriously and hire a web development agency with a proven track record that produces results for their clients.
The opinions expressed here by Guest Contributors are their own, not those of Rise Marketing.