UX writing
COPY

UX Writing: cómo escribir para que tu interfaz convierta más (con ejemplos y fórmulas)

T
Autor Tom Fabre
Mayo 10, 2025
compartir -
Imagen oficinas Idea Espacio

✦ Ideal para: diseñadores UX/UI, marcas digitales, equipos de producto

¿Qué es el UX Writing y por qué importa?

UX Writing no es solo escribir. Es diseñar con palabras.
Es el arte de guiar, informar y acompañar al usuario en su recorrido digital de forma clara, empática y orientada a la acción.

💡 Piensa en esto: si el diseño es la piel de una web, el UX writing es su voz.

¿Dónde vive el UX Writing?

- Botones (CTA)
- Formularios y placeholders
- Mensajes de error o éxito
- Tooltips, labels, instrucciones
- Onboarding
- Textos vacíos (empty states)
- Confirmaciones y modales
- Microcopy contextual (detalles que humanizan)

Fórmulas clásicas que funcionan (copywriting + UX)

Las más usadas en web y apps por su eficacia:

✦ AIDA → Atención – Interés – Deseo – Acción

Ejemplo botón:
“Diseñamos tu web soñada. Gratis la primera auditoría. ¿Empezamos?”

✦ PAS → Problema – Agitación – Solución
“¿Usuarios que no entienden tu web? Tus palabras podrían estar alejando ventas. Cambiémoslo con UX Writing.”

✦ Before – After – Bridge

Antes: “Tu web confunde.”
Después: “Tu web convierte.”

Bridge: “Cambiamos palabras. Cambia tu negocio.”

Tipos de copy más usados en web

CTA (Call to Action)
Claro y con verbo: “Descargar guía” / “Empezar ahora”
Con beneficio: “Solicita mi auditoría gratuita”

Copy emocional
“Haz que tu web hable como tú”
“Diseñamos para humanos, no para robots”

Copy funcional
“Sube tu archivo en PDF o JPG (máx. 10 MB)”

Microcopy de error
❌ “Error 401”
✅ “Ups, parece que no tienes acceso. ¿Quieres iniciar sesión con otra cuenta?”

Copy social (redes)
Breve, visual, con emoji o ritmo:¿Tu web tiene flow? 💻
✨ Si no lo sabes, probablemente no. Descúbrelo en 3 clics →

Buenas prácticas UX Writing

Práctica: ✔️ Haz esto - ❌ No hagas esto

Claridad
✔️ "Crear cuenta gratis" - ❌ "Continuar"

Tono humano
✔️ "Algo salió mal, intentémoslo de nuevo.” - ❌ "Error 503"

Brevedad
✔️ "Recibe tu código" - ❌ "Para continuar, por favor introduce el código que te fue enviado previamente..."

Acción clara
✔️ "Reservar mesa" - ❌ "Enviar"

Consistencia
✔️ Usa la misma voz en toda la web - ❌ Cambiar de formal a informal sin razón

Tips exprés para aplicar hoy

- Evita los genéricos (“saber más”, “clic aquí”).
- Elimina palabras vacías (muy, algo, de alguna forma).
- Usa la primera persona cuando aplique: “Quiero mi demo” funciona mejor que “Solicitar”.
- Pon intención en cada palabra: ¿qué necesita el usuario en ese momento?
- Piensa móvil primero: el espacio es limitado.

Ejemplos reales (antes/después)

Contexto:  🔴 Antes - 🟢 Después

Botón
🔴 “Enviar”
🟢 “Pedir presupuesto”

Error
🔴 “Error 404”
🟢 “No encontramos lo que buscas.

¿Quieres volver al inicio?
🔴 ”Formulario“Siguiente”
🟢 “Ir a datos de contacto”

Onboarding
🔴 “Continuar”
🟢 “Sí, quiero aprender cómo funciona”

Recursos para inspirarte y crear mejores copys

https://goodmicrocopy.com – ejemplos reales
UX Collective en Medium – excelentes artículos

BONUS checklist descargable

📝 ¿Quieres revisar si tu web habla bien con tus usuarios?Descarga gratis nuestro checklist UX Writing para convertir más

📥 Déjanos tu email y te la enviamos.
¡Ya casi está!
Tu PDF va en camino. Échale un ojo a tu correo 📬
¡Ups! Algo salió mal.
Intenta de nuevo o revisa tu conexión.


👉 ¿Tus textos ayudan o bloquean a tus usuarios?
En Binōme te ayudamos a alinear diseño y lenguaje para que tu interfaz no solo luzca bien… sino que funcione.

Escríbenos 🔗 hola@binome.xyz

BONUS checklist descargable
icon-close

📝 ¿Quieres revisar si tu web habla bien con tus usuarios?Descarga gratis nuestro checklist UX Writing para convertir más

📥 Déjanos tu email y te la enviamos.
¡Ya casi está!‍
Tu PDF va en camino. Échale un ojo a tu correo 📬
¡Ups! Algo salió mal.
Intenta de nuevo o revisa tu conexión.

¿Listo para crear
algo nuevo?

CONTÁCTANOS
CONTÁCTANOS
o si prefieres escríbenos...
hola@binome.xyz
arrow-up-footer