Le développement le plus excitant dans GenUI : Boutons et Cases à cocher

Le développement le plus excitant dans GenUI : Boutons et Cases à cocher

Les discussions autour de l'IA génèrent des éléments d'interface utilisateur simples pour recueillir du contexte, réduire la charge de saisie et de mémoire, et produire des résultats plus utiles et personnalisés.

En mars 2024, Sarah Gibbons et moi avons publié l'une des premières définitions formelles de l'interface utilisateur générative (genUI). Nous avons distingué le genUI (interfaces générées par l'IA en temps réel, personnalisées pour chaque utilisateur) de la conception assistée par l'IA (utilisation de l'IA pour aider les concepteurs à créer des interfaces traditionnelles plus rapidement). La distinction clé réside dans le moment et le bénéficiaire : la conception assistée par l'IA aide pendant le développement, mais l'utilisateur final rencontre une interface traditionnelle ; avec le genUI, l'IA génère des éléments d'interface en temps réel et l'expérience de l'utilisateur final est ce qui est façonné.

Nous avons gardé les délais vagues car nous ne savions pas quand ces interfaces deviendraient réalité. Deux ans plus tard, le véritable genUI n'est plus purement théorique. Bien qu'il existe une multitude d'exemples d'expérimentations de genUI actuellement, les progrès les plus notables ont eu lieu dans les interfaces de chat IA. Des éléments interactifs simples — boutons, champs de formulaire, cases à cocher — commencent à apparaître contextuellement au sein des conversations, générés par l'IA lorsqu'elle détermine qu'ils seraient utiles.

Cases à cocher dans le mode IA de Google

Considérons un voyageur utilisant le mode IA de Google pour rechercher des options d'hôtels pour un voyage à Londres. Le mode IA de Google a renvoyé plusieurs recommandations, chacune soigneusement formatée avec des images miniatures des hôtels et — ce qui est le plus excitant — des cases à cocher à côté de chacune.

Le mode IA de Google a ajouté des cases à cocher aux résultats d'hôtels. Lorsque l'utilisateur sélectionnait des hôtels, ces choix apparaissaient sous forme de chips dans une barre au-dessus de la saisie de chat — prêts à être référencés dans des questions de suivi sans avoir à retaper.

Pourquoi suis-je si enthousiaste à propos d'un humble élément de champ de formulaire ? Parce que les cases à cocher sont utiles ici de la même manière qu'elles l'ont toujours été dans les interfaces graphiques classiques — elles permettent à l'utilisateur de sélectionner directement des options spécifiques, plutôt que de les taper.

Dans l'exemple du mode IA de Google, les hôtels sélectionnés étaient peuplés dans la saisie de chat, prêts pour des questions de suivi. L'utilisateur n'avait pas à lire, mémoriser et retaper les noms des hôtels pour continuer la conversation. Comme toujours dans la conception, cela montre comment une simple réduction de friction représente une amélioration majeure de l'expérience globale.

Boutons dans Claude

Dans un exemple encore plus complexe, Claude génère parfois un ensemble de champs de formulaire interactifs pour recueillir des informations supplémentaires auprès de l'utilisateur avant de générer une réponse. Il s'agit d'un module prédéfini appelé AskUserQuestion que Claude peut décider de charger et de peupler lorsqu'il a besoin que l'utilisateur réponde à plus de questions avant de continuer.

Dans la capture d'écran ci-dessous, Claude demande à l'utilisateur son budget pour le voyage à Londres. C'est la question un de quatre — et le modèle AskUserQuestion semble actuellement limiter son utilisation à quatre questions maximum. C'est un excellent exemple de fourniture de garde-fous étroitement contrôlés autour d'un design généré par l'IA, ce que nous croyons nécessaire pour garantir une expérience cohérente et sensée en ce moment. Sinon, un modèle pourrait (par exemple) décider de demander à un utilisateur de répondre à 35 questions en une seule fois.

Claude a généré un widget de clarification à choix multiples pour comprendre les préférences hôtelières de l'utilisateur avant de faire des recommandations. Les questions étaient adaptées aux lacunes dans les connaissances du système concernant ce voyage spécifique de l'utilisateur.

Le système peut décider d'employer une variété de formats de questions, chaque question étant sur sa propre page (comme dans n'importe quel quiz, enquête ou assistant de formulaire). Dans la capture d'écran ci-dessus, il présente des options à choix multiples à sélection unique pour interroger le budget du voyageur. Il inclut également un champ de texte ouvert pour que l'utilisateur fournisse des détails supplémentaires ou une réponse différente.

Le contexte est essentiel

Tout comme les cases à cocher dans le mode IA de Google, l'AskUserQuestion de Claude rassemble des éléments de design très simples pour recueillir commodément les détails nécessaires et faire avancer la conversation. Cela est devenu un composant critique des expériences modernes de chat IA.

Il n'a jamais été réaliste de s'attendre à ce que les consommateurs deviennent des ingénieurs de prompt parfaits, planifiant de manière exhaustive le contexte nécessaire qu'ils devront fournir à l'avance pour atteindre leurs objectifs. Nous avons formé les gens pendant des années à utiliser de courtes phrases-clés pour naviguer dans le monde numérique, et cela se reflète dans la manière dont les gens formulent leurs demandes. Dans nos études, la plupart des gens (autres que les adopteurs précoces et les passionnés d'IA) utilisent des prompts très simples comme, « Aidez-moi à planifier un voyage à Londres. » Sans plus d'informations (la fourchette de prix de l'utilisateur, ses intérêts, les dates disponibles, la durée du voyage, etc.), le système peut fournir des informations générales utiles. Mais cette approche laisse le pouvoir du chat IA (réponses personnalisées) inexploité.

Ainsi, ces questions de suivi sont critiques, mais sans éléments genUI interactifs, elles deviennent très fastidieuses à fournir.