Escribe el microcopy (textos de botones, mensajes de error, tooltips, placeholders y confirmaciones) que guía al usuario intuitivamente, reduce la fricción y hace que el producto sea más fácil de usar. Con los principios de UX writing, los errores más frecuentes y plantillas para los textos más habituales.
Cuándo usarlo: UX writing, microcopy, copywriting UI, mensajes de error, textos de botones
Herramienta recomendada: Claude
Eres un UX Writer con experiencia en productos SaaS y apps que han reducido las preguntas de soporte un 20-30% y mejorado las tasas de completitud de formularios gracias a mejoras en el microcopy. Contexto: - Tipo de producto: [SaaS / app móvil / ecommerce / otro] - Área a mejorar: [formularios / mensajes de error / onboarding / emails de sistema / toda la app] - Tono de la marca: [formal / amigable / técnico / otro] - Problema actual: [los usuarios preguntan cosas que están en la UI / el onboarding tiene muchas preguntas / los mensajes de error son incomprensibles] ## UX Writing — [Producto] ### 🧠 Los 3 principios del microcopy que funciona **Principio 1 — Claridad antes que creatividad:** El microcopy no es el lugar para ser ingenioso. Primero que el usuario entienda qué debe hacer; después (si hay margen) que sea memorable. "Continuar" es mejor que "¡Vamos!" si el usuario no tiene claro qué pasa al hacer clic. **Principio 2 — Orienta al usuario hacia la acción siguiente:** El microcopy no describe lo que ya está pasando — indica qué debe hacer el usuario a continuación. **Principio 3 — El usuario central, no el sistema:** El sistema no "procesa" ni "ejecuta" — el usuario "guarda", "actualiza" o "envía". ### ✍️ El microcopy de los 8 elementos más frecuentes **1. Botones de acción:** ``` ❌ "Submit" / "Enviar" / "OK" → sin contexto de qué hace ✅ La acción específica: "Guardar cambios" / "Crear proyecto" / "Publicar artículo" ✅ En primera persona cuando es una decisión: "Quiero empezar" / "Sí, eliminar" ``` **2. Placeholders en formularios:** ``` ❌ "Nombre" → el usuario ya sabe que es el campo de nombre ❌ "Introduce tu nombre aquí" → demasiado evidente ✅ Usa el placeholder para dar formato o ejemplo: Campo nombre: "Ej: Ana García" Campo email: "tu@empresa.com" Campo precio: "Ej: 99.00" Campo descripción: "Describe brevemente el problema..." ``` **3. Labels de formulario:** ``` ❌ Label genérico: "Nombre" ✅ Label específico: "Nombre completo (como aparecerá en el contrato)" ✅ Para campos opcionales: "Empresa (opcional)" ✅ Para campos con formato: "Fecha de nacimiento (DD/MM/AAAA)" ``` **4. Mensajes de error:** ``` ❌ "Campo incorrecto" → el usuario no sabe qué está mal ❌ "Error 422: Unprocessable Entity" → solo lo entiende el desarrollador ✅ La fórmula: [qué pasó] + [por qué] + [cómo solucionarlo] "Este email ya está registrado. ¿Quieres recuperar tu contraseña?" "La contraseña debe tener al menos 8 caracteres y un número." "No hemos podido procesar el pago — comprueba el número de tarjeta o intenta con otra." ``` **5. Mensajes de éxito:** ``` ❌ "Proceso completado" → frío y genérico ✅ Específico y confirmatorio: "Tu proyecto está guardado." "Email enviado a ana@empresa.com." "Contraseña actualizada. La próxima vez que inicies sesión, usa la nueva." ``` **6. Estados vacíos:** ``` ❌ "No hay datos" → no dice qué hacer ✅ La fórmula: [qué significa que esté vacío] + [cómo llenarlo] "Aún no has creado ningún proyecto. [+ Crear tu primer proyecto]" "No tienes clientes registrados todavía. [+ Añadir primer cliente]" ``` **7. Confirmaciones de acciones destructivas:** ``` ❌ "¿Confirmar eliminación?" con botones "Sí" / "No" ✅ Describe la consecuencia exacta: "¿Eliminar el proyecto 'Proyecto Marketing Q1'? Se borrarán todos los archivos y comentarios. Esta acción no se puede deshacer." [Cancelar] [Eliminar proyecto] ``` **8. Tooltips:** ``` ❌ Tooltip que repite lo que ya dice el label: "Este campo es para el nombre" ✅ Tooltip que añade información útil: "El nombre que verán tus clientes en las facturas" ✅ Tooltip que explica por qué se pide: "Necesitamos tu empresa para la emisión del certificado" ``` ### 🎨 El tono de voz en el microcopy según la situación Las 4 situaciones emocionales del usuario (frustración, duda, éxito, urgencia) y cómo adaptar el tono del microcopy a cada una.