Siga conectamentado: Agréganos como fuente preferida en Google.
Conclusiones esencia de conectamentado
- Probé ChatGPT Images 2.0 en dos UI de productos activos.
- La IA encontró problemas de diseño y sugirió soluciones prácticas.
- Para los desarrolladores independientes, la revisión del diseño de la IA podría ser un gran problema.
Durante la última semana, he estado explorando las profundidades de la nueva traducción ChatGPT Images 2.0 de OpenAI. Este es un tiro mucho más trascendental de lo que parece a primera presencia.
A todos nos han impresionado los generadores de imágenes de IA. Estas herramientas crean imágenes bonitas y pueden realizar algunos trucos divertidos. Incluso pueden producir una gran cantidad de desechos de IA. Pero, hasta ahora, su comprensión de lo que están produciendo ha sido limitada.
Adicionalmente: 7 técnicas de codificación de IA que utilizo para cursar productos reales y confiables, rápidamente
Images 2.0 añade inteligencia sobre el tema a la gestación de imágenes. Esta capacidad significa que ChatGPT puede acoger asignaciones y producir resultados de stop valía.
En este artículo, veremos uno de esos tipos de asignación: la modernización de una interfaz de favorecido. Anteriormente, los agentes de codificación podían intentar estafar un ambiente de la interfaz de favorecido aquí y allá. Los chatbots podrían hacer recomendaciones basadas en texto sobre lo que había que arreglar. Pero no pudieron hacer el diseño completo.
Ahora pueden hacerlo. Introduje dos diseños de interfaz de favorecido en los que estoy trabajando activamente en ChatGPT Images 2.0 en mi plan ChatGPT Plus de $20 al mes. En unos pocos minutos, ChatGPT presentó dos interfaces de favorecido rediseñadas, las cuales resultaron en una gran cantidad de mejoras de diseño que planeo incorporar a mis productos.
Aquí hay cuatro artículos recientes que lo mantendrán actualizado sobre lo que ya encontré con esta nueva utensilio:
A menudo utilizo mi trabajo fuera de conectamentado como material de tesina para artículos de descubrimiento de conectamentado. Intento evitar compartir nombres de productos y enlaces porque no quiero ningún conflicto de intereses. Pero en este artículo es necesario mostrar los nombres de los productos. Los nombres son parte del diseño de interfaz de favorecido existente en el que le pedí a la IA que trabajara. Si los sacara, no tendría tanto sentido. Continuaré evitando vincular a los productos en sí.
Adicionalmente: realicé 4 primaveras de explicación de productos en 4 días por $ 200 y todavía estoy atónito.
Empecemos.
Diseño de interfaz Mac
Para este desafío, tenía dos interfaces que quería ejecutar con la IA.
Adicionalmente: utilicé Claude Code para codificar una aplicación de Mac en 8 horas, pero fue más trabajo que ilusionismo.
La primera es una aplicación para Mac que he estado codificando con Claude Code desde enero. Este tesina está tardando un poco porque solo tengo una o dos horas a la semana para trabajar en él y utiliza la IA interna de MacOS para el procesamiento y estudio de imágenes.
Aquí está el diseño tal como existe en mi aplicación en este momento. Están pasando muchas cosas aquí. Estoy particularmente interesado en los chico grandes de la izquierda, porque reflejan los colores de la marca del negocio de comercio electrónico de mi esposa. Incluso se traducen muy acertadamente a la aplicación de iPhone:
Subí esa captura de pantalla a ChatGPT y le envié el mensaje: «Rediseña esta interfaz de favorecido para hacerla más atractiva y viable de usar». Esto es lo que creó ChatGPT Images 2.0:
Al principio no me gustaron los cambios. El cambio más evidente fue la pérdida de los chico de colores. Pero la IA siquiera entendió del todo que hay opciones de visualización en la parte inferior de la presencia de cuadrícula.
Adicionalmente: cómo la IA de repente se ha vuelto mucho más útil para los desarrolladores de código despejado
Por otro costado, mira esos cuadrados rojos. Esas son las áreas de la nueva maqueta que positivamente me gustan y planeo incorporar a mi interfaz de favorecido:
- El conjunto de acciones en la parte inferior izquierda eran íconos en la aplicación de iPhone, pero se ven mucho mejor con la interfaz de favorecido presentada por la IA.
- Del mismo modo, la IA agregó una zona de encabezado mucho más clara en la parte superior de la presencia de cuadrícula, como se muestra en el cuadro rojo superior central.
- La IA todavía extendió las miniaturas de los patrones, dándoles más espacio para respirar para que el cuadro de selección sea claro y atractivo, como se muestra en el cuadro rojo inferior en el medio.
- La IA agregó una opción de favoritos que no he conectado, pero que positivamente me gusta.
- Finalmente, me gusta la idea de un campo Añadido/Actualizado persistente en la parte inferior de la presencia detallada.
Lo que más aprendí de este examen son esas cinco nuevas notas de diseño que planeo incorporar a mi producto. No voy a rediseñar toda la aplicación para reverberar la interfaz de favorecido sugerida. Sin retención, la imagen incluía algunas ideas geniales.
Adicionalmente, tener una maqueta como esta hará que sea mucho más viable mostrarle a Claude Code lo que me gustaría que hiciera. Este examen es un gran ejemplo del uso del plan ChatGPT Plus de $20 al mes y el plan Claude Code Max 5x de $100 al mes para crear un mejor software.
Diseño de interfaz web
El subsiguiente paso es la interfaz de favorecido de la página de inicio de mi producto de seguridad. Mi diseño es noble pero proporcionado rudimentario, lo que refleja principalmente el hecho de que no me gusta codificar en CSS.
Adicionalmente: codifiqué 24 días en 12 horas con una utensilio de inteligencia sintético de 20 dólares, pero hay un gran problema
El otoño pasado, en mi primer tesina de codificación de vibraciones basado en agentes, utilicé el Codex de OpenAI en mi plan ChatGPT Plus (que se quedó sin asignación de IA proporcionado rápido) para rediseñar la interfaz de favorecido de proporcionado fea a inobjetable. Aquí está el resultado de esa primera pasada el otoño pasado. Hice el diseño y le dije a Codex dónde y cómo diseñar el CSS:
Los resultados de mis pruebas de esta semana fueron interesantes. Pegué la captura de pantalla en ChatGPT, pero accidentalmente presioné regresar ayer de poder avisar. ChatGPT decidió por su cuenta analizar la página, deduciendo que «los mayores problemas son una dependencia visual débil, demasiado mediocre, un monolito de entrada muy dispendioso y tres tarjetas inferiores que compiten por igual por la atención aunque no sean igualmente importantes».
Incluso recomendó una «estética administrativa más moderna», que incluye:
- Fondos de cartulina blanca en ocasión de grandes paneles grises.
- Fronteras más suaves.
- Más espacio entre secciones.
- Un color de acento robusto, usado consistentemente para chico, enlaces y estados activos.
- Longitudes de vírgula más cortas para el cuerpo del texto.
- Mejor contraste entre títulos, subtítulos y cuerpo del texto.
Adicionalmente: Claude Code ganó la sorprendente suma de mil millones de dólares en 6 meses, y mi propia aplicación para iPhone codificada con IA muestra por qué
En este punto, decidí utilizar Imágenes 2.0 y le dije: «Proporcioneme una imagen de la interfaz redefinida». Esto es lo que produjo la IA:
Este resultado todavía proporciona algunas notas de diseño con las que puedo retornar al Codex. Utilizo Codex de OpenAI con el producto web y Claude Code con el producto Mac, principalmente para darme experiencia con las dos herramientas de codificación agente para poder escribir sobre ellas. Si no tuviera como objetivo principal escribir aquí, elegiría una utensilio u otra. He descubierto que uno y otro son igualmente aperos.
Adicionalmente: Cómo el nuevo modo forzoso de Claude Code previene los desastres de codificación de IA, sin ralentizarlo
ChatGPT Images 2.0 decidió inventar un logotipo (principalmente porque no le había proporcionado uno en mi primera imagen). La IA agregó varias funciones que me gustaron.
En primer ocasión, me gustó mucho la estética del diseño caudillo que recomendaba. Puede que requiera mucho trabajo propagar eso al resto del producto (es un producto coloso), pero me gustó el diseño.
Adicionalmente, me gustó cómo la IA promovió tres áreas separadas de ayuda al favorecido: la zona de Configuración rápida, la zona de Necesita ayuda y la sección Configurar privacidad/Ver documentos en la parte superior. Si acertadamente la interfaz innovador daba a los usuarios golpe a la información, en existencia no dejaba claro por dónde principiar.
Incluso me gustó la sección Estado del sitio en la parte inferior. A menudo he pensado en juntar una característica como esa, pero los requisitos de codificación me intimidaron un poco, porque los rudimentos de estado tendrían que cambiar según los complementos freemium que el favorecido hubiera instalado. Aún así, ver una representación de esa característica me hizo querer agregarla.
Esto cambia las reglas del pernio
Siento que esta capacidad cambia las reglas del pernio como lo fue ChatGPT cuando apareció por primera vez, y como lo fue la programación de pares agentes cuando aterrizó el verano pasado.
Adicionalmente: creé dos aplicaciones solo con mi voz y un mouse. ¿Los IDE ya están obsoletos?
Envié dos interfaces de favorecido de productos a la IA y recibí comentarios esencialmente revisados por pares, adyacente con un conjunto de diseños de prototipos. Como programador en solitario, este resultado es invaluable.
Incluso si tuviera un equipo interno completo, con programadores y diseñadores en plantilla, probablemente me habría llevado aproximadamente una semana ejecutar este estudio y construir prototipos para revisar. Los gastos de salario por sí solos para ese tesina habrían sido proporcionado sustanciales. Pero por $ 20, me dieron dos rediseños muy aperos, muy constructivos y ausencia estúpidos por la IA que contenían pepitas procesables que mejorarán mis productos.
Simplemente guau.
Si estuvieras emparejando ChatGPT Images 2.0 con Claude Code o Codex, ¿usarías la maqueta de la imagen como recapitulación de diseño para el agente de codificación? Háganos memorizar en los comentarios a continuación.
Puedes seguir las actualizaciones diarias de mi tesina en las redes sociales. Asegúrate de suscribirte a mi boletín de modernización semanal y sígueme en Twitter/X en @DavidGewirtzen Facebook en Facebook.com/DavidGewirtz, en Instagram en Instagram.com/DavidGewirtz, en Bluesky en @DavidGewirtz.com y en YouTube en YouTube.com/DavidGewirtzTV.
