¿Qué es la escaneabilidad y cómo utilizarla para mejorar el contenido?     

Todos los días nos bombardean con enormes cantidades de información, tanto en línea como fuera de línea. Las personas pueden crear más cosas de las que pueden consumir físicamente gracias a las nuevas tecnologías y a las rápidas conexiones a Internet. 

Cuando se trata de una gran cantidad de sitios web y aplicaciones, los consumidores no leen todo palabra por palabra; en cambio, escanean la página para determinar por qué y cómo es relevante para ellos. 

La capacidad de escaneo ahora se considera un aspecto importante de la usabilidad de un sitio web, como resultado de su impacto en experiencia de los usuarios.

Este artículo examina el tema y ofrece consejos sobre cómo hacer que los productos digitales sean escaneables.    

¿Escaneabilidad e importancia?

En pocas palabras, la capacidad de escaneo se refiere a la facilidad con la que un usuario puede escanear información web en lugar de leerla palabra por palabra.

Los visitantes pueden leer texto e imágenes en contenido escaneable de forma rápida y sencilla, ya que han sido preparados y organizados para una rápida comprensión.

La influencia general de los estilos de mensajería, formato y escritura empleados para hacer que el material sea escaneable. Es un principio fundamental de la creación de UX y, por extensión, de la UX y del diseño de productos en general.

Las grandes corporaciones y nuevas empresas consideran cada vez más que el contenido escaneable es imprescindible, lo que lleva a la expansión continua de la creación de UX y el diseño de contenido como tema.

El Grupo Nielsen Norman llevó a cabo una investigación intrigante en 1997 que popularizó la palabra "escaneabilidad".

Jakob Nielsen y sus colegas intentaron aprender cómo lee la gente en Internet.

¿Cuál es su conclusión? "No lo hacen".

“La gente rara vez lee los sitios web palabra por palabra; en cambio, escanean la página y resaltan frases y oraciones particulares”.

Sólo una pequeña proporción de los usuarios que participaron en la investigación leyeron las páginas palabra por palabra. Un estudio posterior llegó al mismo resultado.

La escaneabilidad es importante porque la gente escanea. Esta no es una pauta estricta y rápida que todos siguen. Es una generalización: algunos lectores leerán su material en profundidad, pero la mayoría escaneará rápidamente la página en busca de información que les resulte útil.

Los cuatro factores determinan la cantidad de tiempo que los consumidores están dispuestos a dedicar a leer (o escanear).

• Nivel de motivación
• Nivel de enfoque
• tipo de tarea
• Rasgos personales

Varios estudios han demostrado que los consumidores escanean contenido digital, siendo el más conocido el patrón en forma de F para leer contenido web de Nielsen Norman Group. 

Tras un examen exhaustivo de cómo la gente lee en línea, se identificaron tres conclusiones principales que se sintetizan en el patrón en forma de F:

• Los usuarios suelen comenzar leyendo la parte superior del material de forma horizontal, lo que crea la barra superior de la F.

• Después de deslizarse ligeramente hacia abajo en el contenido de la página, los lectores leen la segunda sección horizontalmente, generalmente con un movimiento más corto que el anterior. Esta es la barra más baja de la F.  

• A partir de entonces, la gente suele escanear el lado izquierdo del contenido verticalmente, lo que puede ser rápido, lento y metódico, o en algún punto intermedio. Este escaneo vertical crea el tallo de la F y completa el patrón en forma de F.

Este hallazgo sobre cómo las personas consumen material digital usando el patrón en forma de F fue y continúa siendo un punto de inflexión para los escritores de UX, diseñadores de contenido, estrategas de contenido, redactores técnicos y cualquier otra persona que valore el contenido centrado en el usuario.

Esto se debe a que es fundamental diseñar y generar contenido que represente cómo se comportan realmente las personas en línea, en lugar de cómo queremos que se comporten. 

Diseñar y generar información que refleje el comportamiento real del usuario (escaneo) es un componente crítico del desarrollo de un "interfaz de usuario pegajosa”(una interfaz que hace que los usuarios regresen). Y una interfaz de usuario atractiva es vital para el éxito a largo plazo de cualquier producto digital.

Más adelante veremos cómo el patrón de lectura en forma de F ha afectado los conceptos de escaneabilidad, pero primero, recapitulemos cómo la escaneabilidad mejora la experiencia del usuario.

Al considerar cómo las personas consumen y digieren el material digital, el contenido escaneable contribuye a una buena UX (y una UI atractiva) de varias maneras:

• Los usuarios pueden descubrir lo que necesitan más rápido escaneando el material en lugar de leer grandes cantidades de texto lenta y cuidadosamente, ahorrando tiempo.
• Disminuye la carga cognitiva.: El material escaneable es más digerible que las densas paredes de texto y necesita mucha menos energía mental para ingerirlo.
• es accesible: Hacer que el material sea escaneable implica implementar muchas (si no todas) pautas de accesibilidad.
• Disminuye la incertidumbre y la frustración.: Debido a que permite a los usuarios descubrir lo que necesitan rápida y fácilmente, es menos probable que se sientan confundidos o frustrados.

¿Cómo puedo probar la escaneabilidad?

Los consumidores pueden interactuar con su material y someterse a pruebas de escaneabilidad utilizando una variedad de enfoques.

Aquí hay varios métodos para determinar la capacidad de escaneo de su contenido:

a. Pruebas de usabilidad: Incluya actividades para escanear y descubrir información particular durante las sesiones de prueba de usabilidad. Examine cómo los usuarios exploran el material, en qué componentes se centran y si pueden encontrar fácilmente la información necesaria. 

Anime a los participantes a pensar en voz alta, lo que proporcionará información útil sobre sus hábitos de exploración y procesos mentales.

Los usuarios utilizan herramientas de mapas de calor para crear representaciones visuales de dónde se centra su atención. Los mapas de calor utilizan datos agregados para indicar qué partes de un sitio web generan mayor interés. 

Puede determinar qué regiones están atrayendo atención y cuáles se están pasando por alto analizando los hallazgos del mapa de calor.

b. Pruebas A/B: cree varias versiones de su material utilizando diferentes estrategias de escaneabilidad. En esta prueba A/B, a diferentes grupos de usuarios se les mostrarán varias versiones.

Para evaluar si la versión funciona mejor en términos de capacidad de escaneo, realice un seguimiento de la participación del usuario, el tiempo dedicado a buscar información y las tasas de éxito.

Los movimientos oculares de los participantes se capturan mientras leen su contenido en estudios de seguimiento ocular. Captas los movimientos oculares de los participantes mientras leen tu contenido en estudios de seguimiento ocular.

Esta estrategia brinda información cuantificable sobre en qué lugares se concentra más la gente y cómo se mueve su atención a lo largo de la página. Ayuda en la identificación de tendencias y oportunidades de mejora.

Diez consejos para mejorar la escaneabilidad

1. Cree una jerarquía visual adecuada

La jerarquía visual de una interfaz de computadora se refiere a la organización y visualización de los componentes del diseño de la interfaz de usuario para indicar grados de importancia, lo que permite a los usuarios buscar rápidamente la información necesaria. Diseñar un diseño con una buena jerarquía visual implica numerosos factores:

• Tamaño
• Color 
• Comparación 
• Proximidad
• Alineación
• Espacio Negativo 
• Repetición

Un diseñador que considere estos patrones de diseño de interfaz de usuario mientras produce un diseño de diseño de interfaz de usuario se asegurará de que el producto terminado tenga un diseño atractivo, armonioso e intuitivamente escaneable.

La página de resultados de búsqueda de Google emplea todos los elementos de la jerarquía visual para mejorar la capacidad de escaneo. 

El uso de color, tamaño y contraste enfatiza los titulares. El espacio negativo que rodea cada título ayuda a garantizar que sea lo primero que lea el usuario.

Cuando los usuarios encuentran un titular relevante, examinan el color y la proximidad del enlace para determinar su credibilidad.

A continuación, para seguir evaluar el resultado, examinarán la copia del contenido, que es uniforme en color, tamaño y cercanía. Además de estos criterios, la repetición y la alineación hacen que los resultados de búsqueda de Google sean fáciles de leer.

2. Coloque la navegación básica en el encabezado del sitio web.

Todos los patrones de escaneo ocular descritos indican que cualquiera que elija el usuario, el proceso de escaneo comenzará en la sección horizontal superior de la página web. 

Usarlo para mostrar zonas cruciales de compromiso y marca es una técnica que beneficia a ambas partes. 

Los diseñadores de UI/UX, administradores de contenido y profesionales de marketing ven la razón principal de la importancia crítica del diseño de encabezados de sitios web.

• El encabezado no debe estar saturado con demasiada información del otro lado, lo que dificulta la concentración.
• El intento de encajar todo en la parte superior de la página podría convertir el arreglo en un revoltijo. 
• Es fundamental analizar los objetivos del público objetivo principal, cómo se cruzan con los objetivos comerciales del sitio web y, en base a eso, qué información o navegación se incluye en el encabezado es la más relevante. 
• Por ejemplo, en un sitio web de comercio electrónico de gran tamaño, la capacidad de búsqueda debe ser visible de inmediato y ubicarse con frecuencia en el encabezado para que esté disponible desde todos los puntos de contacto.
• Para el sitio web de una pequeña empresa, la función de búsqueda puede ser superflua, pero un enlace de fácil acceso al portafolio es fundamental.

3. Aprovechar el espacio negativo

El genio Claude Debussy afirmó: “La música es el espacio entre las notas..” Lo mismo ocurre con la escaneabilidad; El espacio negativo entre piezas es lo que distingue un diseño exitoso.

La cantidad adecuada de espacio negativo (blanco) que rodea los componentes de la interfaz de usuario llama la atención sobre los elementos mismos. Enfatiza la información y al mismo tiempo proporciona suficiente espacio para respirar para evitar que el diseño se sobrecargue. 

Sin un respiro, el cerebro humano está menos inclinado a buscar objetos de interés y se confunde.

4. Resalte palabras clave y frases

• Otra estrategia para hacer que su material sea más escaneable es resaltar palabras clave y frases que desea que sus lectores noten y recuerden. 
• Puede utilizar negrita, cursiva, subrayado o color para resaltar palabras clave, llamados a la acción, citas, estadísticas o consultas. 
• Destacar puede servir para establecer el enfoque y la urgencia en sus lectores, animándolos a actuar o aprender más. 
• Sin embargo, no se exceda ni haga un mal uso del resaltado, ya que puede hacer que su material parezca desordenado o spam. Úselo de manera inteligente y regular para ayudar a que su contenido se destaque.

5. Pruebe la legibilidad del texto copiado

• La legibilidad se refiere a la facilidad con la que las personas pueden leer palabras, oraciones y bloques de contenido. 
• La legibilidad se refiere a qué tan rápida e intuitivamente los consumidores pueden reconocer las letras en un tipo de letra específico. 
• Se deben examinar cuidadosamente estas cualidades, especialmente en interfaces con una gran cantidad de texto.
• El color del fondo, la cantidad de espacio que rodea los bloques de copia, el interletraje, el interlineado, el tipo de fuente y la combinación de fuentes.
• Todos tienen un impacto en la capacidad de leer rápidamente el texto y capturar el material que persuade a las personas a quedarse. 
• Los diseñadores deben asegurarse de que se obedezcan las leyes tipográficas y de que las fuentes promuevan la jerarquía visual y la legibilidad para evitar problemas.

6. Utilice subtítulos para resumir el contenido

La gente suele reaccionar mal ante grandes cantidades de texto. Si el párrafo no coincide con sus intereses, pueden creer que perderán el tiempo. 

Las mejores prácticas de diseño de UI brindan una solución a este problema. Al incluir subtítulos breves al comienzo de artículos grandes, el usuario obtiene un conocimiento completo del tema.

Al redactar el subtítulo, es fundamental que sea conciso. Simplemente exprese el punto crucial presentado en la información a continuación.

7. Utilice listas numeradas y con viñetas

Otra forma inteligente de hacer que el contenido sea más escaneable es utilizar listas con números o viñetas. Ayudan a organizar claramente los datos. También llaman la atención del usuario sobre la información, evitando que se pierda en la estructura general del texto.

8. Incluya fotos, videos y otro contenido

• Las funciones visuales ayudan a mejorar la legibilidad y la capacidad de escaneo al brindar diversidad, interés y contexto a su texto. 
• Las imágenes, videos, infografías, cuadros, gráficos y otros medios pueden ayudarlo a mostrar sus puntos de vista, ofrecer ejemplos y respaldar sus afirmaciones. 
• También pueden ayudarle a dividir su material, haciéndolo más interesante y memorable. 
• Sin embargo, evite el uso de medios excesivos o irrelevantes que puedan distraer o abrumar a su audiencia. 
• Elija medios relevantes y de alta calidad que complementen su contenido y sean consistentes con su marca y mensaje.

9. Coloque un concepto en un párrafo

Al procesar material de copia para escanearlo, evite alargar excesivamente los grandes bloques de texto. El lector encuentra los párrafos cortos más digeribles y puede omitir fácilmente material inútil. Entonces, después de dar una idea en un párrafo, comienza otro con una idea nueva.

10. Evite el uso de jergas y palabras técnicas

La jerga y la terminología técnica innecesaria disminuyen la capacidad de escaneo de su contenido al obligar a los lectores a detenerse o reducir la velocidad para digerir lo que están leyendo. Al utilizar jerga y terminología técnica, es importante tener cuidado.

Conclusión

Aunque con frecuencia se ignora, la capacidad de escaneo es un aspecto de diseño importante que influye en el tiempo que los consumidores permanecen en su sitio web. Es más probable que los usuarios se queden con contenido que sea fácil de navegar.

Lo contrario también es cierto. Los usuarios pierden interés cuando hay demasiado texto y no hay suficientes viñetas o gráficos.

Comience siguiendo las mejores prácticas, como agregar espacio negativo a su diseño, emplear formato para resaltar material crucial y mostrar información en viñetas escaneables. 

Considere diversos patrones de escaneo al desarrollar su contenido para mejorar la usabilidad y escaneabilidad de su sitio.

Preguntas frecuentes

a. ¿Por qué la capacidad de escaneado es tan vital para los lectores modernos, en particular para los consumidores de medios digitales?

La escaneabilidad es un enfoque de formato que permite a la audiencia prevista leer y comprender fácilmente el cuerpo del texto. La capacidad de escaneo compensa el hecho de que la mayoría de los usuarios de Internet hojean el contenido en lugar de leerlo.

b. ¿Los enlaces mejoran la capacidad de escaneo?

Las palabras clave en el contenido también ayudan con la capacidad de escaneo, ya que sirven como guías para los robots que rastrean las páginas web. Además, tener enlaces dentro del contenido permite a los lectores navegar rápidamente entre temas o páginas relevantes del propio sitio web.

C. ¿Qué elemento de contenido no mejora la capacidad de escaneo?

Espacios en blanco: las paredes de texto no proporcionan un excelente contenido escaneable.