No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Contenido usable para comunicar con eficiencia

16/32
Recursos

Un contenido usable hace referencia a la forma en que procesamos y consumimos la información. Se diseña de manera que nos permite encontrar rápidamente la información que buscamos.

Para lograr esto, es importante tener en cuenta el patrón F, que se basa en estudios de seguimiento de los ojos. Este patrón indica que nuestros ojos primero escanean hacia la derecha, luego bajan un poco y continúan escaneando, pero de forma más limitada hacia la derecha.

Recursos que rompen bloques de texto

Existen varios recursos gráficos que nos ayudan a romper con los bloques de texto y hacer el contenido más escaneable:

Negritas o palabras en bold

  • Resaltan ideas centrales.
  • Sirven si se pueden entender fuera de contexto.
  • Conviene utilizarlas de manera moderada para evitar que se pierda su sentido de destaque.
  • No se recomienda utilizar negritas en los enlaces ni en las listas, ya que estos elementos ya tienen un destaque visual propio.
  • Los signos de puntuación tampoco deben ir en negrita, ya que no es necesario destacarlos.

Los links

  • Los links son como los picaportes de las puertas, están subrayados y en azul para que sepamos que nos llevarán a otra página.
  • Los links deben ser claros y comunicar hacia dónde nos dirigirán.
  • Es importante que los links sean comprensibles por sí solos y que den una idea clara de su destino al usuario.

Botones

  • Los botones deben tener affordance, es decir, deben brindar una pista clara sobre su función o hacia dónde nos llevarán.
  • Se debe evitar utilizar expresiones vagas como "ahora", "conoce más" o "comprar ahora" en los botones, ya que no son descriptivas y no brindan información concreta sobre lo que sucederá al presionar el botón.
  • Es importante que los botones sean parte de un relato y que el texto que los acompaña sea una respuesta coherente.
  • Los botones deben tener un texto breve, de menos de 30 caracteres.

Contribución creada con los aportes de: Marina Barraza (Platzi Contributor).

Aportes 22

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Por acá dejo mis apuntes

✖️ Eliminemos los “Clic aquí” y pongamos la frase que le da sentido al link.

Contenido Usable: Es el nivel de la escaneabilidad. Nos permite diseñar la lectura del usuario para que pueda cumplir su objetivo

  • Un contenido usable es un contenido escaneable que le permite al usuario cumplir rápidamente su objetivo.

  • Es un contenido funcional y relevante a la tarea que se esta cumpliendo.

  • Tiene que ver con como lee el usuario, de izq a derecha, de arriba hacia abajo (ver patron F y eyectracking)

  • Adecuado al contexto (pantallas)

Recursos para romper bloques de texto y lograr textos más escaneables:

  1. Negritas: Usar para resaltar ideas centrales. No abusar para que no pierda el sentido de destacar.
  • Los links NO van en negrita.

  • Las listas NO van en negrita.

  • Los signos de puntuación NO van en negrita.

  1. Enlaces:
    Deben:
  • Indicar que va a pasar.

  • Leerse por sí solos

  • Tener valor (aporta información complementaria)

  1. Botones
    Tienen que:
  • Tener affordance (la capacidad del objeto que con su forma puede contar lo que hace)

  • Evitar expresiones vagas que no aportan: ver más, conoce más, ahora

  • Ser parte del relato. El texto puede ser una respuesta.

  • Menos de 30 caracteres (mobile first)

  1. Niveles de Lectura:
    Títulos eficientes: La proporción perfecta entre lo atractivo, lo usable y lo optimizado para buscadores.
    Recomendaciones:
  • Crear imágenes mentales en las dos primeras palabras (conectar con el feeling y el objetivo del usuario)

  • Conectarlo a la historia

  • Los títulos y subtítulos dialogan en el escaneo. Se leen en una historia cerrada por si mismos y a su vez que en cada bloque de contenido tenga una unidad de sentido cerrada

En los botones de la pantalla de seguridad de Mercado Libre (21:17) invertiría el orden. Es debatible, pero pondría uno de los dos con color de relleno y el otro sin relleno pero con el borde. Así indico que uno de los dos es el más importante y transmite: “Sí, fui yo, tranquilo tío Mercado Libre, nadie me ha hackeado”.

Para que puedan leer un poco más sobre Menhir

CONTENIDO USABLE PARA COMUNICAR CON EFICIENCIA

Está en la mitad de la pirámide.
USABLE: esta alineado al objetivo, es escaneable, es claro y conciso.

  • Adecuado al contexto
  • Escaneable
    ESCANEABLE: Patrón de lectura en F.

El enemigo de los contenidos escaneable son los MENHIRES.

RECURSOS PARA ROMPER TEXTOS

NEGRITAS: Sirven si resaltan las ideas centrales de un textp, se pueden leer fuera de contexto. Recomendaciones: Usarlas poco, para que no se pierda el sentido de destacar. Los link no van en negrita. Las listas no van en negrita. Los signos de puntuación no van en negrita.

LINKS: Tienen que poder leerse por si solos, tienen que dar a entender a donde van, tener valor.

BOTONES: Tienen que tener affordance (dar una pista: a donde va o que va a pasar). Evita expresiones vagas,.

NIVELES DE LECTURA (PROXIMA CLASE)

En el minuto 11:28, el ejercicio de escanear, se cumple claramente la lectura en F. Sucede que cuando vemos bloques de texto, nos da pereza leerlo todo, automáticamente nuestros ojos buscan lo que está destacado para hacer el menor esfuerzo y entender lo que nos quieren decir sin tener que leer todo el párrafo.

En los 3 segundos leí solo el título “medios de pago”, el link, “hacé clic acá”, y solo las primeras líneas del párrafo, “ahora podés …”.

  • Gran enemigo de los Textos escaneables (que el ojo puede extraer fácilmente el mensaje central): “Textos menhires”
    .
  • ¿Qué es un “menhir”? Es un gran bloque de roca sólida incrustado de forma vertical en algún punto del suelo, que utilizaban los grupos humanos prehistóricos para sus rituales, pero que a la vez son enormes objetos que llaman la atención porque representan grandes obstáculos.
    .
  • ¿Porqué se le dice "texto menhir"? - Aquellos grandes bloques de texto, que resultan pesados a la vista y son difícilmente escaneables por el ojo, por lo que el mensaje principal se pierde con facilidad.
    .
  • Si queremos tener contenido usable para comunicar con eficiencia, debemos romper con todo “texto menhir”.
    .
  • ¿Cómo rompemos los “textos menhires”? --> Haciendo un uso adecuado de elementos como resaltado en negritas (bold), botones y links.

link: desea continuar? quizás tendría más sentido si hubiera otra opción que de la oportunidad de elegir, como sucede cuando olvidás la contraseña y tenés botón de intentar de nuevo o botón de resetar.

Una página que usa los enlaces muy bien es la BBC. Incluye contenidos relacionados que pueden ser de interés al usuario.

Creo que muchos periódicos deberían ver esta clase

Me gustó esta recomendación de que el primer nivel de lectura y el botón estén enlazados. Que si el título dice “Guardar en iCloud” el botón confirme Guardar en iCloud.

Valdría la pena acotar que el “Clic aquí” puede funcionar para ciertas audiencias en ciertos contextos. Un adulto mayor que no utiliza mucho la computadora, por ejemplo. Los modelos mentales varían por nicho, edad, nacionalidad, etc…

“Si todo es importante nada es importante”

Muchas gracias

Ya no volveré a ver a Slack de la misma forma 😂

Versión 1 del texto: Alcancé a leer Medios de pago y algo sobre tarjetas
Versión 2: Medios de pago, enlace cómo integrar mercado…

Apunte: un contenido está en el nivel usable cuando está escrito para leer en pantalla.

solo leí financiación y cuota jajajajaa

El problema del botón es que le traslada el esfuerzo al usuario sobre la siguiente acción. Ahí llega la duda.

Es cierto, ese "Ver más se ha utilizado en exceso. Me quedo con la solución de que el texto del botón sea la acción y resultado de lo que pasará cuando se entre al enlace.

Excelente clase!! gracias!!