La première maquette produite par l’IA paraît cohérente. Elle comporte un grand titre, des couleurs accueillantes et un bouton accrocheur. C’est précisément pour cela qu’une deuxième question mérite d’être posée : pourquoi cette action-là se trouve-t-elle en haut ? Un écran convaincant peut rendre une priorité arbitraire si évidente que plus personne n’en discute.
Le 18 mars 2026, Google Labs a décrit une approche élargie de Stitch pour le design d’interface assisté par l’IA sur un canevas partagé. Il s’agit d’une annonce d’outil plus ancienne, et non d’une actualité d’octobre. Pour cet article pratique, nous l’utilisons comme point de départ d’un exercice de design de notre cru : trois directions qui diffèrent sur le fond, toutes fondées sur les mêmes faits confirmés.
Une variante a besoin d’un objectif différent
Notre bibliothèque de quartier fictive propose six contenus : recherche de livres, horaires d’ouverture, événements, inscription, adresse et informations pour une première visite. La première direction donne la priorité à la recherche. La deuxième commence par la prochaine date d’événement. La troisième aide les personnes qui n’y sont jamais allées.
Ces différences vont plus loin qu’un changement d’arrondi des angles ou de couleur d’accent. Chaque direction répond à une hypothèse différente sur les raisons de la visite. Une fois l’hypothèse formulée à voix haute, elle peut être remise en question. Peut-être qu’une bibliothèque comptant de nombreux habitués devrait être pondérée différemment d’un nouvel établissement qui doit d’abord aider les gens à s’orienter.
Gardez les faits inchangés pendant cet exercice. Une maquette ne doit pas paraître plus convaincante simplement parce qu’elle invente des horaires d’ouverture plus longs ou omet une condition de participation contraignante. Le design organise l’information ; il n’a pas pour autant le droit de l’ajuster à sa convenance.
Un brief qui demande vraiment trois directions
Vous pouvez compléter le modèle suivant, qui est le nôtre, avec vos contenus confirmés. Il décrit un brief de travail, et non une sortie de Stitch réellement produite.
Développez trois points d’entrée différents pour la même page de bibliothèque. A donne la priorité à la recherche de livres, B à la prochaine date d’événement, C à l’orientation avant la première visite. Utilisez uniquement les faits fournis. Laissez inchangés les horaires d’ouverture et les conditions de participation. Pour chaque variante, expliquez quelle tâche est soutenue en premier et ce qui, en conséquence, passe au second plan.
La dernière question est importante. Une priorité coûte de l’espace et de l’attention ailleurs. Si vous ne posez des questions que sur les avantages d’une variante, vous obtiendrez facilement trois justifications positives. Rendre visible la contrepartie aide à prendre la décision au sérieux.
Demandez d’abord l’ordre et les relations entre les informations, et non une décoration supplémentaire dans l’image. Un simple schéma suffit souvent à montrer si les directions diffèrent sur le fond. Les couleurs et l’illustration peuvent ensuite soutenir l’intention retenue.
Une tâche commune rend la comparaison plus équitable
Avant de juger, choisissez une tâche précise : trouver une date d’événement adaptée et déterminer comment y participer. Examinez la même tâche dans les trois versions. Où se trouve la date ? Comment la condition est-elle rendue visible ? Où mène l’action mise en avant ?
Notez les difficultés observables. « L’inscription n’était reconnaissable qu’après une relecture » est un point sur lequel vous pouvez travailler. « Fait vieillot » demande d’abord une explication plus précise. Il ne s’agit pas d’interdire le goût. Il ne devrait simplement pas être la seule justification d’une décision portant sur l’information.
Une revue éditoriale de ce type n’est pas encore une étude d’utilisabilité. Si des personnes essaient plus tard réellement les variantes, les tâches, l’environnement et les observations doivent être documentés. Cet article ne prétend pas que des sessions de test ont eu lieu ni qu’il existe des résultats.
Le choix devient une passation précise
Après la comparaison, notez le point d’entrée préféré, sa tâche principale et les détails encore nécessaires. Ajoutez les éventuelles questions ouvertes. Peut-être que la direction axée sur les événements convient bien à une page de campagne, tandis que la page d’accueil habituelle devrait donner la priorité à la recherche. Un choix motivé peut être nuancé.
Le texte de passation a plus de valeur qu’une capture d’écran isolée. Il explique quelle relation entre contenu et interaction doit être préservée. Une développeuse ou un développeur qui prend le relais, ou une autre IA, doit alors moins deviner à partir de l’apparence.
Une maquette d’interface n’est pas encore une application complète. Les connexions aux données, le comportement et l’accessibilité demandent un travail à part entière. La force de l’exercice se situe en amont : il rend les alternatives visibles tant qu’il est encore facile de changer d’orientation fondamentale. La première maquette séduisante reste alors une possibilité parmi d’autres, au lieu de devenir discrètement la seule voie envisageable.
Sources et état
Recherches et documentation à la date du 25 octobre 2026. Introducing vibe design with Stitch.
