En la era de la información, el tiempo es un bien valioso y algo de lo que 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, debe encontrar una manera de resaltar la información crítica en cualquier página; en tercer lugar, todo diseñador moderno necesita crear activos que sean fáciles de usar para los clientes acelerados de hoy.
Hacer que los sitios web sean más escaneables es cómo usted hace su parte como diseñador para asegurarse de 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 escaneabilidad?
Diseño para escaneabilidad: una introducción
A primera vista, el concepto de crear un sitio web escaneable 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 desearía simplificar el paso de una página a otra en un sitio web para los usuarios finales en cuestión de segundos.
Sin embargo, la escaneabilidad 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 fácil para los clientes deslizarse hacia abajo en el embudo de compra. Un recorrido del cliente más rápido y conveniente genera una experiencia de usuario más sólida y más conversiones.
Mirar netflix, por ejemplo. No brinda a los usuarios interesados una tonelada de información en su página de inicio. En su lugar, los USP clave del producto se presentan brillantes y en negrita en el medio de la pantalla, junto con un simple llamado a la acción: Empezar.
Diseñar para escanear significa facilitar que los usuarios de una página miren una pantalla y accedan 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.
De acuerdo a al analista Jacob Nielsenla 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, analizan el contenido y extraen información que cumple con sus requisitos.
Preguntas que hacer al diseñar para escaneabilidad
Entonces, ¿cómo sabe si sus páginas web son escaneables?
Comience por hacer las siguientes preguntas:
- ¿Cuál es el intención de las personas que llegan a esta pagina?
- Que tipo de información necesita ser transportado 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 suponer que quiere:
- Más información sobre Evernote
- Aprenda cómo registrarse
- Vaya a otras páginas para conocer las características 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 debajo puede proporcionar algunos detalles más si los clientes los necesitan, luego hay un llamado a la acción inmediato: Registrate gratis.
La llamada a la acción no solo les dice a los usuarios qué hacer a continuación, sino que les dice 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.
- La tasa de rebote se reduce. 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 manera que se adhiera a la forma en que las personas usan el sitio web. Por ejemplo, si llega a la página de un blog, espera ver el título primero, tal vez alguna información sobre el escritor y cualquier otra información esencial, seguida del contenido del cuerpo.
Si bien 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 fácil de escanear es brindarles a los usuarios finales exactamente lo que esperan.
Si no está seguro de cómo debería verse una página, intente comprobar 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 pasar de una página a otra, puede anclar la barra de navegación a la página para que permanezca con los usuarios mientras se desplazan.
Mantener 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 escaneado porque hay demasiada información para que un cliente la tome 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 garantiza que los usuarios puedan absorber rápidamente fragmentos 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 visiten 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 le 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 sobre el tema de una página o un extracto de la publicación del blog que están a punto de leer.
- Un componente visual: Una fotografía o imagen que da contexto a la página.
Por lo general, cualquier otra cosa se puede quitar. Entonces, por ejemplo, si Forbes quisiera hacer la página de arriba más escaneablepodrían eliminar fácilmente los anuncios y los botones para compartir en las redes sociales.
Haz que el próximo 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, que conducen 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 escanear, es crucial hacer que el próximo 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 solo una CTA. Esto evitará que los miembros de su audiencia se confundan o se sientan abrumados por la elección.
Sin embargo, si tiene varias llamadas a la acción, piense en el viaje del cliente promedio y a qué querrá acceder primero.
Si esos botones no atraen al cliente, puede desplazarse un poco más y ver otras opciones de «siguiente paso», como comprar «elementos esenciales para el autoaislamiento» o explorar otras categorías de productos populares:
Prueba cada página
Probar la escaneabilidad significa examinar cada página y asegurarse de que sea lo más fácil posible para los clientes avanzar en 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 ir 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 escaneado:
- Legibilidad: ¿La fuente es legible? ¿Es lo suficientemente grande para leer en todas las pantallas, incluidos los dispositivos móviles? La legibilidad en el mundo del diseño mide qué tan rápido e intuitivo sus usuarios pueden distinguir lo que está pasando 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: La pelusa y las funciones adicionales pueden hacer que sus páginas sean más interesantes, 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 lo mantiene atascado 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, use números, no palabras.
Creación de páginas escaneables
La escaneabilidad 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 sobre la marcha, 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 brindarán mejores resultados para sus clientes y, por lo tanto, mejores resultados para usted.