Maneras rápidas de hacer que una página web sea más escaneable

En la era de la información, el tiempo es un bien valioso y la gente no quiere gastar demasiado. Como resultado, el visitante promedio solo lee sobre 20% del contenido de una página.

Para los diseñadores y desarrolladores web, eso significa algunas cosas: primero, debe asegurarse de que las páginas web que cree sean lo más atractivas posible; en segundo lugar, es necesario encontrar una forma de destacar la información crítica de cualquier página; en tercer lugar, todo diseñador moderno necesita crear activos que sean fáciles de usar para los clientes de hoy en día.

Hacer que los sitios web sean más escaneables Así es como usted hace su parte como diseñador para garantizar que los clientes que visitan una página obtengan las experiencias rápidas y convenientes que necesitan.

Entonces, ¿cómo adoptan los diseñadores la capacidad de escaneo?

Diseño para la capacidad de escaneo: una introducción

A primera vista, el concepto de crear un sitio web para escanear es extraño.

La mayoría de los diseñadores inician sus proyectos con el objetivo de que los clientes permanezcan en una página el mayor tiempo posible. Por lo tanto, es extraño pensar que quisiera facilitar que los usuarios finales salten de una página a otra en un sitio web en cuestión de segundos.

Sin embargo, la capacidad de escaneo no se trata solo de entregar información y sacar a los usuarios de una página. Cuando los sitios se pueden escanear, hacen que sea más rápido y más fácil para los clientes deslizarse por el embudo de compras. Un recorrido del cliente más rápido y conveniente conduce a una experiencia de usuario más sólida y a más conversiones.

Mirar Netflix, por ejemplo. No brinda a los usuarios interesados ​​mucha información en su página de inicio. En cambio, las USP clave del producto se presentan brillantes y audaces en el medio de la pantalla, junto con una simple llamada a la acción: Empezar.

Diseñar para que sea posible escanear significa facilitar a los usuarios de una página la posibilidad de echar un vistazo a una pantalla y acceder instantáneamente a toda la información que necesitan para dar el siguiente paso en su proceso de compra.

No es necesario desplazarse ni preguntarse qué hacer a continuación.

Según al analista Jacob Nielsen, la capacidad de escaneo es esencial porque las personas buscan cosas específicas en cada página que visitan.

Los clientes no leen las páginas web palabra por palabra. En su lugar, escanean el contenido y extraen información que satisface sus necesidades.

Preguntas que debe hacerse al diseñar para la capacidad de escaneo

Entonces, ¿cómo saber si sus páginas web se pueden escanear?

Empiece por hacer las siguientes preguntas:

  • Cual es el intención de las personas que llegan a esta página?
  • Que tipo de información necesita ser transmitido al instante?
  • ¿Puede el visitante ver el próximo paso en su viaje inmediatamente?

Por ejemplo, cuando alguien llega a la página de inicio de Evernote, puede asumir que quiere:

  • Más información sobre Evernote
  • Aprenda a registrarse
  • Vaya a otras páginas para conocer las funciones y los detalles de contacto

Por eso el diseñador detrás del sitio web de Evernote colocó una pieza de información útil inmediata en la parte superior de la página: «Domine su trabajo, organice su vida» les dice a los clientes exactamente de qué se trata todo el producto. El breve párrafo de información a continuación puede proporcionar algunos detalles más si los clientes lo necesitan, luego hay una llamada a la acción inmediata: Registrate gratis.

La llamada a la acción no solo les dice a los usuarios qué hacer a continuación, sino que les brinda la información más importante que necesitan de inmediato: es gratis.

Las páginas escaneables como esta son útiles porque:

  • Ayudan a los usuarios a completar sus tareas más rápido: ya sea que desee registrarse u obtener más información sobre el producto, todo lo que necesita está disponible al instante, sin necesidad de desplazarse.
  • Se reduce la tasa de rebote. Los clientes no se confunden y presionan el botón Atrás. Eso es bueno para el SEO de su cliente y sus resultados.
  • El sitio web se ve y se siente más creíble: debido a que los clientes obtienen todas las respuestas a sus preguntas de inmediato, es más probable que confíen en el sitio web.

Entonces, ¿cuáles son algunas de las mejores cosas que puede hacer para que sus sitios sean lo más escaneables posible?

Usar jerarquía visual

La jerarquía visual es una forma de organizar el contenido de su sitio web de una manera que se adhiera a la forma en que las personas usan el sitio web. Por ejemplo, si llega a una página de blog, espera ver primero el titular, tal vez alguna información sobre el escritor y cualquier otra información esencial, seguida del contenido del cuerpo.

Aunque es tentador para los diseñadores intentar sorprender a los usuarios con nuevas estrategias visuales, la mejor manera de hacer que su contenido sea más escaneable es brindarles a los usuarios finales exactamente lo que esperan.

Si no está seguro de cómo debería verse una página, intente consultar la competencia.

Una de las reglas de jerarquía visual más obvias es que la navegación principal siempre debe ir en la parte superior de la página.

Los clientes esperarán mirar en la parte superior de la página para encontrar la navegación. No quieren tener que desplazarse por su sitio web, buscando una forma de llegar a otra página. Si desea que sea lo más fácil posible para los usuarios finales saltar de una página a otra, puede fijar la barra de navegación a la página para que permanezca con los usuarios mientras se desplazan.

Mantener el espacio negativo

El espacio en blanco, el espacio negativo o como lo llames, es la parte de tu diseño que queda vacía.

El espacio en blanco es crucial porque le da a todos los objetos en su página un respiro muy necesario. Sin suficiente espacio negativo en sus páginas, es imposible adoptar la capacidad de escaneo porque hay demasiada información para que un cliente la asimile a la vez.

Por ejemplo, observe cómo hay grandes espacios entre cada elemento en un Publicación en el sitio web de Forbes. Una cantidad adecuada de espacio negativo en su sitio asegura que los usuarios puedan tomar rápidamente trozos de información y usar esa información para decidir qué hacer a continuación.

Para asegurarse de que haya suficiente espacio negativo en las páginas de su sitio web, pregúntese qué elementos clave notarán los visitantes cuando accedan a un sitio web. Los elementos esenciales deben ser:

  • Un título o encabezado para confirmar que el usuario está en el lugar correcto.
  • Una llamada a la acción que muestra a tu usuario qué hacer a continuación.
  • Un encabezado o menú de navegación
  • La información crítica incluye una introducción a lo que trata una página o un extracto de la publicación del blog que están a punto de leer.
  • Un componente visual: una imagen o imagen que da contexto a la página.

Por lo general, se puede eliminar cualquier otra cosa. Entonces, por ejemplo, si Forbes quisiera hacer el página de arriba más escaneable, podrían eliminar fácilmente los anuncios y los botones para compartir en las redes sociales.

Haga que el siguiente paso sea obvio

Cada página de un sitio web existe en una jerarquía dentro del recorrido del cliente.

Una página de inicio lleva a los clientes a las páginas de productos, lo que conduce a una página de pago, que se conecta a una página de agradecimiento que envía al visitante a otra página de producto, y así sucesivamente.

Al diseñar para la capacidad de escaneo, es crucial hacer que el siguiente paso en el viaje sea lo más obvio posible. Por lo general, esto significa colocar la llamada a la acción «en la mitad superior de la página», donde el cliente pueda verla de inmediato.

Idealmente, las páginas escaneables deberían tener una sola llamada a la acción. Esto evitará que los miembros de su audiencia se sientan confundidos o abrumados por la elección.

Sin embargo, si tiene varias llamadas a la acción, piense en el recorrido del cliente promedio y a qué querrán acceder primero.

Si esos botones no atraen al cliente, pueden desplazarse un poco más y ver otras opciones del «siguiente paso», como comprar «elementos esenciales para el autoaislamiento» o navegar por otras categorías de productos populares:

Prueba cada página

Probar la capacidad de escaneo significa examinar cada página y asegurarse de que sea lo más fácil posible para los clientes pasar por el proceso de compra tan rápido como lo deseen.

Visite cada página que diseñe en un recorrido del comprador y pregunte qué tan rápido les tomaría a los usuarios finales llegar del punto A al punto B y más allá. Estos son algunos de los problemas comunes que pueden ralentizar el viaje del cliente y dañar la capacidad de escaneo:

  • Legibilidad: ¿Es legible la fuente? ¿Es lo suficientemente grande para leer en todas las pantallas, incluidos los dispositivos móviles? La legibilidad en el mundo del diseño mide la rapidez e intuición con que los usuarios pueden distinguir lo que sucede en cualquier página. Recuerde que el color del fondo, la cantidad de espacio negativo alrededor de los bloques de copia e incluso el emparejamiento de fuentes pueden afectar la legibilidad del contenido. Muestre sus páginas a varias personas y mida el tiempo que tardan en captar el mensaje que está tratando de transmitir.
  • Pelusa: Las características suaves y adicionales pueden hacer que sus páginas sean más intrigantes, pero también pueden ralentizar a los usuarios. Por ejemplo, una imagen en la parte superior de la página de un blog puede agregar contexto al artículo. Una presentación de diapositivas de imágenes impide que el cliente progrese y los mantiene atrapados en la parte superior de la página durante más tiempo.
  • Palabras en lugar de números: Según Nielsen, los estudios de seguimiento ocular muestran que los números a menudo detienen el ojo errante. Los números son compactos y se asocian más regularmente con estadísticas y hechos, por lo que es más probable que llamen la atención. Si desea transmitir puntos importantes a los usuarios finales rápidamente, utilice números, no palabras.

Creación de páginas escaneables

La capacidad de escaneo se está convirtiendo en un concepto cada vez más importante en el ajetreado panorama actual.

Ahora que más clientes navegan por sitios web desde sus teléfonos inteligentes o revisan productos en movimiento, los diseñadores deben pensar más detenidamente en adaptarse a este entorno ágil.

Las páginas escaneables que mueven a los visitantes a lo largo del ciclo de compra y a la siguiente etapa del embudo ofrecerán mejores resultados para sus clientes y, por lo tanto, mejores resultados para usted.