BR
Bruna R.Compra verificada
Tu carrito esta vacio
Agrega packs de prompts para continuar
Copia, pega y úsalos en tu IA favorita:
Solo $0.08 por prompt · pago único
100 recursos incluidos
Transforma tu flujo de trabajo creativo con esta colección definitiva de prompts especializados en Diseño UI/UX. Diseñada bajo los más altos estándares de diseño instruccional, esta herramienta permite a diseñadores y desarrolladores optimizar cada etapa del proceso, desde la conceptualización de wireframes hasta la implementación de micro-interacciones avanzadas y sistemas de diseño escalables. Domina la industria con soluciones precisas que abordan la accesibilidad WCAG, el diseño responsive y la investigación de usuarios con un rigor profesional sin precedentes. Esta colección es la clave para elevar la calidad de tus prototipos en Figma y construir un portafolio de alto impacto que cautive a clientes y reclutadores en el competitivo mercado tecnológico global.
Actúa como un Consultor Senior en Diseño de Interfaz y Experiencia de Usuario (UI/UX) con especialización en Arquitectura de Información y Optimización de la Tasa de Conversión (CRO). Tu objetivo es conceptualizar y documentar la jerarquía visual completa para un wireframe de baja fidelidad de una landing page diseñada específicamente para [Producto/Servicio]. Esta estructura debe ser capaz de guiar al [Público Objetivo] de manera fluida y persuasiva hacia la [Acción Principal/CTA], eliminando cualquier tipo de fricción cognitiva o distracción innecesaria durante la navegación inicial. Inicia definiendo el patrón de escaneo visual más efectivo (ya sea el F-pattern, Z-pattern o el Diagrama de Gutenberg) según la densidad de información y el nivel de conciencia que requiere el usuario para [Producto/Servicio]. Justifica técnicamente por qué este patrón es el ideal para retener la atención del usuario en los críticos primeros 3 segundos de carga. Debes dividir la estructura en secciones macro, especificando el peso visual de cada elemento mediante el uso estratégico de escala tipográfica (H1 a H4), contraste de formas y la gestión de espacios en blanco (whitespace). El Hero Section debe ser el punto focal absoluto, integrando un titular magnético y la [Acción Principal/CTA] de forma que sea imposible de ignorar. Detalla minuciosamente la disposición de las secciones secundarias, tales como 'Beneficios Clave', 'Prueba Social' y los '[Elementos Clave]'. Para cada una de estas secciones, describe la jerarquía interna obligatoria: qué elemento debe ser procesado visualmente primero, segundo y tercero. Aplica leyes fundamentales de la psicología de la Gestalt, como la Ley de Proximidad para agrupar beneficios y la Ley de Continuidad para dirigir el flujo hacia abajo. Explica cómo el espacio negativo actuará como un conductor visual para evitar el agobio informativo y permitir que los puntos de conversión respiren dentro del diseño general. Finalmente, genera una representación textual estructurada del wireframe de baja fidelidad (lo-fi). Utiliza bloques de contenido que indiquen claramente la prioridad de la información y la ubicación de placeholders para imágenes o videos, sin entrar en detalles estéticos de alta fidelidad. Céntrate exclusivamente en la función, el orden lógico y la estructura de la página para que el impacto de [Estilo de Marca] sea efectivo posteriormente. La narrativa visual debe ser coherente y cada sección debe aportar un valor incremental que prepare al usuario para la decisión final, asegurando que la jerarquía soporte los objetivos de negocio planteados. Si falta información clave para completar los campos entre corchetes, hazme las preguntas necesarias antes de responder.
Acceso inmediato tras la compra desde tu panel. Solo copias y pegas en tu IA.
En ChatGPT, Claude, Gemini, DeepSeek, Grok, Qwen y cualquier chat de IA.
Sí. Cada prompt incluye campos entre corchetes donde insertas tu información, contexto y datos específicos, así que se ajustan a tu situación, país o sector.
Sí. Más arriba puedes leer prompts de muestra completos, tal como los recibirás, para verificar la calidad antes de pagar.
Sí. Pagas una sola vez y son tuyos para siempre, con actualizaciones incluidas.
Actúa como un Arquitecto de Información Senior y Especialista en UX con amplia experiencia en la creación de ecosistemas transaccionales de alto rendimiento. Tu misión es conceptualizar y documentar la arquitectura de información detallada para un nuevo e-commerce especializado en [Nicho de Mercado]. El objetivo es crear una estructura lógica que no solo organice miles de SKUs, sino que también guíe al usuario de manera intuitiva a través del embudo de ventas, minimizando la carga cognitiva y maximizando la encontrabilidad de los productos. Comienza desarrollando un Mapa del Sitio (Sitemap) exhaustivo. Define la navegación primaria basándote en las categorías de [Categorías Principales] y establece una jerarquía de subcategorías de hasta tres niveles de profundidad. Incluye la planificación de páginas transversales obligatorias como 'Quiénes somos', 'Política de devoluciones', 'Centro de ayuda' y 'Localizador de tiendas' si aplica. Asegúrate de que la arquitectura soporte una navegación facetada lógica, permitiendo a los usuarios filtrar por [Atributos Específicos del Producto] sin perderse en la jerarquía. Posteriormente, diseña la estructura de wireframing de baja fidelidad para los componentes críticos de la interfaz. Para la Página de Detalle de Producto (PDP), define la disposición jerárquica de la galería de medios, el bloque de selección de variantes (tallas, colores o materiales), la descripción técnica, las recomendaciones cruzadas (Cross-selling) y el área de validación social (reseñas y valoraciones). Para la Página de Listado de Productos (PLP), detalla la ubicación del sistema de filtros, el orden de los elementos en las tarjetas de producto y los mecanismos de paginación o carga infinita adecuados para [Perfil de Usuario Destinatario]. Finalmente, describe el flujo de navegación para el proceso de Checkout, priorizando una arquitectura de 'One-Step' o 'Multi-step' según la complejidad de la compra. Identifica los puntos de fuga potenciales y sugiere la colocación de elementos de seguridad y soporte en vivo. Integra una estrategia de SEO On-page dentro de la arquitectura, especificando cómo se deben estructurar las URLs, los encabezados H1-H3 y las migas de pan (breadcrumbs) para asegurar que la jerarquía de información sea legible tanto para humanos como para los rastreadores de motores de búsqueda. Si falta información clave para completar los campos entre corchetes, hazme las preguntas necesarias antes de responder.
Actúa como un Senior Product Designer experto en arquitectura de información y sistemas de diseño a gran escala. Tu misión es conceptualizar y definir la estructura técnica de un grid system robusto para un dashboard de baja fidelidad orientado a [Propósito del dashboard: e.g., monitoreo de servidores, análisis financiero, gestión de RRHH]. El objetivo es establecer una base sólida de wireframing que priorice la eficiencia operativa y la claridad visual antes de pasar a la fase de alta fidelidad. Comienza definiendo la anatomía del grid. Utiliza una configuración de [Número de columnas: e.g., 12 o 16] columnas para la vista de escritorio, estableciendo un gutter de [Espaciado entre columnas en px] y márgenes laterales de [Margen exterior en px]. Explica la lógica detrás de esta elección técnica, justificando cómo este sistema permite la flexibilidad necesaria para albergar componentes de diversos tamaños, desde micro-interacciones hasta visualizaciones de datos complejas. Diseña la distribución espacial de las regiones maestras del dashboard. Define el comportamiento y las dimensiones del sidebar de navegación (especificando si será persistente o colapsable), el encabezado de herramientas globales y, lo más importante, el área de visualización central. Para el área central, aplica un sistema de slots modulares donde se ubicarán widgets de KPIs, gráficos de tipo [Tipo de gráfico preferido: e.g., series temporales, diagramas de dispersión] y tablas de datos con scroll infinito. Detalla cómo se deben agrupar estos elementos para mantener una jerarquía visual lógica basada en la importancia de los datos. Describe la estrategia de adaptabilidad (responsiveness). Define los puntos de ruptura (breakpoints) específicos para tablet y dispositivos móviles. Para cada breakpoint, especifica cómo debe comportarse el grid: ¿las columnas se colapsan, se eliminan o cambian a un layout de flujo vertical? Justifica estas decisiones basándote en la carga cognitiva del usuario y la prioridad de la información en contextos de movilidad. Finalmente, genera una escala de espaciado consistente basada en un sistema de [Sistema de base: e.g., 4px u 8px] para definir los paddings internos de los contenedores y las distancias entre módulos. El resultado final debe ser una guía técnica detallada que sirva como plano estructural para el desarrollo de wireframes que garanticen una experiencia de usuario fluida y profesional. Si falta información clave para completar los campos entre corchetes, hazme las preguntas necesarias antes de responder.
Es una instrucción maestra, optimizada para la IA.
Prompt
tu instrucción
IA
Resultado
Basado en 6 reseñas
Cumple lo que promete. La organización ayuda a ubicarse rápido. Le faltó poco para el cinco.
Cumple lo que promete. La organización ayuda a ubicarse rápido. Lo recomiendo.
Superó mis expectativas. Funcionan igual de bien en ChatGPT y en Claude. Ya se los recomendé a mi equipo.
Superó mis expectativas. El índice está organizado y encuentro lo que necesito al instante. Repetiré sin dudarlo.
Justo lo que estaba buscando. El índice está organizado y encuentro lo que necesito al instante. Ya se los recomendé a mi equipo.
No esperaba que fueran tan completos. La calidad de las respuestas que obtengo mejoró muchísimo. Cien por ciento recomendado.