He diseñado mil características a lo largo de mi carrera y he probado cientos de herramientas para ayudarme a ser más rápido en mi trabajo. Vamos a desglosarlo por cada fase del proceso de diseño.
Fase 1: Investigación / PRD
Antes de sumergirse en el diseño de píxeles, la mayoría de nosotros recopilamos nuestras ideas en documentos de requisitos de productos, donde, en el caso de una característica, estructuramos ideas, requisitos, objetivos y otros elementos importantes que nos ayudan a no quedarnos atrapados mientras diseñamos realmente la interfaz de usuario.
Utilicé algunas herramientas que aceleran esta fase, pero, de lejos, las mejores son ChatPRD. Es una herramienta de IA que te ayuda a redactar esos documentos de producto o limpiar tus pensamientos escritos a mano en un plan coherente y estructurado.
También resulta útil estar preparado antes de entrar en herramientas de IA para UI. La calidad de tu indicación e ideas marca una gran diferencia.
Fase 2: De la idea a la UI
Tradicionalmente, diseñar la interfaz de usuario significaba ir a Figma y pasar horas mirando el lienzo en blanco antes de idear algo.
Con nuevas herramientas como Banani AI, puedes describir la pantalla que deseas en texto plano como una indicación de texto, y ellos crearán borradores de interfaces de usuario y wireframes.
Como mencioné en la sección anterior, cuanto mejor estén delineadas tus ideas, mejores serán los resultados de la interfaz de usuario generada por la IA, así que, por favor, no descuides ese paso.
Una vez que estés satisfecho con la primera pantalla generada a partir del prompt, simplemente puedes hacer clic en "elementos de interacción" desde la perspectiva del usuario, y Banani intentará predecir qué debería haber en la siguiente pantalla.
También puede aplicar tu paleta de colores o sistema de diseño de tu producto para diseñar interfaces de usuario que coincidan con el estilo y apariencia de tu producto.
Esto es importante para los equipos que necesitan consistencia a través de múltiples productos y no quieren re-estilizar manualmente cada maqueta generada por la IA.
Fase 3: Iteración y retroalimentación
El diseño nunca es correcto al primer intento. Dependiendo de tu flujo de trabajo, probablemente pases archivos de diseño, reúnas comentarios y vuelvas a hacer pantallas manualmente. Con la IA, la iteración se siente más como una conversación.
Herramientas como Granola, diseñadas para transcripciones de reuniones, pueden simplificar mucho la agregación de comentarios de llamadas de crítica de diseño, sesiones de pruebas de usuario con personas reales, o simplemente una llamada amistosa con tu compañero de diseño.
Además, ahora hay herramientas que te ayudan a ejecutar pruebas de UX no controladas y obtener todos los mismos beneficios. Una que uso es Maze. Te permite enviar un enlace del diseño al usuario, para que recorra el flujo.
Puedes utilizar resúmenes agregados y enviarlos a herramientas generativas de UI de la sección anterior para hacer la siguiente iteración.
Resumen
Largas etapas iniciales de investigación, ajustes de diseño, estilización e iteración pronto serán un recuerdo lejano. Adopta nuevos productos de IA y aplicaciones de diseño como ChatPRD o Banani a tu lado para acelerar las partes largas o aburridas del proceso de diseño de UI.
