La vieja manta de mantenerlo encima del desplazamiento no siempre es lo que su contenido y diseño necesitan. Aquí hay siete formas de crear un sitio web de desplazamiento largo que mantendrá la atención de los usuarios y, con suerte, los mantendrá en movimiento.
El desplazamiento largo puede ser una forma estelar de atraer a los usuarios. A veces, la mejor presentación visual posible no sucede completamente por encima del rollo. Los formatos de desplazamiento largo son sitios web que se desplazan varias veces para capturar ese contenido. Vamos a poner el concepto a menudo debatido para descansar. Los usuarios de hoy entienden cómo y cuándo desplazarse.
1. Crear contenido atractivo
La clave número 1 para el éxito cuando se trata de un sitio web de desplazamiento largo es el contenido de calidad. Sin gran contenido, nada más importa.
La mala noticia es que no hay una prueba de contenido de calidad que le dirá si lo que está creando es bueno. (El análisis del usuario proporcionará esa información).
Pero hay algunas cosas que puedes hacer para ayudar a crear el mejor contenido posible:
- Cuenta una historia interesante y hazla tuya.
- Use imágenes de alta resolución e interesantes, como fotos, ilustraciones y videos.
- Dar a los usuarios una razón para desplazarse. (Hay una razón por la que muchos capítulos de libros terminan con cliffhangers; mantiene a la gente leyendo).
- Limitar las elecciones. Ofrezca a los usuarios algo que hacer en el diseño, pero no los abrume con demasiadas opciones. Una llamada a la acción por rollo o etapa de historia es suficiente.
- Escribe una copia atractiva. Mientras que los elementos visuales crean una primera impresión, las palabras son lo que mantendrá a los usuarios en movimiento a través del contenido. Use verbos de acción y participe con una historia práctica y relatable.
2. Construye un tema visual
Un tema visual fuerte ayudará a los usuarios a comprender que la historia de la pantalla anterior, o desplazamiento, continúa. Las señales visuales, como un hilo de color común, flechas y líneas de conexión o incluso pantallas que parecen superponerse, pueden crear una línea visual de desplazamiento a desplazamiento. Esto ayudará a mantener a los usuarios en movimiento a lo largo del diseño.
Y así es como sabe si un diseño de desplazamiento largo funciona para su sitio web. Seguimiento del tiempo en el sitio en su análisis. ¿Los usuarios que permanecen en el sitio web son más prolongados que antes de implementar las opciones de desplazamiento largo? ¿Están interactuando con más o menos contenido? ¿Ha aumentado o disminuido la acción final de conversión deseada?
Más que un simple tema visual, el desplazamiento largo debería ayudar al tráfico del sitio web. Si eso no sucede, los usuarios podrían no entender el tema visual y deberían estar desplazándose o quizás el concepto de diseño simplemente no funcione para esa base de usuarios. (El desplazamiento largo no es para todos ni para todos los tipos de contenido).
3. Deleite con las interacciones.
Una de las grandes cosas del desplazamiento largo es que se presta a técnicas de narración inmersiva en la web. Y eso a menudo incluye muchas interacciones pequeñas diseñadas para deleitar a los usuarios.
Desde animaciones hasta acciones de diapositivas, técnicas de desplazamiento e imágenes que se transforman en la pantalla, estas pequeñas interacciones pueden ayudar a los usuarios a mantenerse involucrados. Beatrate, arriba, utiliza un puñado de interacciones: video, cuadros animados en el desplazamiento, efectos de desplazamiento, contadores giratorios y un control deslizante de imagen.
Cada parte diferente del desplazamiento incluye animaciones únicas para esa área de contenido. Debido a que los elementos, las interacciones y el contenido son diferentes (pero aún así siguen patrones de usuario bien entendidos), los visitantes pueden hacer algo nuevo con cada movimiento del mouse.
4. Utilice una técnica de desplazamiento
Una de las razones por las que a los diseñadores les gustan los sitios web de desplazamiento largo es porque funcionan bien en dispositivos de escritorio y móviles.
Muchos usuarios preferirían desplazarse en lugar de hacer clic (o tocar) en dispositivos más pequeños porque toda la información está en un solo lugar y es fácil de acceder.
Use una técnica de desplazamiento, como el paralaje, el bloqueo de color o los tipos de contenido mixto (pantallas alternas que están cargadas de imágenes, texto o video) para mantener el diseño fluido. Mediante el uso y la mezcla de técnicas de desplazamiento, el diseño indica a los usuarios un cambio en el contenido a la vez que lo mantiene interesante. Estos efectos también pueden fomentar el desplazamiento porque los usuarios querrán ver qué sucede a continuación.
Y con un diseño de desplazamiento largo, todo el contenido (o gran parte del contenido principal) está en una página, por lo que no tiene que replantearse la navegación móvil oculta o emergente. Todo está ahí para los usuarios.
5. Alternar el desplazamiento largo y corto
Del mismo modo que alternaría las técnicas de desplazamiento para crear páginas o pantallas dentro de un solo desplazamiento, haga un punto para mezclar segmentos de desplazamiento largo y corto.
Incluya elementos de desplazamiento corto que sean rápidos y fáciles de digerir, como imágenes o un bloque con un puñado de palabras grandes. Luego agregue un elemento de desplazamiento más largo, como un bloque de texto infográfico o grueso. Sigue eso con un breve llamado a la acción.
Mezclar la longitud de los bloques de contenido ayuda a mantener un flujo que no aburre a los usuarios. (El concepto es muy parecido a escribir contenido, en el que desea mezclar longitudes de oraciones para evitar la monotonía o el aburrimiento del lector).
6. Proporcionar una hoja de ruta
Cuando se trata de sitios web de desplazamiento largo, los usuarios desean saber dónde están y cuándo llegarán a donde van. Es necesario proporcionar una hoja de ruta.
Los mapas del usuario de sitios web vienen en una variedad de formas:
- Navegación pegajosa
- Puntos o elementos que muestran la cantidad de contenido restante.
- Flechas o significantes que le dicen a los usuarios qué hacer a continuación
- Una forma de volver al principio o al final.
7. Diseñar objetivos claros
Los sitios web de desplazamiento largo o infinito no deben ser interminables. El diseño debe incluir un inicio, un final y objetivos claros para el usuario.
No importa qué tan bien se vea el diseño, debe darles a los usuarios algo que hacer. (Es por eso que tienes un sitio web, ¿verdad?)
Tener el llamado a la acción en múltiples ubicaciones es importanteAntes de siquiera pensar en el diseño, describa cuál debe ser el objetivo final.Asegúrese de que cada parte del diseño de desplazamiento largo ayude a los usuarios a alcanzar ese objetivo. Mire el ejemplo anterior: cada página y cada desplazamiento incluye un botón de llamada a la acción que se encuentra en el centro del diseño y es fácil de ver y hacer clic.
Tener el llamado a la acción en múltiples ubicaciones es importante porque no todos los usuarios se desplazarán hasta el final del contenido de desplazamiento largo. No importa qué tan buena sea la historia, no importa cuán grandes sean las imágenes, ¿no importa cuán atractivas sean las interacciones? la mayoría de los usuarios tienen un lapso de atención corto y decidirán si, y cómo, interactuar con el diseño en cuestión de segundos. Asegúrese de que el elemento accionable esté claro desde el principio y sea accesible en cada etapa de la interacción del diseño.
Conclusión
Si bien los diseños de sitios web de desplazamiento largo no son nuevos, los métodos para mejorar la experiencia están evolucionando. Comienza con un gran contenido y termina con la forma en que cura la experiencia.
Tenga en cuenta que las técnicas y los conceptos de desplazamiento largo aún son bastante debatidos en el diseño y la comunidad de usuarios. Analice los pros y los contras y si esta técnica es adecuada para su concepto, luego asegúrese de medir los análisis y las pruebas en el camino para asegurarse de que funciona de la manera prevista.