Por naturaleza, la web es un lugar caótico donde la gente salta de página en página a voluntad. Desafortunadamente, esta libertad puede funcionar contra aquellos sitios web cuyo contenido se sigue mejor en cierto orden.

Las técnicas de diseño permiten dirigir a los usuarios a lo largo de un camino con diversos grados de persuasión. Pero, ¿cuándo es mejor dirigir a los usuarios, y cómo?

¿Qué define el contenido lineal? Estás leyendo algo ahora: los artículos son similares a corrientes de pensamiento presentadas en cierto orden. La palabra escrita no está sola. Aunque los usuarios pueden saltar hacia adelante y hacia atrás en videos y archivos de sonido, estos medios restringen a sus audiencias a una línea de tiempo.

Las experiencias lineales no tienen menos importancia en un mundo multitarea e hiper-threading. Cuando se usan bien, los diseñadores web pueden usar este concepto para su ventaja.

¿Como funciona?

El verdadero problema no es cómo usar una experiencia lineal sino cómo mantener la atención en un medio basado en distracciones. Debido a que los diseñadores web no pueden controlar los factores externos, deben trabajar para mantener a los usuarios interesados. Una página web debe responder constantemente las preguntas no formuladas: "¿Qué hay para mí?" Y "¿Hay algo mejor?"

Los usuarios siempre tendrán la opción de irse. Pueden hacer clic en los marcadores o en el botón Atrás de su navegador, o usar el campo de búsqueda de su navegador. O haga clic en ese enlace al video de gato gracioso que su amigo acaba de publicar. Pueden cerrar la ventana del navegador. Persuadir a los usuarios a que se adhieran a una pista requiere un pensamiento poco convencional.

Mantener a los usuarios enfocados es un problema. La presentación lineal es una solución.

Use un sitio de una sola página

La forma más fácil de crear una presentación lineal es usar un formato lineal. Los sitios de una sola página despliegan todo su contenido en una página larga para hacer que los usuarios se desplacen horizontal o verticalmente (pero no ambos). El truco para atraer a las personas que son adversas al desplazamiento es hacerles creer que el desplazamiento vale la pena. Es la misma idea con enlaces: las personas eligen hacer clic.

Content structure

Control de la experiencia

  • En un sitio web de varias páginas, los usuarios controlan las páginas que visitan.
  • En un sitio web de una sola página, los diseñadores ejercen más control sobre cómo los usuarios ven el contenido.

Optimización de motores de búsqueda

  • Los sitios de varias páginas permiten granular métrica .
  • Los sitios de una sola página confían en haga clic en eventos y éxito click-thrus.

Beneficios de rendimiento

  • Los sitios de varias páginas cargan contenido a pedido (a medida que los usuarios hacen clic en cada página).
  • Los sitios de una sola página tienen un retraso mínimo entre las secciones (una página, una carga).

Detrimentos de rendimiento

  • Multi-página: los usuarios deben esperar a que se cargue cada página.
  • Una sola página: puede cargar contenido que no interesa a los usuarios.

Lo mejor para los sitios

  • Sitios de varias páginas que agregarán contenido a lo largo del tiempo.
  • Sitios de una sola página que necesitan competir por la atención de los usuarios o tener un mensaje conciso.

Lo mejor para los usuarios

  • Los sitios de varias páginas son buenos para las personas que buscan un hecho específico o solo las últimas actualizaciones.
  • Los sitios de una sola página son buenos para personas que necesitan una visión global o que son nuevos en el tema en cuestión.

Mantenga secciones distintas

Al igual que las oraciones continuas, las páginas largas pueden abrumar y confundir a los usuarios. Una larga línea de pensamiento es difícil de asimilar. Al dividir una página larga en distintas secciones, cada una con su propio encabezado y pie de página, permite a las personas "saltar" de pensamiento en pensamiento.

Si es posible, trate de mantener cada sección más o menos del mismo tamaño. Como cualquier cuadrícula, el ritmo establece un precedente cómodo. Cuando se usa bien, "arriba del pliegue" no es una barrera, es una herramienta.

Above the fold

Use la navegación en la página

Las barras de navegación tradicionales tienen dos propósitos: primero, permitir que los usuarios hagan clic entre los temas que les interesan; segundo, mostrarles a los usuarios dónde se encuentran en el contexto del sitio. La navegación no pierde importancia si un sitio solo usa una página. La navegación de una sola página tiene los mismos objetivos al tiempo que ayuda a definir las transiciones entre las secciones y a responder "¿Ya llegamos?"

Eliminar distracciones

Una técnica vital para mantener la atención de los usuarios es acortar el tiempo entre la información interesante o significativa en una página.

Ya sea un hecho específico, una buena lectura, un video favorito que hayan visto cientos de veces, o un juego de pérdida de tiempo rápido, los visitantes visitan sitios web por alguna razón. Los sitios web narrativos no son necesariamente más cortos, pero facilitan que los usuarios "salten" de una pieza a otra.

Casos adecuados para una experiencia web lineal

Aunque las experiencias lineales o los sitios de una sola página no son los mejores para cada caso, son útiles bajo las circunstancias correctas.

El tono de venta rápido

Los compradores en línea pueden navegar y buscar como quieran, pero el proceso de compra sigue una ruta definida. Para las personas que venden solo algunos artículos, un sitio de una página es ideal: desde el tono de venta hasta hacer clic en "confirmar pedido", los clientes no se distraen con páginas laterales. La experiencia de compra de desplazamiento hacia abajo los guía a la conclusión natural.

Cada Pedal de arranque proyecto es similar a un sitio de una sola página: las presentaciones, descripciones, ejemplos de trabajo y opciones para donar hacen que cada proyecto sea su propio argumento de venta.

Encuestas

Los sitios diseñados para recopilar información guían a los usuarios entre los pasos son intrínsecamente lineales. Dependiendo de las técnicas utilizadas, una encuesta puede eliminar pasos innecesarios a medida que el usuario avanza, adaptando la experiencia del usuario sobre la marcha. Por ejemplo, "si contestó no, omita la siguiente sección" puede convertirse en automático.

Boletines por correo electrónico

Las páginas web enviadas por correo electrónico abordan la difícil perspectiva de evitar el botón de eliminación de los usuarios. A pesar de estar limitado a una página con el mismo objetivo, sea digno de la bandeja de entrada de alguien. Las soluciones para un diseño convincente de correo electrónico no se limitan al correo electrónico. Los sitios web que necesitan llegar a los usuarios con atención limitada o interés marginal pueden usar la fórmula de introducción-explicación-acción que se encuentra entre los diseños de plantilla de correo electrónico.

Describe un proceso

El contenido que explica un sistema, utiliza un diagrama de flujo o muestra cambios a lo largo del tiempo puede usar espacio vertical con gran efecto porque los usuarios no tienen que hacer clic para ver otro.

BBC Ocean Depths

los Profundidades oceánicas de la BBC anima a los usuarios a desplazarse hacia abajo a los puntos más profundos de la Tierra.

Living with nest

Viviendo con Nest les toma a las personas un año de uso del termostato Nest mientras se desplazan hacia abajo.

Evolution of the web

Evolución de la web también se desplaza para seguir el tiempo, pero se mueve horizontalmente en lugar de verticalmente.

Experimental web comics

Experimental web comics por Scott McCloud convierte las ventanas del navegador de los usuarios en un panel de cómics en ejecución.

The dangers of fracking

Peligros de Fracking sigue una gota de agua, usando desplazamiento vertical para desencadenar eventos en el camino.

Ignition creative

Ignición Creativa utiliza el desplazamiento como una herramienta para organizar secciones de su extravagancia de una sola página.

¿La experiencia de usuario lineal es la herramienta adecuada para tu trabajo?

Las experiencias lineales, de una sola página u otras, no son ideales para cada proyecto. Si la puntuación es alta con los motores de búsqueda es una prioridad, recuerde que Google le gusta los enlaces internos . También dicen " Haga páginas principalmente para usuarios, no para motores de búsqueda . "Sin embargo, los sitios con una presentación directa obligan a los diseñadores y editores a eliminar su contenido sin materiales extraños. Los parámetros restrictivos pueden conducir a soluciones innovadoras.

Al final, siempre tienen el poder de irse, lo que hace persuadir a los usuarios a seguir un camino desafiante en cualquier proyecto web.