HomeCasa Microcopy y diseño de estados vacíos, de error y de carga
Crea un inventario de estados vacíos, errores, cargas y confirmaciones de una pantalla, con titular, texto, acción principal y notas de accesibilidad listas para el equipo de producto. Pensado para ChatGPT, Claude, Gemini y Microsoft Copilot. Incluye 5 variables personalizables y se copia gratis en un clic.
Principiante · Texto · Pendiente de revisión editorial
Prompt
Actúa como UX writer y diseñador de producto con experiencia en interfaces SaaS.
Contexto:
- Producto: {{producto}}
- Pantalla o funcionalidad: {{pantalla}}
- Tipo de usuario: {{usuario}}
- Tono de voz: {{tono}}
- Errores reales que pueden ocurrir: {{errores}}
Entregables:
1. Inventario de estados de la pantalla: primer uso (vacío inicial), sin resultados de búsqueda o filtro, vacío tras borrar todo, carga, carga lenta, error de conexión, error de permisos, error de validación, error del servidor, éxito y datos parciales. Añade los que falten según el contexto.
2. Para cada estado: cuándo aparece, titular (máx. 40 caracteres), texto de apoyo (máx. 120), acción principal, acción secundaria si procede y sugerencia visual (ilustración, icono, skeleton).
3. Reglas de microcopy para este producto: decir qué ha pasado, por qué y qué puede hacer el usuario; nunca culparle; no mostrar solo códigos técnicos.
4. Notas de accesibilidad por estado: anuncio con aria-live cuando cambie el contenido, gestión del foco tras un error, no depender solo del color y texto alternativo de las ilustraciones.
5. Tres variantes del estado vacío de primer uso para probar con usuarios.
Restricciones:
- No inventes funcionalidades ni límites del producto; usa [COMPLETAR] cuando falte un dato.
- Mantén un tono {{tono}} coherente en todos los estados.
- Si no está claro qué puede hacer el usuario en algún error, pregúntame antes de redactarlo.
Formato: tabla con columnas Estado, Disparador, Titular, Texto, Acción principal, Acción secundaria, Visual, Accesibilidad; después reglas y variantes.Cómo usarlo
- Indica la pantalla concreta y los errores reales que registra tu sistema. 2. Revisa la tabla con desarrollo para confirmar que cada disparador existe. 3. Copia los textos a tu archivo de diseño o a tu sistema de traducciones.
Ejemplo de uso
Producto: app de gestión de proyectos · Pantalla: lista de tareas · Usuario: jefe de equipo · Tono: cercano · Errores: sin conexión, sin permisos de edición.
Resultado de ejemplo
Estados de la lista de tareas
| Estado | Cuándo aparece | Titular | Texto | Acción principal | Secundaria | Visual | Accesibilidad |
|---|---|---|---|---|---|---|---|
| Primer uso | Proyecto recién creado | Aquí irán tus tareas | Añade la primera y reparte el trabajo con tu equipo. | Crear tarea | Importar lista | Ilustración de lista vacía | Ilustración con alt vacío (decorativa) |
| Sin resultados | Filtro sin coincidencias | Nada con estos filtros | Prueba con otro estado o responsable. | Quitar filtros | — | Icono de lupa | Anunciar con aria-live="polite" |
| Sin conexión | Se pierde la red | Estás sin conexión | Guardamos tus cambios y los enviaremos al volver la conexión. | Reintentar | — | Icono de nube tachada | No depender solo del color |
| Sesión caducada | Token expirado | Tu sesión ha caducado | Vuelve a entrar para seguir; no perderás lo que estabas escribiendo. | Iniciar sesión | — | Icono de candado | Mover el foco al botón |
| Sin permiso | Usuario de solo lectura | Solo puedes ver este proyecto | Pide acceso de edición a quien lo gestiona. | Solicitar acceso | — | Icono de ojo | Texto explicativo, no solo un botón desactivado |
| Archivo grande | Adjunto supera el límite | Este archivo es demasiado grande | El máximo es [COMPLETAR: límite real]. Prueba a comprimirlo. | Elegir otro archivo | — | Icono de documento | Error asociado al campo con aria-describedby |
Reglas de microcopia
- Di qué ha pasado, por qué y qué puede hacer la persona.
- Nunca culpes al usuario: «No hemos podido…», no «Has fallado…»…
Datos clave
- Categoría
- Diseño UI/UX · Aplicaciones SaaS
- Tipo de resultado
- Texto
- Nivel
- Principiante
- Pensado para
- ChatGPT, Claude, Gemini y Microsoft Copilot
- Verificado en
- Pendiente de verificación editorial
- Variables
- Producto, Pantalla o funcionalidad, Tipo de usuario, Tono de voz y Errores reales
- Idioma
- Español
- Precio
- Gratis, sin registro
- Actualizado
- 07/11/2026
Preguntas frecuentes
¿Qué diferencia hay entre un estado vacío de primer uso y uno sin resultados?
El de primer uso debe explicar el valor de la funcionalidad e invitar a crear el primer elemento. El de sin resultados debe ayudar a cambiar o limpiar la búsqueda o los filtros.
¿Hay que mostrar el código de error al usuario?
Solo como dato secundario para soporte. El mensaje principal debe estar en lenguaje claro y decir qué hacer a continuación.
¿Para qué sirve este prompt?
Crea un inventario de estados vacíos, errores, cargas y confirmaciones de una pantalla, con titular, texto, acción principal y notas de accesibilidad listas para el equipo de producto.
¿Con qué herramientas de IA funciona?
Está pensado para ChatGPT, Claude, Gemini y Microsoft Copilot. Todavía no lo hemos verificado en estas herramientas, por lo que los resultados pueden variar entre ellas.
¿Cómo personalizo el prompt?
Pulsa «Personalizar» y rellena las variables (Producto, Pantalla o funcionalidad, Tipo de usuario, Tono de voz y Errores reales). El texto se actualiza al instante y después puedes copiarlo con un clic. Los valores se guardan solo en tu navegador.
¿Necesito experiencia para usarlo?
No. Es un prompt de nivel principiante: basta con rellenar los datos y pegarlo en tu herramienta de IA.
¿Este prompt es gratis?
Sí. Todos los prompts de HomeCasa Prompts son gratuitos, sin registro ni suscripción. Puedes usarlos también en proyectos profesionales.
¿Puedo fiarme del resultado de la IA?
Úsalo como un borrador de calidad: revisa siempre datos, cifras y afirmaciones importantes antes de publicarlos o tomar decisiones.