Product Craft Bible
Microcopy
Inicio Contenido y Marketing Microcopy
Contenido y Marketing

Microcopy

9 reglas nielsen norman · smashing magazineuseronboard.com · smashing magazinenielsen norman · lukew.comapple hig · material design · nielsen norman
177

Microcopy

9 reglas
1539

Errores con estructura: que paso / por que / como resolverlo

Un mensaje de error útil tiene tres partes: (1) que paso en lenguaje claro, (2) por que paso si es relevante para el usuario, (3) como resolverlo con una acción concreta. "Error 500" no es un mensaje de error. "Tu pago no se proceso porque la tarjeta no tiene fondos suficientes. Intenta con otra tarjeta." es un mensaje de error.

nielsen norman · smashing magazine
Preferir
No se pudo guardar el documento
Por que
Tu sesión expiro después de 30 minutos de inactividad.
Como resolverlo
Inicia sesión de nuevo. Tu borrador se guardo automáticamente.
Que paso + por que + como resolverlo, tres secciones claras con separación visual
Evitar
Ha ocurrido un error
Intenta de nuevo.
Mensaje genérico sin explicación ni guía. El usuario no sabe que paso ni como resolverlo.
1540

Estados vacíos: contexto / acción / CTA

Un empty state útil tiene: (1) contexto de por que esta vacio, (2) que puede hacer el usuario aquí cuando tenga datos, (3) un CTA que inicia el primer paso. Los empty states son la primera experiencia del usuario en funcionalidades nuevas, son onboarding implicito.

useronboard.com · smashing magazine
Preferir
Aquí apareceran tus proyectos cuando los crees Los proyectos te ayudan a organizar tu trabajo por cliente
Contexto + descripción de valor + CTA específico
Evitar
No hay elementos
Sin contexto, sin guía, callejon sin salida
1541

CTAs como verbo + objeto concreto

"Enviar", "Aceptar", "Continuar" son CTAs genéricos que no comunican consecuencia. "Crear cuenta", "Confirmar pago de $1,200", "Publicar articulo" dicen exactamente que va a pasar. El usuario puede predecir la consecuencia de su acción. La especificidad reduce abandono en pasos criticos.

nielsen norman · smashing magazine
Preferir
Verbo + objeto concreto: el usuario sabe exactamente que hara cada botón.
Evitar
El usuario no sabe que pasara al hacer click. Verbos sin objeto son ambiguos.
1542

Tooltips en max 15 palabras

Los tooltips son para aclaración rápida, no para educación. Si el tooltip necesita más de 15 palabras, el problema es que el UI principal no es suficientemente claro. Solucionar el UI, no el tooltip. El tooltip desaparece cuando el usuario mueve el cursor, no puede usarse para información que el usuario necesita procesar.

nielsen norman · smashing magazine
Preferir
Exporta el reporte como PDF con los filtros actuales aplicados
Si necesitas más detalle, consulta la documentación.
12 palabras: el usuario lee el tooltip completo antes de mover el cursor
Evitar
Esta opción permite que los miembros del equipo con rol de editor puedan modificar el contenido de las páginas del proyecto, incluyendo textos, imagenes y configuraciones de SEO, pero sin acceso a la configuración de facturación ni a los permisos de usuario.
40+ palabras en un tooltip efimero, el usuario no puede leerlo antes de que desaparezca
1543

Confirmación destructiva: nombrar la acción en el botón

En un dialogo de confirmación de acción destructiva, el botón de confirmación no debe decir "Aceptar" o "Si". Debe nombrar la acción: "Eliminar cuenta", "Borrar proyecto", "Cancelar suscripción". El usuario ve exactamente que esta a punto de hacer. Hace la pausa cognitiva más difícil de ignorar.

nielsen norman · smashing magazine
Preferir
Eliminar 3 proyectos permanentemente?
Se borraran todos los archivos y comentarios. Esta acción no se puede deshacer.
"Eliminar 3 proyectos" nombra la acción exacta. Cero ambiguedad.
Evitar
Estas seguro?
Esta acción no se puede deshacer.
"Si" y "No" no dicen nada. El usuario confirma sin saber que acción ejecuta.
1544

Placeholders como ejemplos, no instrucciones

El placeholder desaparece cuando el usuario empieza a escribir. Si el placeholder contenia instrucciones criticas, el usuario las pierde justo cuando las necesita. Usar el placeholder como ejemplo del formato esperado: "ej. ana@empresa.com", no "Ingresa tu email". Las instrucciones deben estar en el label o en un hint permanente debajo del campo.

nielsen norman · lukew.com
Preferir
El label permanece visible, el placeholder muestra el formato esperado
Evitar
El placeholder es la única pista y desaparece al escribir
1545

Mensajes de carga: que pasa y cuanto tarda

Para cargas de más de 3 segundos, el mensaje de estado debe decir que esta pasando y cuanto tiempo queda. "Procesando tu video... esto puede tardar 1-2 minutos" gestiona la expectativa. "Generando reporte" con un contador de progreso da sensación de control. Sin contexto, el usuario asume que algo salio mal.

nielsen norman · smashing magazine
Preferir
Generando reporte de ventas Q3
Esto puede tardar 30 segundos
Recopilando datos
Calculando metricas
Generando gráficas (3 de 5)...
Aplicando formato
Nombre de la tarea + estimado + pasos completados + progreso animado, el usuario espera con confianza
Evitar
Cargando...
Después de 30 segundos el usuario no sabe si sigue procesando o si hay un error
1546

Permisos: momento relevante con beneficio explicito

Pedir permisos (ubicación, camara, notificaciones) en el momento en que el usuario los necesita, no al abrir la app. Explicar el beneficio antes de lanzar el dialogo del sistema. "Para mostrarte tiendas en tu zona, necesitamos tu ubicación" convierte en positivo lo que de otra forma parece intrusivo.

apple hig · material design · nielsen norman
Preferir
9:41
Buscar tiendas cercanas
Para mostrarte tiendas en tu zona, necesitamos tu ubicación.
Solo la usamos mientras buscas. No rastreamos tu posición.
Evitar
9:41
"MiApp" quiere acceder a tu ubicación
Tu ubicación se usara para determinar servicios cercanos.
Aparece al abrir la app. El usuario no sabe para que se usara, niega por defecto.
1547

Páginas 404 con tono activo y salida clara

La página 404 no es un callejon sin salida. Ofrecer: buscador, acceso a la página principal, y si es posible, sugerencias de páginas populares o relacionadas. El tono debe ser activo y útil, no apologetico. "Esta página no existe. Te llevamos al inicio." Evitar humor forzado que distrae de la salida.

nielsen norman · smashing magazine
Preferir
404
Esta página no existe o fue movida
Puede que el enlace este roto o la página haya cambiado de lugar.
Tono activo, buscador, enlaces populares y CTA claro. El usuario sigue navegando.
Evitar
404
Error 404: Página no encontrada
Sin navegación, sin buscador, sin salida. El usuario cierra la pestana.