La página de inicio de Uizard.io
Parte “2.5” de la serie de blogs Abrazando nuestro miedo a la IA
Con el ánimo de aceptar parte del miedo o la incertidumbre que rodean a la IA (capturados en esta serie de blogs, consulte las partes 1 y 2), he estado jugando con herramientas de diseño asistidas por IA. En contexto, tengo experiencia en diseño de contenidos y he estado gestionando equipos de diseño de contenidos y productos durante los últimos 7 años. Esta publicación trata sobre mis experiencias con las versiones gratuita y Pro de Uizard.io, una herramienta de diseño UI/UX “constrúyala usted mismo”.
Si bien inicialmente me atrajo Uizard por el asistente de IA “Autodesigner”, rápidamente me di cuenta al registrarme de que la versión gratuita no incluye esta magia. En cambio, la versión gratuita le ofrece una serie de plantillas y componentes para diseñar, junto con algunas funciones de IA (en lugar de un generador de UI completo):
El selector de plantillas de Uizard
En todas las plantillas, el recorrido de incorporación le indica tareas básicas (agregar pantallas, componentes, interacciones), pero sin mucho contenido personalizado sobre cómo personalizar la plantilla según sus necesidades.
Una de las mejores características de IA en la versión gratuita fue el cargador de estructura alámbrica y capturas de pantalla, aunque creo que el cargador de estructura alámbrica necesita algo de trabajo, ya que esto es lo que pasó con un boceto a lápiz que encontré en un cuaderno viejo:
El viaje de una estructura alámbrica desde un pobre boceto a lápiz hasta una pantalla inestable con IA
Descubrí que el cargador de capturas de pantalla funcionó mucho más rápido y fue genial poder jugar instantáneamente con los componentes de la captura de pantalla (sí, hice meta y usé una captura de pantalla de la interfaz de usuario de Uizard para jugar con la interfaz de usuario de Uizard…):
Una captura de pantalla se convierte en una pantalla compuesta
En general, sentí que el estilo y las vibraciones generales eran un poco simplistas, pero aprecié la baja barrera de entrada. Puedes saltar fácilmente y comenzar a mover componentes, aunque definitivamente Necesita conocer algunos conceptos básicos del diseño de interfaces y sistemas de diseño.
El bueno:
Barrera de entrada baja Muchas plantillas para elegir Un cambio fácil entre el modo de estructura alámbrica y de maqueta (aunque creo que esto es más una característica de “luce genial” que cualquier otra cosa) Algunas funciones básicas de IA (pantallas generadas por IA a partir de capturas de pantalla y estructuras alámbricas dibujadas a mano , así como texto de interfaz de usuario sugerido)
El malo:
Los componentes se desmoronaron casi inmediatamente después de arrastrarlos a una pantalla (habría esperado alguna agrupación básica para mantener juntos los elementos de los componentes). El área de diseño estaba bastante ocupada en general, especialmente con guías/mensajes de incorporación que no se podían descartar (al menos). Lo favorito cuando se trata de incorporación) No había créditos para probar la funcionalidad Autodesigner y las sugerencias de imágenes/texto (de las cuales solo obtienes 5 gratis al mes) eran básicas.
Me salté la versión gratuita bastante rápido porque realmente buscaba esta misteriosa característica de Autodesigner AI. Actualmente administro equipos de diseño que trabajan en Confluence (la herramienta de colaboración y gestión del conocimiento de Atlassian), así que intenté experimentar con un mensaje relacionado con un proyecto de incorporación en el que hemos estado trabajando:
La pantalla de aviso de Autodesigner
Sin tantos controles o ejemplos para revisar, mantuve mi mensaje simple y me arrepentí de haberlo hecho tan pronto como vi el consejo en la siguiente pantalla de carga:
La pantalla de carga de Autodesigner
Cuando se carga el proyecto, se le coloca en el espacio de diseño del proyecto, donde tiene la opción de regenerar otro conjunto de pantallas con el mismo mensaje o generar con un nuevo mensaje. Esto es lo que Autodesigner creó la primera vez:
El resultado del Autodesigner (y un mensaje de celebración muy emocionado)
Fue bueno hablar tanto sobre esta característica como Beta porque debo admitir que esperaba más. Las pantallas parecían una mezcla de un sistema de gestión educativa, un rastreador de tareas y un directorio de equipo. Me hubiera encantado poder aceptar/rechazar los componentes que no se alineaban con mi solicitud y regenerar pantallas específicas en lugar de todo el proyecto.
Como sentí que estaba estirando la herramienta con un mensaje demasiado complejo, terminé mi tiempo de experimentación con un mensaje simple por si acaso:
Un mensaje más simple y una de las pantallas diseñadas automáticamente
Al igual que con la versión gratuita, el resultado fue bastante simplista y todavía creo firmemente que se necesita mucha educación en diseño para saber qué hacer a continuación para llevar este tipo de ejercicios a la vida real.
El bueno:
Autodesigner te permite generar pantallas en minutos. Si no tienes un sistema de diseño existente, esto te permite jugar con el aspecto que podría tener un lenguaje de diseño común.
El malo:
El precio de 19 dólares al mes parecía elevado para una función Beta. Pocos o ningún estándar de accesibilidad. No hay una manera fácil de realizar ediciones masivas (por ejemplo, cambiar colores o estilo de borde en todo el proyecto). Mi diseñador de contenido interno se estremeció ante la cantidad de contenido de marcador de posición de Lorem Ipsum (lo que hizo que el contenido sugerido función de texto bastante inútil, a menos que quieras generar palabras aleatorias)
Al final del día, quería experimentar con la generación automatizada de pantallas y eso es exactamente lo que Uizard me permitió hacer. Si bien encontré la herramienta demasiado simplista para las necesidades de mi equipo (estoy seguro de que se producirán mejoras en el futuro), me pareció un kit de inicio útil para diseñadores y estudiantes principiantes.
Es importante tener en cuenta que las herramientas de IA solo automatizan parte del proceso de diseño. Los diseñadores experimentados todavía tienen un papel importante que desempeñar en la forma en que los equipos dan forma a las indicaciones correctas y garantizan que las pantallas generadas automáticamente eventualmente sean utilizables, accesibles y estén al servicio de una necesidad real del usuario. Después de todo, jugar con la automatización todavía requiere pensamiento creativo.
Entonces, si eres diseñador o líder de diseño, te recomiendo que al menos pruebes la versión gratuita de Uizard. Puede parecer como pasarse al lado oscuro para jugar con herramientas que automatizan partes de nuestros trabajos, pero depende de nosotros aprender a adaptar nuestros roles al trabajo. junto a Herramientas de IA en lugar de contra ellas.