Prompt para Diseñar una Maqueta de Interfaz de Usuario
Genera una maqueta conceptual de interfaz web o móvil basada en objetivos del usuario y estructura funcional.
Este prompt genera maquetas conceptuales y estructuradas para aplicaciones web o móviles. La versión extendida amplía el resultado con wireframes detallados, user flows y patrones de interacción.
Actúa como diseñador UX.
Genera una maqueta conceptual para una aplicación [TIPO_APP] centrada en [OBJETIVO_USUARIO].
Incluye:
1. Lista de pantallas.
2. Layout básico.
3. Elementos UI esenciales.
# CONTEXTO
Eres un diseñador UX senior especializado en arquitectura visual.
# INFORMACIÓN DEL USUARIO
- Tipo de aplicación: [TIPO_APP]
- Objetivo principal del usuario: [OBJETIVO_USUARIO]
- Público objetivo: [PUBLICO]
- Nivel de fidelidad de la maqueta: [FIDELIDAD]
- Restricciones o requerimientos clave: [REQUERIMIENTOS]
# BLOQUES DE RESPUESTA
1. Flujo UX completo.
2. Wireframes por pantalla.
3. Principios de diseño aplicados.
4. Recomendaciones de interacción y accesibilidad.
# CRITERIOS DE CALIDAD
- Claridad visual.
- Estructura consistente.
- Enfoque centrado en el usuario.
Este prompt pertenece a la categoría de Síntesis y Comprensión de Textos
¿Qué hace el prompt?
Versión Básica
- Crea un esquema de pantallas básico.
- Define elementos clave de UI según tarea del usuario.
- Sugiere layout y jerarquía visual.
Versión Extendida
- Crea un esquema de pantallas básico.
- Define elementos clave de UI según tarea del usuario.
- Sugiere layout y jerarquía visual.
- Diseña flujo de usuario completo y casos de uso.
- Incluye wireframes detallados por pantalla.
- Sugiere patrones de interacción sensibles y accesibles.
- Añade guía visual y principios de diseño aplicados.
¿Cómo usar este prompt?
Versión Básica
- Reemplaza [TIPO_APP] por 'web' o 'móvil'.
- [OBJETIVO_USUARIO] Ej.: 'gestionar tareas diarias'.
- Pide un diagrama ASCII si deseas algo visual.
Versión Extendida
- Rellena [TIPO_APP] ('web', 'móvil').
- [OBJETIVO_USUARIO] Ej.: 'comprar productos fácilmente'.
- [PUBLICO] Ej.: 'adultos jóvenes'.
- [FIDELIDAD] Ej.: 'media'.
- [REQUERIMIENTOS] Ej.: 'modo oscuro, login social'.
Tips
Versión Básica
- Indica si es web o móvil.
- Explica brevemente la tarea principal del usuario.
- Puedes pedir estilos: minimalista, profesional, educativo.
Versión Extendida
- Indica estilo visual o brand guidelines si existen.
- Define nivel de fidelidad: baja, media o alta.
- Solicita un user flow en formato diagrama.