Gemini a récemment lancé une nouvelle interface utilisateur, et la première réaction de beaucoup de gens a été : "Pourquoi est-ce que ça me semble si familier ?"
En l'ouvrant côte à côte avec ChatGPT, on remarque quelque chose d'intéressant : les deux entreprises ont rendu le point d'entrée produit le plus important—la zone de saisie du chat—quasiment identique. Une zone de texte, un signe plus et un bouton vocal, c'est tout.
Lorsqu'une forme de produit est constamment affinée et validée par une immense base d'utilisateurs, la solution optimale a tendance à converger vers le même point.
À quoi ressemble ce design ?
La barre de saisie principale ne conserve que trois éléments :
- Signe plus (+) — Il ne précise pas quoi "+", peut-être pour ajouter des pièces jointes ?
- Zone de saisie de texte — Le point d'entrée principal de l'interaction
- Bouton audio — Mode vocal
Le scénario d'interaction principal du chat IA est en réalité : Message texte - taper, ajouter des pièces jointes, des photos ou autres.
Au-delà, les interactions optionnelles incluent
- La sélection du modèle
- La réflexion
- La recherche web
- Le ton
- ...
Beaucoup se souviennent peut-être que ChatGPT a passé beaucoup de temps à redessiner constamment cette barre de saisie, jusqu'au jour où le style ci-dessus est apparu. Depuis lors, quelle que soit l'évolution des modèles ou des capacités du produit, cette barre de saisie est restée la même. C'est la meilleure pratique en matière de design.
Pourquoi le concevoir ainsi ?
Dépriorisation de la sélection du modèle
Aucun des deux produits ne place la "sélection du modèle" à l'intérieur de la barre de saisie. Gemini place le commutateur de modèle dans un menu déroulant dans l'en-tête supérieur ; ChatGPT fait de même. Leur sous-texte est cohérent :
Nous ne voulons pas que les utilisateurs pensent "Devrais-je utiliser GPT-4o ou o1 maintenant ?" avant chaque question.
D'un point de vue de conception d'interaction—plus il y a d'éléments de décision, plus le temps de décision est long. Un modèle est essentiellement un détail d'implémentation technique. Le placer devant la barre de saisie oblige les utilisateurs à effectuer un "auto-audit" du type "Suis-je digne d'utiliser le meilleur modèle ?" à chaque fois, ce qui est une charge mentale anti-humaine.
Éloigner le point d'entrée du modèle et le rendre "pas si facile à cliquer" semble contre-intuitif, mais c'est en réalité une confiance dans les valeurs par défaut—le produit dit avec confiance à l'utilisateur : Vous n'avez pas à vous en soucier ; nous avons choisi pour vous.
Le bouton Plus : Un "conteneur secondaire" soigneusement conçu
L'icône "+" est la partie la plus brillante ici ; c'est un signe plus, pas une icône de pièce jointe ou d'image.
Plus précisément, ce conteneur permet :
- La hiérarchie d'une Sheet s'adapte naturellement à la relation "tâche principale—tâche auxiliaire". Elle s'élève depuis le bas, ne vole pas l'attention visuelle de la zone de saisie et se rétracte après utilisation, suivant le principe de la divulgation progressive.
- La Sheet place "l'ajout de contenu" et "l'invocation de capacités" dans le même espace. Ouvrez le signe plus de ChatGPT, et vous verrez des entrées comme Album et Appareil photo pour "apporter des choses", suivies de Créer une image, Recherche approfondie et Recherche web pour "invoquer des capacités". Dans l'esprit de l'utilisateur, ces deux actions appartiennent à "Je veux enrichir la conversation maintenant", elles devraient donc apparaître dans le même conteneur.
- La Sheet offre une "découverte en douceur". Les fonctionnalités avancées ne sont pas reléguées dans une page de paramètres ou entassées sur la barre d'outils principale pour effrayer les nouveaux utilisateurs. Elles se cachent derrière le signe plus, attendant que les utilisateurs déjà familiarisés avec le chat de base et commençant à avoir des besoins avancés explorent activement. C'est la manière la plus élégante de réduire le coût de la découverte—sans explication, sans guidance, apparaissant juste au moment où l'utilisateur est prêt.
Un bon design est un design d'intention.
Bien sûr, il convient de mentionner que Claude conserve toujours la sélection du modèle—soulignant en réalité : Nous avons les meilleurs modèles, vous devriez utiliser les meilleurs modèles ! Vous devez choisir les meilleurs modèles.
Le design UI est un design d'intention.
