Por acá dejo mis apuntes
En busca de la relación con el usuario
Todo lo que aprenderás sobre UX Writing
Primero la historia
El poder de pensar en historias al diseñar la experiencia
¿Cómo diseñar a partir del contenido?
Conoce a tu usuario: La técnica subject domain mind map
Todos en la misma página: Content Briefing
Content Briefing de tu producto
Alineando sentimientos con ideas
Mapea y escribe la historia
¿Qué pasa en el contexto de una interfaz?
Arma el prototipo más barato del mundo
¿Cómo armar el content prototype?
Contenido usable y personal
Niveles de contenido: de lo usable a lo más personal y motivante
Los usuarios y la biología
Contenido funcional y comprensible
Técnicas para escribir corto y conciso
Contenido usable para comunicar con eficiencia
Títulos eficientes
Cómo escribir tus content types
Content Types: Empty States
Content Types: Error
Content Types: Landings
Contenido disfrutable y motivante
El poder de decir sin declarar
Argumentar fuera de la caja
Iterar y medir
Escribir es parte del proceso de diseño
Idear y prototipar
No supongas, prueba y mide tus palabras
El cuento de nunca acabar
Buddy System
Reflexiones
Sé más productivo y más feliz
¿A dónde vas?
Mira de frente al futuro
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Emiliano Cosenza
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.
Existen varios recursos gráficos que nos ayudan a romper con los bloques de texto y hacer el contenido más escaneable:
Contribución creada con los aportes de: Marina Barraza (Platzi Contributor).
Aportes 22
Preguntas 3
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:
Los links NO van en negrita.
Las listas NO van en negrita.
Los signos de puntuación NO van en negrita.
Indicar que va a pasar.
Leerse por sí solos
Tener valor (aporta información complementaria)
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)
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.
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 …”.
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!!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?