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.