La demo iPod de GPT-6 Astra: dirección visual para una interfaz retro

Observa la metáfora física en funcionamiento

El mensaje del creador especifica un iPod 3D construido en Blender, una aplicación Mac y navegación por tareas de Codex. Declara un resultado en quince minutos. La grabación muestra una demostración de interfaz física, pero no un estudio de usabilidad ni una prueba de preparación para producción.

Nuestra adaptación conserva la idea de un objeto delimitado y cambia el diseño: una grabadora ficticia con pantalla rectangular pequeña, dos botones distintos y carcasa gris cálido. Así el ejercicio tiene identidad propia sin reproducir el producto de Apple.

Elige la tarea que el objeto debería aclarar

La grabadora tiene una función: elegir una nota guardada y ver si está lista para revisar. Tres estados bastan para explorar la idea: lista breve, nota seleccionada y estado vacío. La decoración física no debe ocultarlos.

Pide a Astra que asigne una tarea a cada control antes de añadir biseles y reflejos. Si un botón es decorativo, indícalo en el brief. Un control renderizado parece accionable, por lo que la implementación debe aclarar su papel o eliminarlo.

Explora materiales sin mover los controles

Crea en Ciyo un concepto frontal con espacio de pantalla claramente reservado. Varía después el material conservando silueta y posiciones. Una versión gris mate y otra ámbar translúcida responden a una pregunta concreta de dirección artística.

Mantén el texto de la futura interfaz separado en la herramienta de diseño o código. El render puede demostrar color y material, pero sus letras pequeñas generadas no deben definir la navegación. Identifica la imagen como concepto al presentarla a un cliente.

Relaciona el material con la legibilidad en el prompt

Para el primer render, usa una cámara casi frontal y un fondo tranquilo. La perspectiva extrema añade dramatismo y reduce a la vez el espacio de pantalla útil. Deja el ángulo cinematográfico para promoción cuando funcione la vista frontal.

Compara el resultado de Ciyo con el plan de controles. Si aparecen botones nuevos o cambia la pantalla, corrige eso antes de pedir otro acabado. Conserva una referencia aprobada para todas las vistas promocionales.

Diseña una grabadora de bolsillo ficticia y original para una aplicación de revisión de notas. Usa carcasa gris cálido, pantalla rectangular simple, un botón principal grande naranja apagado, otro secundario pequeño y una luz de estado. La vista será casi frontal y la silueta distinta de reproductores de música de marcas existentes. Usa sombreado moderado y fondo marfil tranquilo. No renderices texto exacto de interfaz. Devuelve un brief frontal, dos materiales alternativos y una lista de controles cuyas posiciones deben permanecer fijas.

Comprueba la metáfora al tamaño de uso

Coloca el concepto junto a una versión rectangular sencilla de los mismos tres estados. Pregunta si el aspecto físico ayuda a entender dónde actuar. Es un ejercicio propuesto, no una prueba que afirmemos haber realizado. Registra confusiones concretas, como esperar que una rueda decorativa permita desplazarse.

Para implementar, entrega referencias planas y una especificación de comportamiento a un proceso de código separado. Mantén accesibles textos y controles reales. Si necesitas rotación 3D, construye y prueba geometría real: un render de Ciyo no aporta superficies ocultas.

Haz la promoción después de aclarar la tarea

Una vez aprobada la vista frontal, crea una imagen en tres cuartos con la misma familia de referencias. Deja espacio al lado para texto editable. Un movimiento breve puede presentar el concepto, sin insinuar que ya existe una aplicación si todavía no está hecha.

Parte del encanto de la demo está en aplicar un objeto antiguo a una tarea moderna. Tu versión necesita tarea e identidad propias. Separa interfaz funcional y render promocional en la entrega para que el revisor sepa qué está evaluando.

• Definir la dirección visual con un mood board