L’UX Research traverse une période de transformation marquée par des contraintes budgétaires, des équipes réduites et une pression accrue pour aller vite, comme l’a illustré le festival UXinsight 2026. L’événement a mis en lumière les défis éthiques et méthodologiques posés par l’IA et le Business Design, interrogeant l’équilibre entre rapidité, productivité et rigueur scientifique. Les discussions ont souligné l’importance de préserver la vérité terrain tout en s’adaptant aux nouvelles technologies.
Un des temps forts a été la présentation de Nidhi Jalwal et Serena Westra (IKEA), qui ont exploré l’articulation entre UX Research et Business Design. Leur approche repose sur la formulation d’hypothèses structurées (« Nous croyons que… ») et leur évaluation via une matrice croisant importance et preuves, permettant de cibler les risques prioritaires. Cette méthode, ancrée dans la stratégie d’entreprise, vise à réduire l’incertitude en validant rapidement des hypothèses clés, parfois avec des données internes existantes.
Par ailleurs, Colman Walsh (UX Design Institute) a abordé les limites de la compréhension de l’IA par les professionnels, insistant sur la nécessité de maîtriser les prompts pour exploiter efficacement ces outils. L’enjeu réside dans l’adaptation des workflows de recherche aux nouvelles technologies, sans sacrifier la qualité ni l’éthique, tout en intégrant des garde-fous face aux biais algorithmiques.
L’attribut HTML closedby simplifie la gestion de la fermeture des boîtes de dialogue (<dialog>) en remplaçant les solutions JavaScript par une approche native. Il permet de contrôler précisément les méthodes de fermeture : any autorise l’échappement, les gestes natifs ou un clic en dehors ; closerequest limite à l’échappement et aux gestes ; none interdit toute fermeture accidentelle, réservant cette action à un bouton dédié. Cette fonctionnalité, présentée lors de la Google I/O 2026, offre une alternative plus intuitive aux développeurs.
La compatibilité reste partielle, avec un support d’environ 70 % selon Caniuse, incluant Chrome, Edge et Firefox, mais excluant Safari. Pour pallier cette lacune, un fallback JavaScript peut être implémenté pour reproduire le comportement closedby="any". L’attribut n’impacte pas la sémantique du <dialog>, mais son utilisation doit respecter les bonnes pratiques d’accessibilité, notamment en garantissant un retour de focus approprié et en adaptant le comportement aux besoins des utilisateurs.
Ce dépôt GitHub, soutenu par les équipes de Google Chrome et Microsoft Edge, propose un guide moderne pour le développement web destiné aux agents d'IA. Il vise à les orienter vers des API modernes, performantes et sécurisées plutôt que des solutions obsolètes, en comblant le fossé entre les connaissances des modèles et les bonnes pratiques actuelles.
L'outil, disponible via une commande CLI (npx modern-web-guidance@latest install), fournit des recommandations ciblées et optimisées pour le contexte des agents, couvrant des disciplines comme l'UX, le CSS, les performances ou l'accessibilité. Il inclut 102 fonctionnalités web modernes et 128 cas d'usage concrets, avec des évaluations pour éviter les contenus redondants.
Le projet, encore en version préliminaire, encourage les contributions et retours via GitHub pour enrichir ses guides, notamment sur l'adoption progressive des fonctionnalités et les stratégies de fallback.
Hallmark est un outil conçu pour améliorer les designs générés par IA en évitant l’aspect artificiel et répétitif. Il propose trois fonctionnalités principales : Build pour créer des pages structurées et variées à partir d’une demande, Study pour analyser et extraire la structure d’un design existant, et Audit pour identifier et corriger les anti-patterns courants comme les dégradés de couleurs ou les polices mal assorties.
L’outil se distingue par son approche anti-slop, refusant les solutions génériques et imposant une diversité structurelle grâce à un système de thèmes et de vérifications automatisées. Il permet aussi de redesigner des pages en conservant leur contenu mais en changeant leur structure, pour éviter les répétitions.
Hallmark cible les développeurs et designers utilisant des agents IA comme Claude Code ou Cursor, en offrant une alternative plus qualitative aux générations standardisées. Son catalogue d’anti-patterns et ses exemples concrets illustrent son ambition de produire des designs plus humains et moins reconnaissables comme générés par IA.
L’article de JoliCode explore l’intégration de l’IA dans les workflows UX/UI, soulignant que l’IA ne remplace pas les designers mais redéfinit leur rôle en optimisant certaines tâches et en nécessitant de nouvelles compétences, notamment la maîtrise des prompts. L’idée centrale est que la qualité des résultats dépend directement de la précision des demandes adressées à l’IA, comparée à un briefing détaillé pour un collaborateur humain. L’auteur illustre cette nécessité par des exemples concrets, opposant des requêtes vagues à des formulations structurées intégrant tâche, contexte, éléments clés, comportements attendus et contraintes.
L’IA s’avère particulièrement utile à différentes étapes du processus créatif : exploration des idées, conception de maquettes ou de parcours utilisateurs, et production de contenus ou de composants. L’article insiste sur l’importance d’adapter son utilisation de l’IA selon la phase du projet, en l’intégrant comme un outil collaboratif plutôt qu’un simple générateur automatique. Les métaphores et retours d’expérience illustrent comment une intégration réfléchie peut accélérer les itérations tout en maintenant une approche centrée utilisateur.
Enfin, l’auteur met en garde contre les pièges courants, comme les prompts trop génériques, et propose une méthodologie pour formuler des demandes efficaces. L’objectif n’est pas de déléguer aveuglément à l’IA, mais de l’utiliser comme un levier pour gagner du temps sur les tâches répétitives, tout en recentrant le travail des designers sur l’analyse, la validation et l’innovation.
Maket est un outil de design visuel assisté par IA qui permet de créer des documents variés (présentations, brochures, CV, affiches, etc.) en respectant une charte graphique définie. L'utilisateur décrit son intention, l'IA compose la page en sélectionnant des images pertinentes dans une bibliothèque indexée par mots-clés, et chaque élément reste modifiable manuellement.
L'outil repose sur trois piliers : une charte graphique personnalisable (couleurs, polices, espacements), une bibliothèque d'images organisée par mots-clés, et une composition dynamique où l'IA génère un aperçu en temps réel. Les modifications peuvent être annotées pour guider les itérations suivantes, et les exports sont disponibles en PDF ou formats numériques.
Maket s'installe rapidement via Node.js et s'intègre à des assistants IA compatibles MCP. Les commandes en ligne permettent de démarrer, surveiller et arrêter le serveur, tandis que le code source est open source sous licence MIT.
L’article The age of snarky UI explore l’usage de messages condescendants ou ironiques dans les interfaces utilisateur, illustré par des exemples concrets comme les alertes d’un véhicule électrique ou les notifications d’applications. L’auteure critique ces pratiques, qui, bien qu’elles visent à humaniser l’expérience, peuvent nuire à la clarté et agacer l’utilisateur en obscurcissant les instructions ou en sous-entendant un jugement.
Elle aborde des cas emblématiques comme le confirmshaming (messages culpabilisants pour inciter à l’action) ou les rappels de suivi perçus comme des reproches, soulignant leur effet contre-productif. L’article souligne que ce ton, souvent adopté pour se démarquer, risque de frustrer l’utilisateur plutôt que de l’engager, surtout lorsque la compréhension de l’interface ou la résolution d’un problème devient moins intuitive.
Le principe d’animation squash and stretch (écrasement et étirement), issu des 12 principes de base de Disney, consiste à déformer un objet en mouvement pour lui donner une apparence plus dynamique et réaliste. L’auteur illustre ce concept avec une balle qui s’aplatit à l’impact et s’allonge lors du rebond, tout en soulignant l’importance de modérer l’effet pour éviter un rendu exagéré.
L’application concrète sur le web concerne souvent des icônes SVG, comme des flèches qui s’étirent et s’amincissent au survol. Cette technique, subtile mais efficace, améliore l’interactivité perçue. L’article propose un tutoriel pour implémenter ce effet, en partant d’un code SVG simple et en utilisant des bibliothèques JavaScript pour faciliter l’animation.
Améliorer l'expérience utilisateur (UX) dans les vieux systèmes (legacy), souvent lents et obsolètes, représente un défi majeur pour les organisations. Ces systèmes, bien que critiques pour les opérations quotidiennes, sont coûteux à maintenir et peu documentés, avec des processus fragmentés et des choix de design incohérents. Leur coexistence avec des produits modernes crée des interfaces hybrides, où des éléments performants côtoient des fonctionnalités lentes et peu intuitives, impactant globalement l'UX.
L'article souligne que même une petite faille dans un flux utilisateur complexe peut discréditer l'ensemble d'une application, malgré les efforts déployés ailleurs. Les systèmes hérités, souvent personnalisés et sans tests d'utilisabilité rigoureux, absorbent une part importante des ressources (40 à 60 % du temps en maintenance). Leur modernisation nécessite une approche progressive, en s'appuyant sur les connaissances existantes pour éviter de reproduire les erreurs du passé.
Le guide propose une approche pratique des principes de design en les présentant comme des repères concrets pour améliorer la prise de décision et la cohérence des interfaces, plutôt que comme des règles abstraites, avec des références rapides, exemples et méthodes applicables au quotidien. Il insiste notamment sur leur rôle de langage commun au sein des équipes et sur leur utilité pour résoudre des problèmes récurrents de conception, en facilitant l’accès à des bonnes pratiques éprouvées et directement exploitables dans les projets UX/UI
Ce billet de blog explique le concept d'Impedance Mismatch, un problème courant dans les systèmes informatiques où la modélisation legacy entrave l'expérience omnicanale et les API. L'auteur illustre ce problème à travers l'exemple de Martin, un utilisateur bloqué dans une application mobile car un champ obligatoire (l'année de construction) manque. Le système legacy refuse d'enregistrer le contrat sans cette information, créant une rupture dans le parcours utilisateur. La solution proposée est architecturale : la réification du processus, qui consiste à adapter le modèle de données aux besoins spécifiques de chaque contexte d'utilisation, plutôt que d'exposer un modèle canonique universel. L'article souligne l'importance de prendre en compte l'usage et le contexte dans la modélisation moderne, comme le préconise le Domain-Driven Design (DDD), pour éviter les couplages forts et la complexité inutile.
Carrie Webster explore l'impact de l'IA sur le workflow des designers UX. Bien que l'IA puisse générer rapidement des wireframes, prototypes et même des design systems, l'auteure souligne que le rôle du designer UX va au-delà de la création d'interfaces. Elle met en avant la capacité des designers à naviguer dans l'ambiguïté, à défendre les intérêts humains dans des systèmes optimisés pour l'efficacité, et à résoudre des problèmes humains par une conception réfléchie. L'IA ne remplace pas ces compétences, mais les amplifie, permettant aux designers de passer de la création d'outputs à la direction d'intentions, un changement qui, selon elle, est excitant et enrichissant pour le domaine du UX.
L’article explique comment ajouter une fonctionnalité de zoom de texte dans gVim, qui n’en dispose pas nativement, en définissant la police guifont et en créant dans le fichier .gvimrc une variable g:font_size et des fonctions VimScript ZoomFont(amount) et ResetFont() pour modifier cette taille, puis en les associant à des touches (F7 pour augmenter, F8 pour diminuer et F10 pour réinitialiser) afin de pouvoir ajuster rapidement la taille des caractères dans l’éditeur graphique.
Cet article de Smashing Magazine compare les composants d'interface utilisateur Combobox, Multiselect, Listbox et Dual Listbox, expliquant leurs différences et leurs usages. Il détaille que le choix dépend du nombre d'options et de leur visibilité, avec des recommandations pour éviter de cacher les options fréquemment utilisées. Un guide pratique pour choisir le bon composant en fonction des besoins des utilisateurs.
Ce billet explique comment améliorer l'interface utilisateur d'EasyAdmin en ajoutant une fonctionnalité d'édition inline pour divers types de champs (texte, enums, dates, associations) sans recharger la page. L'auteur utilise Symfony UX Turbo et Stimulus pour créer une expérience utilisateur plus fluide, similaire à un tableur. Le processus implique la création d'un contrôleur JavaScript pour gérer l'édition, la validation et l'annulation, ainsi qu'une action et un service PHP pour traiter les requêtes HTTP. L'architecture est détaillée et le code est fourni pour implémenter cette fonctionnalité.
Cet article de SitePoint propose 10 conseils pour une évaluation efficace de l'expérience utilisateur (UX). Parmi ces conseils, on retrouve l'importance d'afficher l'état du système, d'organiser clairement l'information, de donner aux utilisateurs un contrôle total, de réaliser des tests d'utilisabilité, de concevoir une interface esthétique et minimaliste, d'utiliser le langage de l'utilisateur, de fournir une aide pour l'accessibilité, d'identifier et corriger les problèmes courants de UX, d'améliorer continuellement le produit et de réaliser des tests A/B. Ces pratiques visent à améliorer la satisfaction et la fidélité des utilisateurs en rendant les produits plus intuitifs et conviviaux.
L'article de Victor Yocco sur Smashing Magazine explore l'émergence de l'IA agentique et son impact sur le design centré sur l'utilisateur. Contrairement à l'automatisation robotique (RPA) qui suit des scripts rigides, l'IA agentique imite le raisonnement humain, planifiant et exécutant des tâches de manière autonome pour atteindre des objectifs. Par exemple, elle peut gérer des conflits de réunion en proposant et confirmant de nouveaux créneaux, ou personnaliser des emails de recrutement. Cette évolution nécessite une nouvelle approche de la recherche UX, axée sur la confiance, le consentement et la responsabilité, pour concevoir des systèmes d'IA agentique responsables et efficaces.
Le FOUC (Flash of Unstyled Content) n'est pas un simple bug graphique mais une faille d'architecture frontend qui impacte l'expérience utilisateur et le référencement. Ce phénomène se manifeste par un clignotement de contenu non stylisé avant l'affichage final, ce qui peut être particulièrement problématique avec les thèmes sombres. Pour l'éviter, il est crucial de maîtriser le Critical Rendering Path en injectant un script synchrone dans le <head> pour appliquer immédiatement le thème approprié, garantissant ainsi un premier affichage correct sans flash.
Nic Chan raconte son expérience avec un client qui, inspiré par des sites de grandes entreprises SaaS, a voulu adopter une "fuck off contact page" — une page de contact conçue pour décourager les utilisateurs de les contacter, en privilégiant des options comme la consultation d’une FAQ ou la redirection vers l’équipe commerciale plutôt qu’un formulaire direct. Ce type de page, efficace pour les géants du SaaS cherchant à réduire les coûts de support, est totalement inadapté pour une agence de services qui a tout intérêt à faciliter le contact pour générer des leads. Malgré les réserves de l’autrice, le client a maintenu ce choix, illustrant l’importance de bien cadrer le processus de design et d’éduquer les clients sur l’objectif réel de chaque page. Une réflexion sur l’équilibre entre esthétique, expérience utilisateur et objectifs business, avec un rappel : une page de contact doit avant tout servir à… être contacté.
L'article soulève une énigme intrigante : les applications web monopage (SPA) ne semblent pas offrir de sessions utilisateur prolongées, malgré leur complexité accrue. Selon des données indépendantes, les utilisateurs effectuent en moyenne seulement une navigation "soft" pour chaque chargement de page "hard". Cela remet en question l'efficacité des SPAs, dont la promesse est de réduire la latence des interactions ultérieures. Si ces données sont exactes, l'adoption des SPAs pourrait sembler irrationnelle hors de cas d'usage spécifiques. Russell appelle la communauté à investiguer cette question cruciale pour l'avenir de la performance web.