Microcopy
Microcopy
9 reglasErrores 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 magazineEstados 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 magazineCTAs 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 magazineTooltips 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 magazineConfirmació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 magazinePlaceholders 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.comMensajes 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 magazinePermisos: 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 normanPá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- R-1539 Errores con estructura: que paso / por que / como resolverlo
- R-1540 Estados vacíos: contexto / acción / CTA
- R-1541 CTAs como verbo + objeto concreto
- R-1542 Tooltips en max 15 palabras
- R-1543 Confirmación destructiva: nombrar la acción en el botón
- R-1544 Placeholders como ejemplos, no instrucciones
- R-1545 Mensajes de carga: que pasa y cuanto tarda
- R-1546 Permisos: momento relevante con beneficio explicito
- R-1547 Páginas 404 con tono activo y salida clara