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.

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.

Handmade designs: the new trust signal

Les tendances du design se tournent vers l'esthétique faite à la main, motivée par la fatigue numérique et de l'IA. Ce style, caractérisé par des imperfections et une touche humaine, gagne en popularité alors que le public recherche l'authenticité. Des marques comme Hermès, les Jeux olympiques de Paris et Acne Studios intègrent des éléments faits à la main pour transmettre la fiabilité et l'humanité.

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é.

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

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é.

Mais c’est plus joli !

La nouvelle version de votre site web est inutilisable, vos emails sont longs et illisibles, vos slides et vos graphiques sont creux. Mais j’entends bien votre argument pour justifier toute cette merde : C’est plus joli ! On fout tout en l’air pour faire « joli ». Même les icônes des applications sont devenues indistinguables les unes des autres, car « c’est plus joli »

A new (or rather, old) approach to typography on the web

Les systèmes typographiques les plus puissants sont spécifiques, affirmés et conçus avec soin pour le contexte dans lequel ils s'inscrivent.

Good visual design, explained

Cet article explore les principes de conception visuelle qui contribuent à une bonne conception, en utilisant des exemples concrets. Il met l'accent sur l'importance des grilles pour créer des mises en page cohérentes, de la typographie pour établir la hiérarchie et la lisibilité, et des palettes de couleurs pour définir le ton de la marque et influencer la perception de l'utilisateur. L'article met également en évidence le rôle de l'imagerie dans l'engagement des utilisateurs et la transmission de l'identité de la marque.

Est-ce que tout bon design doit être minimaliste ?

Qu’est-ce qu’un bon design ? Pour beaucoup, la réponse semble évidente : il doit être simple, épuré, fonctionnel… en un mot : minimaliste. Mais pourquoi cette esthétique est-elle devenue la référence ? Et à quel moment a-t-on commencé à confondre minimalisme et bon design ?

50 years of design at Microsoft

Parce que certains paradigmes étaient en avance sur leur temps... nous levons notre verre à la conception des 50 prochaines années avec vous.

Liquid Glass is cracked, and usability suffers in iOS 26

Le langage visuel d'iOS 26 occulte le contenu au lieu de le mettre en avant. De nouveaux modèles de conception (mais pas toujours meilleurs) remplacent les conventions établies.

Benjamin Button reviews macOS

Cet article retrace de façon humoristique les différentes évolutions UX et UI de macOS comme ci la première version de macOS était Tahoe.

Design vs IA, la grande rivalité

La designer Nolwenn Maudet propose une passionnante analyse du rapport entre IA et design d’interface, expliquant que les limites de l’IA sont liées au recul du design.

Frame of preference. A history of Mac settings, 1984–2004

As a designer, I’m meant to dislike settings. As a user, I love them. Every year I celebrate Settings Day: a day when I take a look at the options and toggles in all the apps I use. I do this out of curiosity – what was added since the last time I looked? – but also because I love this way of getting to know software: peeking under the hood, walking the back alleys, learning what has been tricky or important enough to be equipped with a checkbox. During the last Settings Day, I had a realization that the totemic 1984 Mac control panel, designed by Susan Kare, is still to this day perhaps the only settings screen ever brought up in casual conversation. I kept wondering about that screen, and about what happened since then. Turns out, the Mac settings have lived a far more fascinating life than I imagined, have been redesigned many times, and can tell us a lot about the early history and the troubled upbringing of this interesting machine. Join me on a journey through the first twenty years of Mac’s control panels.

Apple a rendu l'iPhone illisible (et c'est voulu)

Avec iOS 26, l'iPhone est devenu illisible. Et il y a une stratégie derrière ça.

From flat to feel

Long-held beliefs about simplicity, realism, and the role of emotion in digital design have evolved. Here’s a look at what’s new—and why it matters.

macOS icon history

Documenting the evolution of macOS system icons over the past several decades.

Designing Apple’s Liquid Glass in Figma whether

Petit tutoriel Figma pour reproduire l'effet Liquid Glass d'Apple.

95% of homepages are inaccessible

Though it seems web accessibility is a priority in product development, almost 95% of home pages include WCAG conformance failures, such as low-contrast text or missing alt text, according to WebAIM.

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.

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.

Designing for action: Best practices for effective buttons

Buttons are designed for users to take action on a page or a screen. Follow these 13 tips about styles, placement, and wording to create better user interfaces.

Can we please, please, please quit redesigning everything?

Incessant redesign is like having a roommate who randomly rearranges the furniture and constantly switches the contents of all the cabinets.

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.

The ultimate checklist for accessible data visualisations

Are your data visualizations leaving some users behind? Learn essential design principles to create accessible charts for all.

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.

The making of the Figma pattern library

UI3 prompted us to rebuild our own design system from the ground up. Here’s how designers and engineers came together to create a new foundation for building consistent, accessible products.

Designing for Decision Making: The Psychology of Choice

Applying Psychological Principles in UX Design

Unlocking component flexibility with slots in Figma

Material Design is excited to introduce Slot Components, a powerful technique that allows you to create flexible and dynamic layouts with ease in the Material 3 Figma Design Kit. Slot components unlock local custom component nesting in Figma. With this added flexibility to make changes and edits to components, slot components remove the need to disconnect from the main Material Design Kit. Components can now remain linked to the main library to receive updates and improvements as you change them to suit your needs.

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.

Three UX laws that optimize information seeking

The fundamental purpose of information architecture is to enable efficient information retrieval. We accomplish this with meaningful information structure and intuitive labels. And we bring them together with sensible navigation design.

What makes a font accessible? a designer’s guide

Discover the key characteristics of accessible fonts and learn best practices for selecting and combining typefaces that ensure readability for all users.

Designing design systems: supporting implementation and adoption

A design system can’t reach its full potential if no one’s using it as intended. Beautifully designed components need to be paired with thoughtfully written guidance and ongoing support as the system evolves.

How to lock aspect ratios for responsive media in Figma

Tips & tricks for responsive design & media.

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.

UX deliverables: glossary

Use this glossary to quickly clarify key terms and concepts related to ux deliverables.

designing for forgiveness: how to create error-tolerant interfaces

Exploring how to design interfaces that feel intuitive and forgiving, even when users make mistakes.

designers ui/ux et logiciel libre – Maiwann

The power of metaphor in designing a visually elevated experience

Product designer Anna Shapovaliuk explains how her team used metaphor to reimagine the look and feel of Zalando’s designer experience.

Are you designing with the right keyboard in mind?

A guide to iOS and Android keyboards.

Where to put buttons on forms

Recommandations UX sur l'emplacement des boutons

Vertical vs. horizontal cards: which are better?

Should you use a vertical or horizontal card for your content? Many designers struggle to answer this question because they don’t understand the differences between the two card types beyond layout and orientation.

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.

The ideal viewport doesn’t exist

Before you settle on basing design decisions on a handful of strict breakpoints, make sure you consider the vast fragmentation of screen sizes and browser viewports.

SF Symbols 5 et ses 700 nouvelles icônes sortent de bêta

Apple a lancé ce soir SF Symbols 5, la révision annuelle de son jeu d'icônes à destination des développeurs. Celles-ci sont pensées pour s'intégrer à San Francisco, la police de caractères utilisée par Apple pour ses appareils. Le pack d'icône dispose désormais de plus de 5 000 symboles, et cette révision apporte notamment une collection d'animations.

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.

Making of true multi-brand design system

Building an advanced design system for true white-label products with full control over colours, typography and visual styles

Loading and progress indicators

Engage users and enhance waiting experiences with these simple recommendations.

Introducing Spectrum 2: our vision for the future of adobe experience design

Imagine you’re designing a house. Your first step might be to draw a picture. To turn that picture into a house would require the input of many experts—architects, engineers, and builders—and would involve planning, teamwork, and time with each collaborator.

Framer components inspired by dieter rams' principles

Welcome to Drams, where Framer components meet Dieter Rams' timeless design ethos. Dive into our curated collection, remix, and submit your creations for a chance to be featured. Join us in shaping the future of less, but better.

Don't disable buttons

One of the most common accessibility issues I find (and fix) on client projects is dynamically disabled form buttons when a form is being submitted. Today I want to talk about why developers do it, why it’s bad, and what you can do instead. Let’s dig in!

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.

Designing fluid interfaces (WWDC18)

Discover the techniques used to create the fluid gestural interface of iPhone X. Learn how to design with gestures and motion that feel intuitive and natural, making your app a delight to use.

Concevoir sans dark patterns : guide à l’intention des designers

Ce guide présente les principales bonnes pratiques de design. Afin de réaliser des services numériques plus respectueux du libre arbitre de l’utilisateur.

Choisir le HTML natif pour mettre fin aux hacks css dans la création de formulaires

Le besoin de prendre le contrôle de l’apparence d’éléments natifs a toujours été présent chez les développeurs et les développeuses. Par envie de vouloir des éléments à l’apparence unique, parfois par obligation, car l’interface doit être identique aux maquettes.

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.

A change of typeface: microsoft’s new default font has arrived

Introducing Aptos, our modern successor to Calibri

18 design principles to keep in mind when designing for Apple’s Vision Pro

Apple’s Vision Pro has ushered in a new age for designers, and it’s exciting. New set of principles to learn for colours, typography, sizes, accessibility, and so on. Let’s check out some of those guiding principles.