He diseñado mil funciones a lo largo de mi carrera y he probado cientos de herramientas para ayudarme a ser más rápido en mi trabajo. Desglosemos cada etapa del proceso de diseño.
Etapa 1: Investigación / PRD
Antes de comenzar a trabajar con píxeles, la mayoría de nosotros reúne nuestras ideas en documentos de requisitos del producto, donde, en el caso de una función, estructuramos pensamientos, requisitos, objetivos y otras piezas importantes que nos ayudan a no quedarnos atascados mientras realmente diseñamos la interfaz.
He usado algunas herramientas que aceleran esta etapa, pero las mejores con diferencia son ChatPRD. Es una herramienta de inteligencia artificial que te ayuda a redactar esos documentos de producto o a organizar tus pensamientos manuscritos en un plan coherente y estructurado.
También resulta útil estar preparado antes de usar herramientas de IA para UI. La calidad de tu propuesta y tus ideas marca una gran diferencia.
Etapa 2: De la idea a la UI
Tradicionalmente, diseñar la interfaz significaba ir a Figma y pasar horas mirando el lienzo en blanco antes de llegar a algo.
Con nuevas herramientas como Banani AI, puedes simplemente describir la pantalla que quieres en texto claro como una sugerencia escrita, y ellos crearán borradores de interfaces y wireframes.
Como escribí en la sección anterior, mejor delineados estén tus pensamientos, mejores serán los resultados de la IA para UI, así que por favor, no descuides ese paso.
Una vez que estés satisfecho con la primera pantalla generada a partir del prompt, puedes simplemente hacer clic en elementos de "interacción" desde la perspectiva del usuario, y Banani intentará predecir qué debería aparecer en la siguiente pantalla.
También puede aplicar tu paleta de colores o sistema de diseño de tu producto para diseñar interfaces que coincidan con el aspecto y la sensación de tu producto.
Esto es muy importante para equipos que necesitan consistencia a través de múltiples productos y no quieren volver a estilizar manualmente cada mockup generado por la IA.
Etapa 3: Iteración y retroalimentación
El diseño nunca está perfecto a la primera. Dependiendo de tu flujo de trabajo, probablemente pasarás archivos de diseño, recopilarás comentarios y rehacerás pantallas manualmente. Con la IA, la iteración se siente más como una conversación.
Herramientas como Granola, que están destinadas a transcripciones de reuniones, pueden simplificar en gran medida la recopilación de feedback de llamadas de crítica de diseño, sesiones de pruebas de usuarios reales o simplemente una llamada amistosa con tu compañero de diseño.
Además, ahora existen herramientas que te ayudan a realizar pruebas de UX sin control y obtener todos los mismos beneficios. Una que uso es Maze. Te permite enviar un enlace del diseño al usuario, y que ellos atraviesen el flujo.
Puedes usar resúmenes agrupados 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, estilo e iteración pronto serán un recuerdo distante. 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.
