Saltar enlaces

GenUI en la vida real: botones y casillas de verificación

Resumen:
El chat con IA genera elementos de interfaz de usuario simples para recopilar contexto, reducir la escritura y la carga de memoria, y producir resultados más útiles y personalizados.

En marzo de 2024, Sarah Gibbons y yo publicamos uno de La primera definición formal de IU generativa (genUI). Distinguimos entre genUI (interfaces generadas por IA en tiempo real diseñadas para usuarios individuales) y diseño asistido por IA (que utiliza IA para ayudar a los diseñadores a construir interfaces tradicionales más rápido). La diferencia clave es cuándo y quién se beneficia: el diseño asistido por IA ayuda durante el proceso de desarrollo, pero el usuario final se encuentra con una interfaz tradicional; Con genUI, la IA puede generar elementos de interfaz sobre la marcha y se está dando forma a la experiencia del usuario final.

Mantenemos la línea de tiempo vaga porque no sabemos cuándo estas interfaces se convertirán en realidad. Dos años después, la verdadera genUI ya no es puramente teórica. Aunque existen innumerables ejemplos de genUI experimental, El progreso más significativo se está produciendo en las interfaces de chat de IA. Elementos interactivos simples (botones, campos de formulario, casillas de verificación) comienzan a aparecer en las conversaciones, generados por la inteligencia artificial cuando determina que son útiles.

Casillas de verificación en el modo Google AI

Supongamos que un viajero utiliza los modelos de inteligencia artificial de Google para buscar opciones de hoteles en Londres. El modelo de inteligencia artificial de Google envió varias sugerencias, cada una cuidadosamente organizada con una imagen en miniatura del hotel y, lo más emocionante, caja Al lado de cada uno.

Captura de pantalla del modo IA de Google en un teléfono móvil, que muestra los resultados de los hoteles de Londres con casillas de verificación seleccionables. abajo
El modo IA de Google agrega nuevas casillas de verificación a los resultados de los restaurantes. Cuando los usuarios seleccionan restaurantes, esas opciones aparecen como fichas en la barra encima de la entrada del chat para que se pueda hacer referencia a ellas en preguntas posteriores sin tener que volver a ingresarlas.

¿Por qué estoy tan emocionado por un chico humilde? campos de formulario ¿elemento? Porque las casillas de verificación tienen el mismo propósito aquí que en las GUI clásicas: permiten al usuario seleccionar directamente opciones específicas en lugar de escribirlas.

En el ejemplo del modelo de IA de Google, los restaurantes seleccionados se incluyen en la entrada del chat, listos para preguntas de seguimiento. Los usuarios no necesitan leer, recordar y volver a ingresar el nombre del restaurante para continuar la conversación. Al igual que con diseños anteriores, esto demuestra que simplemente reducir la fricción puede mejorar significativamente la experiencia general.

El botón de Claude

En un ejemplo más complejo, la nube a veces genera Un conjunto de campos de formulario interactivos que se utilizan para recopilar contexto adicional del usuario antes de generar una respuesta.. Este es un módulo prediseñado llamado AskUserQuestion que Claude puede decidir cargar y completar cuando el usuario necesite responder más preguntas antes de continuar.

En la siguiente captura de pantalla, Crowder pregunta al usuario su presupuesto para un viaje a Londres. Esta es una de cuatro preguntas: el modelo AskUserQuestion actualmente parece limitar su uso a un máximo de cuatro preguntas. Este es un gran ejemplo de cómo proporcionar barreras estrictas en torno al diseño generado por IA que consideramos necesarias para garantizar una experiencia coherente y sensata por ahora. De lo contrario, el modelo podría, por ejemplo, decidir accidentalmente pedirle al usuario que responda 35 preguntas a la vez.

Captura de pantalla de Claude respondiendo a una solicitud de recomendaciones de restaurantes a través del dispositivo que genera preguntas de opción múltiple. Claude presentó la pregunta 2 de 4: "¿Cuál es su presupuesto por noche para este viaje?" Disponible en tres opciones disponibles ($250–$400/noche, $400–$600/noche, $600+/noche) y "otras cosas" Opciones de escritura. Aparece un botón
Claude generó un widget de aclaración de selección múltiple para comprender las preferencias de hotel del usuario antes de hacer recomendaciones. Estas preguntas están diseñadas para abordar las lagunas en el conocimiento del sistema sobre el viaje de ese usuario en particular.

El sistema puede decidir sobre una variedad de formatos de preguntas, con cada pregunta en su propia página (como cualquier cuestionario, encuesta o asistente de formulario). En la captura de pantalla anterior, ofrece una opción de selección única y selección múltiple para preguntar a los viajeros sobre su presupuesto. También incluye un campo de texto abierto para que los usuarios proporcionen contexto adicional o una respuesta diferente.

El fondo es clave

Al igual que las casillas de verificación en Google AI Patterns, AskUserQuestion de Claude combina elementos de diseño muy simples para recopilar fácilmente los detalles que necesita e impulsar la conversación. Esto se ha convertido en una parte importante de la experiencia moderna de chat con IA.

No es realista esperar que los consumidores sean ingenieros perfectos y rápidos, que planifiquen completamente el contexto necesario que deben proporcionar de antemano para lograr sus objetivos. Hemos estado capacitando a personas para que utilicen frases cortas de palabras clave para navegar por el mundo digital durante años, y muestra cómo la gente incita. en nuestra investigaciónla mayoría de las personas (excepto los primeros usuarios y los entusiastas de la IA) utilizan indicaciones muy simples como “Ayúdame a planificar un viaje a Londres”. En ausencia de más información (rango de precios del usuario, intereses, fechas de disponibilidad, duración del viaje, etc.), el sistema puede proporcionar información general útil. Pero este enfoque no aprovecha al máximo el poder del chat de IA (respuestas personalizadas).

Por lo tanto, estas preguntas de seguimiento son cruciales, pero proporcionarlas es tedioso sin elementos genUI interactivos. Considere la reacción de Perplexity ante el mensaje ambiguo en la captura de pantalla a continuación. Pide a los usuarios que proporcionen respuestas detalladas a 5 preguntas importantes para poder dar mejores respuestas.

Captura de pantalla de una conversación de chat de Perplexity AI. Consejo de usuario:
En respuesta a indicaciones vagas (Ayúdame a planificar mi viaje a Londres.), Perplexity plantea una serie de 5 preguntas de seguimiento, presentadas en texto. (Rellena previamente algunas sugerencias en función de lo que sabe sobre mí. Por ejemplo, sabe que vivo en el centro de Carolina del Norte, por lo que RDU es mi aeropuerto más cercano. Si bien no es un ejemplo de genUI, es un ejemplo del uso de la memoria de IA para mejorar la calidad y la especificidad de su salida.

Para responder, el usuario debe ingresar la respuesta a la pregunta una a la vez, generalmente dependiendo de su memoria a corto plazo. Si no recuerdan una pregunta, deben cambiar su atención de un lado a otro entre el cuadro de texto del mensaje y el conjunto de preguntas, asegurándose de escribir el número correcto para cada pregunta. El proceso es propenso a errores y puede convertirse carga cognitiva Múltiples interacciones, lo que hace que los usuarios se salten preguntas importantes o den respuestas incompletas.

Compare esta experiencia con responder el mismo conjunto de preguntas a través del gadget AskUserQuestion de Claude. Con estos sencillos campos de formulario y casillas de verificación, La experiencia de entregar estos detalles se vuelve más rápida y sencilla. Los usuarios serán respondidos uno por uno para cada pregunta. Para preguntas sencillas con respuestas limitadas como la número 3 (¿Quién viaja?), es mucho más fácil simplemente seleccionar una opción. Para preguntas más complejas, los usuarios deberían poder ingresar respuestas en el campo de texto abierto directamente debajo de la pregunta.

AI Chat es donde las personas interactúan con la IA (por ahora)

Estas mejoras pueden parecer pequeñas. caja, botóny los campos de formulario se encuentran entre los más antiguos. elementos de la interfaz de usuario. pero cuando La implementación en el momento y lugar correctos puede reducir fricciones innecesarias en la experiencia del usuario.. En el chat de IA, evitan el ir y venir que hace que los chats parezcan lentos o agotadores.

Esto es importante porque el chat es la forma en que la mayoría de las personas interactúan con genAI. Por lo tanto, incluso pequeñas mejoras en la participación pueden mejorar los resultados para grandes audiencias.vaya más allá de los usuarios avanzados o los entusiastas de la IA y pruebe la genUI más emocionante y de vanguardia.

estos son simples patrón de diseño Eso La gente ya lo entiende y lo usa. Ayudan al sistema a recopilar el contexto necesario sin obligar a los usuarios a planificar con anticipación, memorizar una lista de preguntas o formatear perfectamente sus respuestas. A medida que genUI evolucione, su usabilidad dependerá de dichas interacciones para ayudar a los usuarios a aclarar la intención y mejorar los resultados de la IA con el tiempo.

Home
Account
Cart
Search
¡Hola! ¡Pregúntame lo que quieras!
Explore
Drag