ux

Shaping the future of AI interaction by reimagining the mouse pointer

Google développe un pointeur compatible avec l'IA qui comprend le contexte et l'intention, permettant aux utilisateurs d'interagir avec l'IA de manière transparente sur toutes les applications. Ce nouveau pointeur, alimenté par Gemini, élimine le besoin d'invites complexes en capturant le contexte visuel et sémantique, permettant aux utilisateurs de faire des demandes en utilisant un langage et des gestes naturels. Les principes qui guident ce développement comprennent le maintien du flux d'utilisateurs, la rationalisation des interactions avec l'IA, l'exploitation du contexte et du pointage, et la transformation des pixels en entités exploitables.

  • design
  • ui
  • ia
  • ux

9 accessibility myths and pushbacks (and how to answer them)

L'article aborde les refoulements courants auxquels les concepteurs sont confrontés lorsqu'ils plaident pour l'accessibilité, tels que les idées fausses sur les utilisateurs handicapés et la réflexion à court terme sur le coût et le calendrier. Il fournit des stratégies pour recadrer ces arguments, en utilisant des données et des preuves pour mettre en évidence les avantages commerciaux de l'accessibilité, y compris l'augmentation de la satisfaction des clients, de la rétention et des taux de conversion. L'article souligne que l'accessibilité est une responsabilité partagée dans tous les rôles du processus de conception et de développement. L'accessibilité est souvent négligée en raison d'idées fausses sur le coût, la complexité et l'innovation. Cependant, donner la priorité à l'accessibilité dès le départ est cruciale pour la conformité juridique, l'expansion du marché et l'expérience utilisateur. En collaborant avec les développeurs et en recadre l'accessibilité comme une opportunité commerciale et un catalyseur d'innovation, les concepteurs peuvent créer des produits inclusifs et performants. Le texte répond aux objections courantes à la mise en œuvre de l'accessibilité dans la conception, telles que les préoccupations concernant l'identité de la marque et la complexité des directives d'accessibilité. Il suggère de refaire ces objections en soulignant que l'accessibilité élargit l'identité de la marque et peut être réalisée de manière progressive. Le texte souligne également l'importance pour les concepteurs de prendre l'initiative de promouvoir l'accessibilité, en commençant par de petits objectifs réalisables et en créant progressivement de l'élan et du soutien. L'accessibilité est un droit universel, pas une caractéristique ou une réflexion après coup. Il s'agit de dignité et de s'assurer que chacun peut utiliser les produits et services sans barrières.

  • design
  • ui
  • ux
  • développement
  • accessibilité

Is this really needed?

Le principe de « supprimer avant d'ajouter » met l'accent sur le pouvoir de la soustraction dans la conception. En dépouillant un produit à son essentiel, les concepteurs peuvent obtenir des informations plus claires sur le comportement des utilisateurs et créer des expériences plus percutantes. Cette approche favorise la confiance au sein des équipes, car chaque élément du produit est délibérément inclus, et elle s'étend à la conception visuelle, favorisant la clarté et la fonctionnalité.

  • design
  • ui
  • ux
  • méthodologie

The design process is dead. Here’s what’s replacing it.

Jenny Wen dirige le design de Claude chez Anthropic. Auparavant, elle était directrice du design chez Figma, où elle a piloté les équipes à l'origine de FigJam et Slides. Avant cela, elle a travaillé comme designer chez Dropbox, Square et Shopify. Nous aborderons les points suivants : 1. Pourquoi le processus de conception classique (découverte → maquette → itération) est en train de devenir obsolète 2. À quoi ressemble une journée type d'une designer chez Anthropic, notamment son arsenal d'outils d'IA. 3. L'IA surpassera-t-elle un jour les humains en matière de goût et de jugement ? 4. Pourquoi Jenny a quitté son poste de directrice chez Figma pour revenir au travail de conceptrice indépendante chez Anthropic 5. Les trois profils recherchés par Jenny en ce moment 6. Pourquoi les interfaces de chatbots pourraient être plus durables qu'on ne le pense

  • design
  • ux
  • ui
  • méthodologie
  • ia

It’s hard to justify Tahoe icons

Le nouveau macOS Tahoe introduit une pléthore d'icônes dans chaque élément de menu, ce qui est problématique pour plusieurs raisons. Premièrement, le grand nombre d'icônes rend difficile pour les utilisateurs de les différencier, ce qui va à l'encontre de leur objectif principal d'aider à la navigation. Deuxièmement, le manque de cohérence dans la conception des icônes entre les applications et même au sein de la même application crée de la confusion et entrave l'apprentissage des utilisateurs. Enfin, l'utilisation de polices vectorielles pour ces minuscules icônes donne une apparence floue et médiocre, exacerbant encore les problèmes d'utilisabilité.

  • design
  • apple
  • ui
  • ux
  • macos

Treejack, comment tester l’arborescence de son site ?

L’architecture de l’information d’un site web ou d’une application est souvent testée via un treejack, où les utilisateurs naviguent dans une arborescence pour trouver des informations. Optimalworkshop est un outil populaire pour ce type de test, mais Usabilitree, un projet open source, offre une alternative plus abordable. Pour un test efficace, il est crucial de bien préparer l’arborescence, les tâches et le recrutement des participants. Un test d’arborescence a été réalisé pour évaluer l’efficacité d’un site web. Les résultats, présentés via un dashboard, par participant et par tâche, permettent d’identifier les points faibles de l’arborescence et de proposer des améliorations. L’analyse des parcours utilisateurs et des taux de succès/échec met en évidence des incohérences entre la conception de l’arborescence et les attentes des utilisateurs.

  • design
  • ux
  • méthodologie

Améliorer l’expérience grâce au journal de bord

Cet article est une transcription de ma conférence sur la méthode du journal de bord. Dans le cadre d’un projet de refonte, nous avons plusieurs fois utilisé cette méthode pour évaluer, sur une période de temps, la façon dont nos utilisatrices et utilisateurs interagissaient avec notre outil. Cela nous a permis d’énormément l’améliorer avant son lancement final. Je partage ici mon processus étape par étape – de la mise en place de l’étude à l’analyse des résultats – et les enseignements clés qu’on en a tiré.

  • design
  • ux
  • méthodologie

Adapter la "Méthode de l'écumoire"

Peut-être avez-vous déjà entendu parler de la méthode de l’écumoire, un format d’atelier de conception imaginé par Damien Legendre de l’agence Lunaweb. Pour ma part, je l’ai découverte lors de l’édition 2024 de Paris Web (un rendez-vous à ne pas manquer si vous vous intéressez à un web plus humain !). Dans cet article, je vous partage comment je m’inspire de cette méthode lors d’ateliers de lancement de projets web à portée et moyens modestes.

  • design
  • ux

A glimpse into the history of Windows design

At the turn of the millennium, the widespread adoption of Microsoft Windows was a pivotal moment in technology. It played a crucial role in the integration of personal computers into both business and home environments. Windows introduced features that revolutionized network management and enhanced support for mobile computing, paving the way for the modern, connected workplace.

Harold Gomez, Jeremy Knudsen, and Kim Sealls are three designers at Microsoft who have contributed to Windows design since 2000 and witnessed its design evolution. From the iconic Windows XP to the sleek Windows 11, Windows has constantly evolved to reflect the changing needs and preferences of users worldwide. In this roundtable discussion, we delve into the remarkable journey of Windows design.

  • design
  • ui
  • ux
  • microsoft

Chinese app design: weird, but it works. Here's why

Chinese app design looks weird. But, they work just as well as other apps and websites around the world. Why is that? I mean, it's cluttered, overwhelming for the eyes, and kinda just throws a bunch of things at you. Turns out, beneath the incredibly cluttered user interface lies undeniable psychology. In this video, I cover why this « cluttered and weird » design is necessary, how physical space correlates with Chinese software design, why Chinese users might prefer mobile over desktop altogether, and how all of this impacts us.

  • design
  • ux
  • ui

Tout comprendre sur Parcoursup

Pour comprendre la nature de “Parcoursup”, il faut partir de l’expérience directe, sans tenter d’y plaquer des interprétations hatives ou idéologiques. Pour la plupart des lycéens — ceux que les communicants qui encombrent désormais l’appareil d’Etat appellent “nos jeunes” — le processus d’affectation dans l’enseignement supérieur se présente comme une boîte noire nimbée de brouillard, comme une obscure Machine.

  • design
  • ux
  • société
  • éducation

Centrer les usages sur l'expérience humaine : inclusion, accessibilité, et formulaires

Le web, qui se voulait, à ses débuts, être un outil libérateur et inclusif, a vu son potentiel dilué par des pratiques souvent maladroites. Malgré un accès sans précédent à des tutoriels, formations et ressources variées, une majorité de sites restent frustrants à naviguer, exclusifs “by design”, et truffés d'interactions mal pensées et de formulaires impraticables. Au cours de mes 15 années d'expérience dans le domaine, j'ai observé une constante : les bases enseignées aux développeurs et designers manquent cruellement d'une profondeur indispensable. Comprendre les (ses ?) biais cognitifs, maîtriser quelques notions fondamentales d'ergonomie, intégrer convenablement des formulaires ou encore intégrer pleinement l'accessibilité comme une nécessité éthique, plus que légale, sont autant de compétences trop souvent ignorées. Dans cet article, nous explorerons en partie les racines de ces lacunes, l'importance d'une autodidaxie éclairée, et les enseignements essentiels pour construire un web qui sert réellement tous ses utilisateurs. La manière d'aborder ces sujets sera forcément via un prisme qui m'est propre.

  • design
  • ui
  • ux
  • accessibilité

Penser l’expérience de contribution pour améliorer la qualité de nos sites

Beaucoup de sites web reposent sur des systèmes de gestion de contenu (CMS). En tant que concepteurs et conceptrices de ces systèmes, nous tenons à ce que les sites qu’ils génèrent soient de bonne qualité. Lors de leur initialisation, nous nous assurons qu’ils s’affichent correctement sur une vaste variété d’appareils et qu’ils soient performants, accessibles et bien référencés. Pourtant, quelques mois après la mise en ligne, nous nous rendons parfois compte que la qualité s’est dégradée, même sans évolutions apportées de notre côté. Mais pourquoi la qualité de nos sites baisse après leur mise en ligne ?

  • design
  • ux
  • développement
  • méthodologie

Le beau et l’utilisable

Le beau et l’utilisable sont souvent deux notions qui sont mises en opposition quand on fait du Web, certains voudraient du « Wahou » d’autres que ça soit simplement utilisable au quotidien. Pour situer le contexte, la notion de beauté qui nous intéresse est celle que perçoit l’utilisateur et non une notion de beauté universelle ni même ce qu’en pense le graphiste ou le directeur artistiques qui l’ont conçue. C’est bien du point de vue de l’utilisateur final dont je vais vous parler.

  • design
  • ui
  • ux

Designing for anyone: The power of accessible products

For years, I viewed accessible design as a set of boring and restrictive rules. Text contrast ratios, focus states for buttons - these were things I thought made design worse, not better. I wasn't alone in this mindset. I've heard colleagues dismiss accessibility concerns, saying things like, « We're not going to have any blind users, so it's not going to be a problem.» Or designers insisting that light grey text is perfectly readable because they can see it with their poor eyesight. But lately, I've been trying to shift my mindset on accessibility. I've realized that accessible design isn't just about adhering to technical guidelines - it's about creating products that work for anyone, in any situation.

  • design
  • ux
  • ui
  • accessibilité

Une qualité essentielle de la typographie réapparaît après 50 ans d’oubli

À l’époque de la typographie au plomb, il allait de soi que le dessin d’un caractère présentait des variations selon les corps auxquelles il était destiné. Le passage au numérique avait aboli cette pratique, pourtant fondamentale. Elle revient enfin en grâce, avec les fontes variables, les corps optiques, et la dernière mise à jour d’Indesign.

  • design
  • ui
  • ux
  • font

La méthode des petits pas

Ou comment mettre en place des cycles très courts dans un projet UX.
Depuis quelques années, je suis amené à travailler sur des cycles de conceptions de plus en plus courts. Alors quand je dis court, ça ne veut pas dire bâclé. C’est plus dans l’idée de découper la conception en étapes plus succinctes avec pour chacune des étapes l’implication des utilisateurs et un livrable.

  • design
  • ux
  • méthodologie

The ux of Lego interface panels

Piloting an ocean exploration ship or Martian research shuttle is serious business. Let's hope the control panel is up to scratch. Two studs wide and angled at 45°, the ubiquitous « 2x2 decorated slope » is a LEGO minifigure's interface to the world. These iconic, low-resolution designs are the perfect tool to learn the basics of physical interface design. Armed with 52 different bricks, let's see what they can teach us about the design, layout and organisation of complex interfaces. Welcome to the world of LEGO ux design.

  • ui
  • ux
  • jeux

The Aura of Care. False legitimacy gained through ux

In November 2022, Brian Chesky, CEO of Airbnb, began a tweet thread with “I’ve heard you loud and clear” in response to a customer backlash over the way they hid additional costs till the checkout page. “You feel like prices aren’t transparent…starting next month, you’ll be able to see the total price you’re paying up front” he said about a change that could be made urgently in a day, or carefully over a few.

  • design
  • ux

Navigation patterns in mobile applications. How to make the right choice?

Navigation is the heart of any mobile application. The success of an application may depend on how intuitive, efficient, and user-friendly its navigation is. It is crucial for a designer to understand how navigation can function in every application to make the most suitable decisions for their specific situation. This article will explore the most common navigation practices in the market as of the end of 2023.

  • design
  • ui
  • ux

Le biais du survivant avec Raphaël Yharrassarry [série biais cognitifs]

Cet épisode s'inscrit dans une série de mini-épisodes sur la thématique des biais. Je crée cette série parce que je suis convaincue qu'explorer les biais permet d'aiguiser notre esprit critique et de prendre des décisions de design plus informées, inclusives et créatives de manière plus consciente. Dans cet épisode, Raphaël Yharrassarry, designer et psychologue, nous explique ce qu’est le biais du survivant, en utilisant une anecdote historique fascinante sur les avions de la seconde guerre mondiale, et en nous exposant comment ce biais est bien et bel toujours d’actualité.

  • design
  • ux

designing the latest generation of uber navigation: maps built for ridesharing

The Uber platform currently powers more than 7 billion trips every year. When we launched Uber Navigation, the world’s first navigation system designed for ridesharing, in 2017, the platform was handling 4 billion trips annually. After 5 years of growing demands, not only in app use but also in terms of ever-evolving products and features, Uber Navigation was ripe for an overhaul.

  • design
  • ui
  • ux

Better context menus with safe triangles

Imagine the situation when you’ve hovered over a menu item that reveals another list of menu items, then tried to hover over that nested menu only to have the entire menu close on you. Is this a UX challenge you’ve struggled with? A well-known concept called the “safe triangle” solves this issue. While it’s been tackled many ways over the years, Costa Alexoglou has what he believes is a relatively straightforward approach using SVG and tracking a user’s mouse position to prevent nested menus from inadvertently closing on a user.