Olvida lo que piensas acerca de la atención del usuario. El contenido de formato largo puede ser una parte valiosa de su estrategia de diseño (y no tiene que ser un bloque aburrido de texto en curso). Los usuarios aman una buena historia y el contenido de larga duración es una excelente manera de crear una experiencia inmersiva y atractiva.
Para que los usuarios se interesen, y se desplacen, debe diseñar interacciones que sean visualmente agradables y crear una experiencia consistente desde el primer vistazo hasta el acto final. Aquí hay algunas maneras de diseñar contenido de formato largo que cumpla con esos objetivos con algunos ejemplos que son todo menos aburridos.
Dale un montón de espacio
El truco para abrumar el contenido es el espacio.
Seamos sinceros. Muchos usuarios se sentirán intimidados por el contenido de formato largo si se ve pesado. La incorporación de un montón de espacios en blanco de manera que el contenido aparezca escaneable eliminará el peso del diseño y lo hará más accesible.
Considere lo siguiente como lugares para aumentar la cantidad de espacio en blanco que usa comúnmente en los proyectos:
- Entre el contenido y el borde de la pantalla (para todos los tamaños de dispositivos)
- Entre líneas de texto y entre párrafos.
- Alrededor de fotos y otros elementos visuales.
Usa la animación con propósito
Cuando el desplazamiento o el contenido es largo, los usuarios a menudo necesitan pistas visuales para ayudar en la navegación. Considere utilizar animaciones útiles, como flechas, botones o efectos de paralaje para alentar la acción del usuario.
Estos pequeños fragmentos de animación no eliminarán la historia, pero pueden proporcionar pequeños fragmentos de placer al usuario durante el proceso de lectura y navegación.
La animación en video es otra forma de involucrar a los usuarios. Si bien la incorporación de demasiado video puede interrumpir el flujo de texto largo, puede proporcionar un gran punto de partida o un intervalo en la lectura de algo excepcionalmente largo.
Ya sea que opte por usar videos antes del texto para proporcionar una introducción o para dividir bloques largos, mantenga el mensaje corto. Tiene que pertenecer al contenido también. Tenga cuidado con las opciones de reproducción automática más profundas en el contenido porque pueden distraer.
También hay otras formas creativas de utilizar la animación. Los efectos de paralaje en? Glitter in the Dark? (arriba) son increíbles e interesantes. El tema de la historia parece bailar con cada desplazamiento a medida que el usuario se desplaza por el texto. El efecto es simple, atractivo y no resta valor a la experiencia de lectura.
Incorporar ilustraciones
Hay algo sobre el contenido de formato largo que parece emparejarse bien con las ilustraciones. Si tienes la suerte de tener una historia y un ilustrador, usa esto para tu ventaja.
Las ilustraciones dispersas en el texto pueden mejorar una historia y mantener a los usuarios interesados. No solo querrán seguir leyendo, sino que también querrán ver las ilustraciones. Esta técnica puede funcionar particularmente bien con obras de ficción o texto que carecen de otra representación visual clara.
Colocar imágenes estratégicamente
La colocación de la imagen es importante. Algunos de los mejores diseños de forma larga siguen una fórmula común para la colocación de imágenes porque la estética es simple, fluye bien y proporciona un buen juego para texto e imágenes.
- Imagen de gran héroe.
- Texto de introducción.
- Imagen grande
- Subtítulo o texto grande.
- Texto del cuerpo principal.
- Repita los pasos del 3 al 5 para cada sección o capítulo de contenido nuevo.
La mayoría de las imágenes se escalan para que quepan en el centro de la pantalla para evitar el ajuste de texto o patrones de lectura impares. Esto casi imita el aspecto de saltar a otra página porque cada sección del contenido incluye una imagen, título y texto. Crea un flujo de lectura natural que funciona de la misma manera que lo haría el contenido de formato largo en un libro o revista, proporcionando una experiencia de lectura consistente y cómoda para los usuarios.
Este flujo de diseño también funciona bien independientemente del dispositivo. Sin ajustes y configuraciones de texto impar, el diseño proporcionará una experiencia de lectura similar en una computadora de escritorio, tableta o dispositivo móvil.
Romper la monotonía de texto
No tengas miedo de crear una experiencia de lectura.
Está bien diseñar un sitio web de contenido de formato largo que tenga texto pesado. No tiene que agregar imágenes ni efectos animados para cada movimiento del mouse. Pero tienes que usar variaciones en la tipografía para mantener el flujo y el interés visual.
- Asegúrese de incorporar muchos subtítulos a lo largo de la copia. Hazlos grandes y fáciles de encontrar. (Recuerde que los usuarios escanearán el texto).
- Use negrita, color y cursiva para resaltar pasajes o palabras específicas.
- Incorpore citas extraíbles o información que sea particularmente interesante para que los usuarios sigan leyendo.
El desplazamiento debe ser intuitivo
Los usuarios no tienen miedo de desplazarse, así que no los trate como si fuera un concepto nuevo. Asegúrese de que las acciones de desplazamiento sean intuitivas, especialmente si intenta algo un poco fuera de lo común.
Las excelentes funciones de desplazamiento, como el paralaje, pueden mejorar la experiencia del usuario en formato largo. Solo asegúrese de que los usuarios sepan lo que esperan de ellos si las acciones de desplazamiento son poco convencionales.
La experiencia de desplazamiento, en particular con contenido de formato largo, debe ser perfecta y el usuario nunca debe pensar en ello mientras navega por la información. El movimiento debe ser fluido, controlado y contribuir a la legibilidad.
Proporcionar hitos
Una de las mejores características de Medium es que cada publicación viene con un tiempo de lectura promedio. Polygon proporciona una barra de progreso a la izquierda de la pantalla (arriba). Los usuarios tienen una idea de la inversión de tiempo antes de comenzar a leer.
Los pequeños hitos con contenido de formato largo brindan a los usuarios una sensación de logro a medida que avanzan en el diseño. (Es muy parecido a leer un libro real y ver qué tan lejos has llegado).
Otras formas de incluir hitos incluyen dividir el contenido en capítulos o proporcionar una barra de progreso de navegación fija.Estas herramientas también pueden ayudar a los usuarios a omitir secciones (probablemente lo harán de todos modos), retroceder o detenerse y regresar a donde lo dejaron. Cada una de estas características puede contribuir de manera importante a la satisfacción y la felicidad del usuario.
Contar una historia increíble
El buen contenido de larga duración comienza con una historia increíble. Si tiene uno que contar, entonces un diseño largo podría ser la respuesta.
No te encierres en una historia de solo texto. Cuente su historia de la manera que sea la mejor representación de la información. ¿National Geographic's? ¿Caminando por el Gran Cañón? (arriba) usa fotos grandes y mapas para contar su historia y vale la pena echarle un vistazo.
Simplemente no les dé a los usuarios demasiado de algo bueno. Aunque el diseño de un sitio web de formato largo puede ser atractivo, cientos de pergaminos pueden ser molestos. Incluso la forma larga debe diseñarse dentro de la razón.
Cuando tu historia esté completa, para. Si tienes contenido adicional, ponlo en otra página.
Conclusión
El contenido de formato largo puede tener beneficios para su sitio web más allá de la estética y el deleite del usuario. De acuerdo con Small Business Trends, otros beneficios del contenido de formato largo incluyen una clasificación de búsqueda más alta, más autoridad de marca, mayor credibilidad, más éxito en las redes sociales, menores costos de marketing entrante, más vínculos de retroceso y tráfico orgánico, contenido más sostenible y mayor valor.
Un diseño de contenido de formato largo es algo que definitivamente vale la pena considerar. Si bien no es para todos los proyectos, el formato largo puede ser una buena opción para contar una historia específica dentro de su diseño, para periodismo o plataformas de narración de historias o simplemente para proporcionar una nueva forma de presentar información a los usuarios.