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.

Contribuer au logiciel libre en tant que designer

Les designers contribuent peu au logiciel libre, malgré son potentiel d’écoconception et de protection des données. Les obstacles incluent la méconnaissance mutuelle entre designers et développeurs, et des modes de contribution inadaptés au design. Des solutions incluent la recherche UX, la clarification des contributions possibles et le maintien de fichiers de design ouverts.

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

Identifier et choisir une typographie lisible

L’utilisation du terme « accessibilité » dans le domaine de la typographie est très récent, mais la question de la lisibilité est aussi ancienne que l’écriture elle-même. Dans cette présentation nous ferons un pas de côté par rapport au sujet de l’accessibilité pour revenir aux bases de la création typographique, de son histoire et des formes qui favorisent la lisibilité et le confort de lecture. L’objectif de la présentation étant de donner les clés qui permettent d’identifier et de choisir une typographie lisible qui participe à l’accessibilité numérique.

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

How I’m dealing with the pressure to adopt AI as a designer

L'IA est une collection d'outils, et les concepteurs devraient évaluer son utilisation en fonction de son impact sur leur travail et les résultats des utilisateurs. La patience est essentielle ; attendre six mois permet au battage médiatique de s'installer et aux premiers utilisateurs de fournir des idées. Bien que l'expérimentation soit encouragée, l'IA devrait être utilisée comme un outil pour améliorer, et non remplacer, le jugement humain et la créativité dans le processus de conception.

L’impact psychosocial de l’IA sur le futur de nos métiers du numérique

Aujourd’hui, la mode est clairement à mettre de l’intelligence artificielle partout sans le consentement des utilisateurices. Donc un peu malgré moi, je me suis penché sur les impacts psychosociaux de l’IA dans les métiers du numérique. Les études sur le sujet sont encore peu nombreuses mais elles se multiplient et peuvent nous apporter un éclairage sur l’avenir de nos métiers. Pour résoudre un problème, est-ce que je demande à ma collègue, ma communauté ou je demande à une intelligence artificielle ? Est-ce que je fais le choix de l’intelligence collective ou de l’intelligence artificielle ? Comment réagir si mon entreprise laisse une IA organiser mon travail, sans mon consentement ? Quels vont être les conséquences psychosociales de ces choix ? J’aimerais amener une réflexion pour un numérique émancipateur et une tech raisonnable, dans un monde où l’intelligence artificielle nous est présentée comme un impératif.

Aesthetics : ce que révèle notre style

À la fois un style, une mode ou bien une forme de direction artistique qu’on adopte pour tout, le concept d’aesthetics révèle un univers où les apparences se font l’enveloppe de modes de vies très riches et codifiés dont les natures et les messages véhiculés oscillent entre l’anodin, le controversé et le nauséabond. Sur la carte du monde, il manque un continent. Il est fait de serveurs, de câbles et d’interactions virtuelles. C’est un continent invisible et pourtant, c’est ici que nous vivons désormais. Dans ce territoire intangible sont apparues de nouvelles esthétiques, de nouvelles pratiques et de nouvelles formes de langages destinés à communiquer nos idées, nos réflexions et nos émotions. Dans cet immense océan composé de 1 et de 0, une autre culture se dévoile, avec ses propres codes, ses propres croyances et autant de visions de la réalité. Si nous nous présentons à vous aujourd’hui, c’est pour vous inviter au plus surprenant des voyages car comme dans tout territoire inexploré, les découvertes y sont riches, fascinantes et parfois effrayantes. Bienvenue dans cette dimension magnifique et vertigineuse, bienvenue dans _UNDERSCORE.

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

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.

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.

Croiser le monde dans une grille, avec Léo Barraco

Léo Barraco, verbicruciste, nous plonge dans l’aura typographique d’une grille de mots croisés ! Découvrez comment on fabrique une grille, comment on jongle avec les contraintes, et ce que Georges Perec et Isaac Asimov ont à voir avec tout ça ! Vous n'allez pas en croire vos oreilles !

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.

The age of the design hacker

L'article explore l'émergence de la figure du « design hacker » dans le domaine de la conception d'interfaces utilisateur. Cette nouvelle tendance met l'accent sur l'importance de la créativité, de l'expérimentation et de l'itération rapide dans le processus de conception.

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.

Design is how it works

« La plupart des gens commettent l'erreur de penser que le design se résume à l'apparence... Le design ne se résume pas à l'apparence et à la sensation. Le design, c'est la façon dont cela fonctionne ». Steve Jobs, The New York Times, 2003

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.

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

The AI age is the « age of no consent »

« Inevitability » means design decisions are no longer informed by user needs; now they are unilaterally imposed. The users are the ones being designed.

Cognitive biases in UX design

The ultimate collection of cognitive biases that every Product and UX Designer needs to know.

Our new team review process and principles at Booking.com

A case study on how to bring a UX community together to critique, ideate, learn and have fun.

The solo designer: one seat, all the hats

Un article qui expliqe les avantages et incovénients d’être le seul designer dans une entreprise.

AI won’t kill UX, we will

It’s time we stopped blaming the tools and started asking better questions about how we work, what we value, and how we make space for innovation again.

The making of a product icon

Creating product icons at Figma involves dozens—sometimes hundreds—of iterations. Product Designer Tim Van Damme shares his thoughtful approach to icon design and the creative exploration that shapes each final result.

Why development leaders are investing in design

An IDC study shows just how central design has become to development leaders.

How do you design when your company isn’t sure what the roadmap looks like?

Many companies (and design teams) are shrinking back into becoming startups. Here’s how to survive.

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.

ACTE II – Les Trente Glorieuses des affiches de théâtre 1950/60

Cet article est le troisième d’une série sur l’histoire de l’affiche de théâtre en France. Elle retrace l'origine des affiches de théâtre et leurs spécificités, miroir de notre société évoluant du tout texte à l'image, en passant par la création typographique et les supports numériques.

ACTE I - L’âge d’or de l’affiche de théâtre au XIXe siècle

Cet article est le second d’une série en VI actes de l’histoire de l’affiche de théâtre en France. Elle retrace l'origine des affiches de théâtre et leurs spécificités, miroir de notre société évoluant du tout texte à l'image, en passant par la création typographique et les supports numériques.

Designing Apple’s Liquid Glass in Figma whether

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

Material Expressive design: Google’s UX research

Material 3 Expressive is the most researched update to Google’s design system, ever. Here, Material researchers share the data behind the designs and new insights into users’ preference for emotion-driven UX

Why I’m not worried about my UX job in the era of AI

AI is a new tool, not a replacement for UX professionals. At Dovetail’s Insight Out conference, one of the speakers, Jess Holbrook, said something that struck a chord. (I am quoting from memory, so apologies if it’s not quite right.) He said, « My goal is to build better products, and that’s why I do UX research. » This may seem obvious, but it is also profound: UX and design methods are just tools for building better products

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.

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.

Low-tech : comment le design peut rendre le numérique écolo

Moins d’images sur le web, éviter l’obsolescence des appareils, limiter le recours aux serveurs... Le numérique peut être plus écologique. De nombreux leviers low-tech existent.

Comment les entreprises de la tech nous forcent à utiliser l'IA

Le déploiement à marche forcée des services d'IA générative pose de sérieux problèmes sociaux et environnementaux. Nous en parlions dans une de nos newsletters et les alertes dans la presse sont de plus en plus fréquentes. L'IA accroît fortement les impacts environnementaux du numérique. Pour ne citer que quelques chiffres, 80% des data centers pourraient être désormais obsolètes et au cours du premier semestre 2023 l'Amérique du Nord a établi un nouveau record avec une augmentation de +25 % de construction de nouveaux centres de données.

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.

The real problem with research

After 22 years in design, I think that the power of research is overrated, while other important aspects are overlooked.

Rédiger et publier sa déclaration d’éco-conception web

Après de longs mois de travail, votre service web conçu dans une démarche de sobriété numérique est enfin en ligne. Il est temps de rédiger la déclaration qui atteste ce que vous avez accompli. Nous avons rassemblé quelques conseils pour vous aider.

Design system checklist

An open-source checklist to help you plan, build and grow your design system.

Susan Kare, celle qui a rendu l'informatique « humain »

Une main pour déplacer un élément, une poubelle pour jeter des fichiers, un pot de peinture pour colorier, le travail de Susan Kare représente, semblerait-il, le langage le plus universel que nous connaissions à l’heure actuelle : les icônes informatiques. Au sein de l’enseigne mondiale Apple, elle a créé un moyen de rendre des fonctions complexes en visuels compréhensifs pour tous. Voici Susan Kare, l’une des pionnières du Pixel Art et précurseuse des émojis.

Quel futur désirable pour nos métiers du numérique ?

À l’occasion de la journée de l’écoconception numérique, j’ai pris le temps d’approfondir le sujet de l’impact psychosocial de l’intelligence artificielle sur nos métiers du numérique. Je vous propose donc une version enrichie de ce que j’ai pu raconter lors de cette présentation.

La typographie : ce qu'on voit, ce qu'on ne voit pas

Legible

How and why typography affecte rase of reading

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.

Mozilla Type Family

A custom typeface family for Mozilla by Studio DRAMA. The Mozilla type family has two styles: Mozilla Headline and Mozilla Text.

Retour d'expérience : audit de conformité RGESN pour Les Champs Libres

Avec Les Champs Libres nous avons pu réaliser notre premier audit RGESN version ARCEP de bout en bout. On vous raconte.

OpenAI: rebranding

OpenAI opère un rebranding mineur. Nouveau logo, nouvelle font…

S’adapter ou s’éteindre : le futur des Product Designers

2025 sera l’année du Design stratégique. Conséquence directe : les DesignPartner chez Thiga de leurs bulles en devenant des leviers de performance et d’innovation. IA générative, hyper-personnalisation, CX holistique… Les défis sont immenses, mais l’opportunité est claire : accentuer l’impact du design sur le business et repousser les frontières de la créativité. Dans cet article, Thomas Vidal, Partner chez Thiga et Head of Design en mission chez Accor, appelle à une transformation radicale : orchestrer, influencer et placer le design au cœur des décisions stratégiques pour façonner l’avenir des entreprises.

The paradox of UX personalization

AI-driven UX curates familiarity, but in doing so, it narrows the path to new experiences.

4 tips for overcoming analysis paralisys

Analysis paralysis is the inability to make a decision due to overthinking or an abundance of choice. If you’re suffering from indecision, here are a few tips on how you can combat analysis paralysis when it happens.

UX is easy, but we made it complicated

The entire discipline is premised on close contact and empathy with users. Yet, it is challenging to transform that knowledge into practical solutions and achieve prominence in companies. Why does this phenomenon occur?

Reimagining the future of experience analytics: new branding for ContentSquare

Contentsquare is a global leader in digital analytics. After acquiring fellow analytics platforms Hotjar and Heap, they sought to unify their diverse tools, customer bases, and offerings into an all-in-one product and a cohesive masterbrand. We collaborated with Contentsquare to transform their brand identity, delivering a seamless experience for customers and employees alike. Their new identity marks a pivotal moment in their evolution, as they shape a new future in understanding how people engage with digital products.

Université Paris 1 Panthéon-Sorbonne : la première université française en sciences humaines et sociales repense son identité visuelle, entre héritage et innovation

En 2024, Graphéine a accompagné l’Université Paris 1 Panthéon-Sorbonne pour la mise à jour de sa charte graphique. Le cahier des charges comprend une réflexion sur la responsivité du logotype. L’Université Paris 1 Panthéon-Sorbonne porte un héritage singulier entre histoire classique, conservatrice et esprit innovant, révolutionnaire. Deux caractères qui font l’histoire de l’université.

Design systems 103: Documentation that drives adoption

Clear documentation transforms abstract design principles into practical tools. Here’s how leading teams build and maintain living documentation that evolves alongside their design systems.

Walmart rallume la Spark

Walmart, leader mondial de la grande distribution, a récemment dévoilé une identité visuelle rafraîchie pour refléter son évolution en tant que marque omnicanal, intégrant harmonieusement services numériques, physiques et de santé. Fondée en 1951 sous le nom de Walton’s dans l’Arkansas, l’entreprise est devenue Walmart en 1962, une combinaison du nom de son fondateur, Sam Walton, et de “Mart” pour “market”.

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.

Panorama de techniques CSS parfois méconnues des designers

On dirait que pas mal de techniques CSS ne sont pas assez connues de nombreux designers. Voici donc un compilation que j’alimenterai au cours du temps.

Nicolas Nova, la pensée sauvage : l’hommage de Frédéric Kaplan

Anthropologue, historien des cultures numériques, enseignant à la Haute école d’art et de design de Genève, cofondateur du Near Future Laboratory, Nicolas Nova est décédé brutalement le 31 décembre 2024. Le directeur du Collège des humanités de l’EPFL Frédéric Kaplan salue un défricheur de territoires et d’idées

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.

Growing product manager: contributing to the product cycle through research and experimentation

In the ever-changing world of product management, two key roles stand out in terms of their approach and specific objectives: the traditional Product Manager (PM) and the Growth Product Manager (GPM). Although their titles may seem similar, their responsibilities, methodologies and priorities differ considerably. This article explores these essential distinctions to better understand how each of these roles contributes to a product’s success. We will also look at the essential role played by the Growth Product Manager (GPM) in product evolution, through his or her focus on growth and ability to conduct structured experimentation. We will look at key concepts such as A/B testing and feature management (or feature flag) to illustrate this contribution.

Affiche Roland Garros 2025 : la bande dessinée à l’honneur !

Tradition oblige, l’affiche de Roland-Garros a été confiée à un artiste contemporain. Pour cette édition 2025, c’est Marc-Antoine Mathieu, graphiste, illustrateur et auteur de bandes dessinées qui est à l’origine d’une création originale réalisée dans le but de transposer l’âme de Roland-Garros.

L'histoire de la police la plus injustement détestée

Dans cette vidéo je vous explique pourquoi certaines marques décident de se faire conceptualiser une police d'écriture personnalisée, quels sont les motivations derrière ce choix et ensuite, je crée ma propre police d'écriture pour l'intégrer à mon nouveau site web.

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.

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.

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 ?

« OSINT : du journalisme au design », un documentaire du Media Design Lab

L'enquête journalistique se définit par un travail de terrain et une récolte d'information en situation. L'introduction des technologies numériques ces dernières décennies a amené une évolution des méthodes liées à l'investigation. Ainsi, de nombreux journalistes à travers le monde développent depuis les années 2000 une pratique appelée OSINT pour « Open Source INTelligence » qui permet désormais de documenter le réel autrement. Le design joue aujourd'hui un rôle central dans la mise en œuvre de ces nouvelles pratiques d'enquête.

Accessibilité - Qui est le plus irresponsable : l’IA qui pollue ou l’humain qui exclut ?

2005, une année qui aurait dû bouleverser la France, rendre le numérique plus accessible aux personnes handicapées. Le titre me laissait espérer pour un monde plus inclusif : Loi du 11 février 2005 pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées. À l’aube de 2025, le numérique n’est pas accessible à toutes et tous. La promesse d’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées ne sont qu’un écran de fumée. Aujourd’hui, le numérique responsable et l’intelligence artificielle (IA) ont le vent en poupe. Je me sens devant un effroyable paradoxe : choisir entre le numérique responsable et l’intelligence artificielle qui pourrait enfin rendre accessible ce que les humains n’ont pas réussi à faire jusqu’à présent ?

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.

Designers starter pack on Mastodon

Gather the main interface design accounts on the Fediverse

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.

How to identify decorative images and boots accessibility

Boost accessibility and user experience by mastering decorative images. Learn best practices for empty alt attributes and inclusive design.

Nouvelle identité visuelle Groupama, un logotype en rase campagne

Il y a de cela quelques semaines, nous avons pu apercevoir en ligne un nouveau logotype Groupama. Pas (encore ?) d’annonce en grande pompe, ni de dévoilement officiel, mais il est là ce nouveau logo. Il a pris ses fonctions sans bruit et remplace un logotype qui officiait et était reconnu depuis plus de 20 ans.

Designing for Decision Making: The Psychology of Choice

Applying Psychological Principles in UX Design

Stop building components, start building patterns

It seems to be the way that most people start their design system. First, sort out the basics of your foundation layer, including some colors, typography, and maybe some spacing. Then, it’s straight into crafting the perfect button, complete with 14 variants and every state imaginable. It’s tempting, too, as they feel like they’re the parts that will be the most useful. The cards, buttons, form elements, and all the other lovely components make up what most people think of as a « design system ». I think we’re doing it wrong.

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.

Enseigner la typographie au risque du libre

Pierre Huyghebaert est ancien étudiant de l’Erg, enseignant à La Cambre dans l’atelier de typographie, fondateur de Speculoos, et membre de l’équipe de pilotage de Curseurs. Nous avons voulu revenir avec lui sur son parcours où éducation et numérique ne sont jamais loin l’un de l’autre, afin de comprendre comment les questions de logiciels et licences libres entrent en tension dans les espaces pédagogiques et professionnels. Une conversation à bâtons rompus où se côtoient typographie, fonderies d’inclusivité et de bien d’autres choses encore…

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.

Yes, design can save you millions

No, it’s not “nice to have”. A case study of the financial impact of smart design decisions in payment systems.

UX Cognitive Bias Cards and Workshop

A fun way to raise awareness around biases when designing products & services

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.

Design systems: simplifying documentation writing

One of the toughest parts of creating a design system might not be what you expect. Getting a design or development team to use it is generally straightforward; after all, who doesn’t want to make their job easier in the long run? Sure, the upfront cost might be high, but that’s an easy sell. No, the toughest part is the documentation.

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.

Alors, ça ressemblerait à quoi un média social au design éthique ?

Comment voir émerger des médias sociaux vertueux ? Actuellement, leurs interfaces sont conçues dans une optique de captation du temps et d’aliénation des utilisateurs. Plusieurs organisations comme l’association designers éthiques proposent des alternatives s’adaptant aux problématiques sociales et démocratiques.

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.

Formations et ressources en accessibilité web et numérique

Les enjeux, les normes et les bonnes pratiques de l’accessibilité web (et numérique plus généralement) sont malheureusement encore trop méconnues par nombre d’enseignant·es et de profesionnel·les du design, du développement et de la rédaction web. N’ayant pas du tout été sensibilisé à ce sujet durant mes études, j’ai voulu progressivement monter en compétences ces dernières années, en suivant certaines formations et en parcourant livres, blogs, sites et autres ressources spécialisées. Afin d’encourager et de faciliter cet apprentissage par tout un chacun, je vous partage ici une sélection des meilleures d’entre elles.

Figma AI tools: i’m not worried about my job anytime soon

The features are awesome but we’re far off from replacing designers. That’s coming from someone immersed in AI every day of the week.

designing design systems: constructing an icon system

A process for creating a unified brand experience through iconography

designers ui/ux et logiciel libre – Maiwann

Écriture inclusive : le point d’hyphénation rend-t-il vraiment meilleure la lecture par les lecteurs d’écran ?

Ces derniers mois, je me suis retrouvée dans plusieurs discussions sur l’écriture inclusive où des personnes partageaient un article qui dit qu’il faudrait utiliser le point d’hyphénation plutôt que le point médian lorsqu’on utilise des abréviations inclusives parce que la lecture par les lecteurs d’écran serait meilleure. Cet article s’intitule « Point médian final : point d’hyphénation ‧ » et a été écrit par Matti Schneider en 2019. Si cet article n’est pas inintéressant, il y a malgré tout un problème de taille : un seul lecteur d’écran a été testé, VoiceOver sur MacOS. Or, il existe différents lecteurs d’écran et tous ne se comportent pas de la même façon. Le synthétiseur se trouvant dans ces logiciels peut aussi faire varier les choses ainsi que la voix utilisée. De plus, tout ceci évolue dans le temps. Qu’en est-il concrètement ?

Don’t be fooled by figma’s new AI features

How to leverage AI effectively without losing focus on designers’ roles and responsibilities.

How to get answers quickly and avoid features that flop | by rosie hoggmascall | jun, 2024 | ux collective

How to get answers quickly and avoid features that flop | by Rosie Hoggmascall | Jun, 2024 | ux Collective

L’(in)accessibilité est politique !

On entend souvent les défenseurs et défenseuses de l’accessibilité dire que l’accessibilité est un enjeu politique. On a un peu trop tendance, il me semble, à oublier que si l’accessibilité est politique, fatalement, l’inaccessibilité est également politique. En effet, l’inaccessibilité constitue une discrimination à l’égard des personnes handicapées. C’est politique. Fondamentalement politique.

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.

Did anyone ask for these AI features?

I wasn't going to say anything about WWDC. I wasn't going to say anything about WWDC. But, did anyone actually ask for these AI features?

Les mascottes de marques, de bibendum à benny the bull

Les mascottes de marques, de Bibendum à Benny the Bull

Only 30 seconds to reject your portfolio?

I didn’t make that number up. I was probably too generous, it’s even lower. Some sources suggest that recruiters and hiring managers spend around six seconds reviewing job applications from candidates. After hours you invested in writing and polishing your case studies, you get dismissed in mere seconds.

Empathy map – why and how to use it

Empathy Map – Why and How to Use It

To be a designer is to be a facilitator

Building a shared understanding of complex issues is key to doing work in the social impact space.

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.

Intelligence artificielle et design d’interface : vers un design de la confiance ?

Imaginons que dans un futur plus ou moins proche, il nous sera impossible de différencier le contenu créé par un humain du contenu créé par une IA. Dans les lectures, les écoutes musicales, les séries, les films, les photographies et tous les contenus pouvant être numériques il y aura un mélange entre ce qui est conçu humainement et par les IA.
Mais avez-vous déjà ressenti ce sentiment étrange de lire quelque chose et de vous rendre compte que c’est écrit par ChatGPT ?

design systems vs. style guides

design systems are a set of standards (like google’s Material design or IBM’s Carbon design System) needed to manage design at scale. Style guides (like content or visual style guides) are just one piece in a design system.

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.

Twitter entend changer radicalement la façon dont s’affichent les liens vers les articles de presse

Elon Musk a laissé entendre que les descriptions et les titres des articles ne s’afficheraient bientôt plus sur la plate-forme. Si des raisons « esthétiques » sont avancées par le patron de X – nouveau nom de Twitter –, d’autres motifs, notamment le respect des droits voisins, sont sans doute en cause.

L'IA prend de plus en plus de place dans notre quotidien. Est-ce une bonne chose ?

Qu'il s'agisse de rédiger des dissertations ou de remplacer les agents du service clientèle, l'IA joue un rôle de plus en plus important dans le quotidien des gens. Et si certains se laissent séduire par l'idée que l'IA facilitera les choses en prenant en charge les tâches routinières et en nous libérant pour des activités plus créatives et des choses que nous avons probablement négligées, comme une communication efficace avec nos amis et notre famille, ce n'est pas forcément ce qui est en train de se passer en réalité. Du moins, ce n'est pas la situation dans son ensemble.

Top 10 design systems in 2023

A design system is a collection of reusable components, guidelines, and assets that are used to build consistent and cohesive user interfaces across different platforms and devices. It’s a framework that provides designers and developers with a set of rules, principles, and tools for creating and maintaining a unified design language throughout an organization.

The new Google Fonts: find what you’re looking for

A redesigned Google Fonts website helps you find the right fonts and icons for your project

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.

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.

Statut, TJM et clients, la base du freelance

Vous êtes experts dans votre domaine et vous voulez lancer à votre compte, alors vous allez vous retrouver novice dans un domaine, celui du freelancing. Vous devez travailler avec des freelances et vous ne comprenez pas leurs tarifs, je vais vous l’expliquer. De mon côté, ça fait 23 ans que je travaille en freelance. Quand j’ai commencé, une collègue m’a expliqué les bases et m’a aidé à fixer mon tarif. Alors je vous propose une session de rattrapage express des bases : choisir son statut, fixer son TJM (Tarif Journalier Moyen) et gérer la relation client. Avec ces bases vous devriez pouvoir vous lancer dans de bonnes conditions, négocier correctement vos premières missions, éviter quelques erreurs de débutant(e)s et trouver le bonheur dans cette nouvelle relation au travail.

SNCF de-connect

Censée faciliter la vie des usagers, comment expliquer que l'application SNCF Connect ait été si pleine de bugs à son lancement en janvier 2022 ? Est-ce le développement en interne qui est à l'origine des problèmes techniques identifiés ?

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.

Reflections from building mozilla foundation’s design system

As our small *but mighty* design team grows and matures, the need for a design system kept coming up. And our website was growing and more things were being made! We switched from Sketch to Figma in 2020 and while we were able to import our old system, it was getting increasingly difficult to know what the most updated asset was. Our UI kit was incomplete, disconnected from code, and components were not built responsively or with editability in mind. A design system to us means having a source of truth for all of our design components alongside a collection of documented design decisions and processes. This year we were able to dedicate some time to building out our design system in Figma. We only had 3 months to build a solid foundation and here are our reflections at the end of it all.

Que peut le design pour qu’on se mette (enfin) à lire les études ?

ONG, Agences nationales, think-tank, entreprises… Toutes sortes d’organismes produisent quantité d’études et rapports, en particulier pour répondre aux grands enjeux écologiques et sociaux. On est nombreux à en saisir l’importance, mais qui les lit vraiment ? De bon cœur ? La plupart dorment paisiblement dans les méandres du web, attendant d’être exhumé par un passant, une journaliste, un chercheur.

Quand faut-il numériser ?

Lorsque nous parlons d'écoconception, nous avons parfois la remarque : c'est bien d'éco-concevoir mais est-ce qu'il ne vaut mieux pas plutôt trouver une alternative à la numérisation ? En d'autres termes, le meilleur impact négatif est celui que l'on ne produit pas ! Alors comment savoir s'il faut numériser ou non son service ? Sans pouvoir vous fournir de grille de décision pure et simple, voici une liste de questions à se poser et d'éléments à prendre en compte.

Ponctuation, espaces, guillemets : les règles typographiques

Pour des documents bureautiques comme sur le Web, il est important de respecter les règles typographiques françaises quand on rédige des textes. C'est le meilleur moyen de présenter des écrits agréables à lire.

Pistes pour un design écologique des paramètres

À la suite de notre enquête des paramètres mobiles et du constat qu’il y a un insoucis écologique dans la conception actuelle des paramètres, nous avons conçu un cahier d’idées qui propose 10 principes de conception pour des paramètres écologiques. À rebours d’un design qui cherche aujourd’hui plutôt à simplifier, minimaliser et uniformiser les interfaces sous motif d’en faciliter l’usage ou d’en réduire l’empreinte, nous explorons et assumons par ce travail un autre pari. Celui que plus de marges de manœuvre et plus d’accessibilité de la technique puissent être aussi une autre voie possible pour un numérique s’inscrivant dans les limites planétaires. Ces idées ne cherchent pas non plus à simplement réduire directement la consommation d’une application, mais s’intéressent aussi à la manière dont le paramétrage conditionne nos usages numériques et nous permet d’en comprendre leurs effets ou changer notre rapport au vieillissement, à la qualité, à la performance.

Philippe trotin, Microsoft : « la France est un élève moyen en termes d’accessibilité numérique »

La télécommande, le téléphone, le sous-titrage… Ces innovations font partie de notre quotidien. Et pourtant, à l’origine, elles ont été imaginées et conçues pour compenser des handicaps. Aujourd’hui, avec le développement du numérique, de nombreuses applications sont imaginées pour être utilisées par tous les publics, qu’ils soient valides ou en situation de handicap. On appelle cela « l’accessibilité universelle ». Cela passe par exemple par la reconnaissance vocale, qui permet d’allumer les lumières sans avoir à se lever. Pratique quand on est assis sur son canapé ou dans un fauteuil roulant. Dicter un message vocal plutôt que de l’écrire est utile quand on a les mains prises ou si on est paralysé.

Our fastest, most beautiful release ever: Thunderbird 115 Supernova is here!

On behalf of the Thunderbird team, Thunderbird Council, our global community of contributors, and our extended Mozilla family, I am incredibly excited to announce the initial launch of Thunderbird 115 “Supernova” for Linux, macOS, and Windows! With this year’s version, we’re delivering much more than just another yearly release. Supernova represents a modernized overhaul of the software – both visually and technically – while retaining the familiarity and flexibility you expect from Thunderbird.

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.

Navigating the intersection of design and business: a conversation with Airbnb’s Brian Chesky

Co-founder and CEO Brian Chesky talks about design’s catalytic potential for business and the central role it played in Airbnb’s post-IPO growth story.

Mental models and user experience design

What users believe they know about a user interface impacts how they use it. Mismatched mental models are common, especially with designs that try something new.

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

L'univers inoui des ambigrammes, symétrie graphique et reflets de mots

Quel est le lien entre jour et nuit, et DIEU et RIEN, anges & démons ? À part leur sens à priori opposé, ce sont aussi des ambigrammes : des mots qui se lisent par symétrie. Restez là, on vous explique tout.

Loading and progress indicators

Engage users and enhance waiting experiences with these simple recommendations.

Lipstick on a pig: learning the most important lesson in design

I just released a little tool called Lipstick on a Pig that helps keep the visual appearance of supported command-line applications in sync with the current light/dark mode setting (colour scheme) of your system in GNOME.

Les petits secrets de l'oiseau bleu, le logo de Twitter tué par Elon Musk

L’oiseau bleu, célèbre logo de Twitter, s’en va. La mascotte iconique du réseau social avait quelques secrets, méconnus de nombre d’internautes.

Les images et l’éco-conception : je t’aime, moi non plus…

Lorsque l’on souhaite créer un site éco-conçu, ou refondre l’existant pour le rendre plus sobre, se pose nécessairement la question des images. Ont-elles encore leur place sur le site ? Comment peuvent-elles être optimisées ? Quel format faut-il privilégier ? Nous avons décidé de vous aider à mieux comprendre le sujet opaque qu’est celui du poids et de la taille des images sur le web. Nous vous ferons part également des bonnes pratiques à toujours garder en tête. Nous avons essayé de ne pas trop rentrer dans la technique afin de rendre cet article digeste quitte à faire des approximations. Bonne lecture !

« Les bonnes pratiques des développeurs rejaillissent sur l’accessibilité »

L’accessibilité numérique devient un impératif pour nombre d’entreprises. Stéphanie Walter, experte en design inclusif, insiste sur le choix du bon partenaire.

Le legal design : qu'est-ce que c'est ?

Découverte des enjeux de simplification et d'accessibilité des normes juridiques.

Le guide expert pour réussir ses entretiens utilisateurs

Techniques pour rédiger des questions et des guides d’entretiens pertinents et efficaces

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

La lisibilité en typographie

Votre typographie parle à votre place jour et nuit, peu importe que vous soyez au travail ou en train de lézarder au bord d’une piscine. Votre typographie fait sans cesse votre promotion. Est-ce que vous le lui rendez bien ? Choisissez-vous judicieusement votre typographie ? En faites-vous bon usage ? Cette présentation est un ensemble de conseils et bonnes pratiques pour maîtriser votre voix typographique. Découvrez les quinze principes fondamentaux de la lisibilité : du choix d’empattements (sérif) ou sans empattements (sans-sérif), en passant par la hauteur d’œil, la composition typographique, l’espacement, le choix de la chasse et des graisses typographiques. Votre typographie mérite mieux, rendez-la lisible et agréable !

La guerre du XXIème se joue aussi dans nos cerveaux

C'est la guerre qu'on n'a pas vu venir et qui menace désormais nos démocraties. La « guerre intelligentisée » gagne nos cerveaux et il est temps de lancer un état d'urgence informationnel. Interview de David Colon.

La grande arche de la défense devient l'arche

La Grande Arche de La Défense est un immeuble de bureaux situé dans le quartier de La Défense à l’ouest de Paris, construit en 1989 par les architectes Johan-Otto Von Spreckelsen et Paul Andreu. Cette « fenêtre sur le monde », d’après l’expression de son créateur, a pour mission de devenir un carrefour de la communication et un lieu de rencontres interculturelles, porteur de valeurs humanistes.

JO 2024 : l'épreuve des pictos

Ces pictogrammes représentent les disciplines des Jeux olympiques de Paris 2024. Ils se distinguent nettement des « pictos » des JO précédents... Que s'est-il passé ? Présenté par Sonia Devillers, le magazine qui analyse les images de notre époque. Depuis des années, ces icônes permettent aux visiteurs venus du monde entier de repérer les lieux des compétitions dans la ville organisatrice. Alors quelle fonction remplissent ces pictogrammes d'un nouveau genre, plus esthétiques qu'explicites ? Julie Matikhine, membre du comité d'organisation, nous explique les coulisses de la fabrication de ces fameux pictos. Tiphaine Guillermou, de l'agence de design Graphéine, revient sur la longue histoire du pictogramme et sur son évolution depuis les Jeux olympiques de 1964.

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.

Introducing Figma Variables and a consolidated “all themes” library!

The Carbon Design team, in partnership with the IBM Figma guild, has enhanced our core theme Figma libraries to incorporate the latest feature enhancements introduced by Figma during Config 2023. We’re most excited about the new variables feature, which allow us to now apply design tokens in a more optimized and enriched way than ever before.

Il n’y aura pas de diffusion en direct en 2023

Depuis plus de dix ans, pour que les personnes ne pouvant pas se déplacer puissent malgré tout les suivre, nous avions l’habitude de diffuser les conférences en direct en ligne. Mais nous avons le regret de vous annoncer que la rediffusion en direct ne sera pas disponible cette année.

Iconography in design systems: easy troubleshooting and maintenance

No matter how sick you might be dealing with unending visual inconsistency, design systems are still challenging. They can scare any designer regardless of their experience. Still, if you want to bring order to chaos, introducing a design system into your workflow is worth the trouble. Tatsiana Tarkan digs deep into iconography as part of a design system and shares some doable tips that will turn icon creation and maintenance into an enjoyable process.

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.

Figma Variables — Ultimate guide

Learn the capabilities of the new feature

Figma introduces FigJam ai to spare designers from boring planning prep

FigJam AI is available now in open beta and is ‘currently free’ for all customer tiers.

Figma, i love you but you’re bringing me down

Confronting the conflict between what’s possible and what’s practical

Element is accessible by design

At Element, our mission is to provide secure communications to all. We believe that everyone deserves the right to private and safe online interactions. And, everyone means everyone 🧑‍🤝‍🧑. In today's digital age, accessibility is a vital aspect of any product or service. When websites, applications or products are not accessible, it limits certain users’ ability to fully participate.

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.

Designers éthiques adopte une gouvernance partagée - REX

En octobre 2023, les 14 membres de l’association se sont réunis en Assemblée générale extraordinaire et ont voté une nouvelle version des statuts de l’association (et le Règlement intérieur qui va avec). Ces statuts changent profondément l’architecture de gouvernance de l’association pour s’orienter vers une gouvernance partagée. Retour d’expérience sur deux ans de réflexions et de ré-écriture des statuts de l’association.

Design is compromise

Compromise is neither good nor bad, it’s something we do every day. It’s decision making. Prioritizing. Deciding that one thing is more important than another. It’s finding the right balance between two competing desires.

Dark patterns et UX design

Les « dark patterns » comment le design d'interface nous manipulent. Un épisode de Netflix qui se lance automatiquement, réception automatique des notifications de FB (et autres !), un défilé d'image sur Instagram, le bouton 'tout petit' ou introuvable qui empêcherait de faire la mise à jour du système d'exploitation...

Créez vos animations lottie depuis Figma avec le plugin officiel LottieFiles

Dans l'univers du design et de la conception, les animations jouent un rôle crucial pour donner vie aux interfaces, captiver les utilisateurs et améliorer l'expérience globale. C'est dans cette optique que le plugin « LottieFiles » pour Figma a vu le jour, offrant une solution novatrice pour intégrer facilement des animations Lottie dans les projets de design. Le plugin « LottieFiles » propose une panoplie de fonctionnalités qui simplifient le processus de création et d'intégration d'animations, permettant ainsi aux concepteurs de libérer leur créativité et d'améliorer la qualité de leurs conceptions.

Creating coherence: how spotify’s design system goes beyond platforms

Design Manager Juli Sombat sheds light on how a need for more cohesion led Spotify’s design systems team to take a cross-platform approach to components.

Creating a wise typographic set

How we created an international type library for everyone, everywhere.

Concilier free-lance et tdah

Après trois années de questionnements, trois mois de suivi et 300 € en moins dans la poche 1, me voilà récemment munie d’un petit papier attestant que j’ai bien un TDAH (trouble déficit de l’attention / hyperactivité). Concrètement, ma vie n’a absolument pas changé depuis ce diagnostic, à deux exceptions près. Je me sens maintenant légitime à en parler. Et, surtout, je n’ai maintenant plus honte de mettre en place des stratégies pour mieux fonctionner. Certaines de ces stratégies sont vraiment bêtes, mais elles ont révolutionné ma vie. Pour d’autres, je n’ai pensé à les mettre en place que seulement après avoir lu/entendu que quelqu’un d’autre le faisait. Comme si savoir que d’autres personnes s’autorisaient ça rendait ces pratiques légitimes.

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.

Comment mener et analyser les entretiens utilisateurs ?

Que vous soyez ou non familier avec les méthodologies de recherche utilisateurs, il est important de savoir que peu importe la méthodologie déployée, elle nécessite de la préparation.

Code en français

Le code on le fait en anglais. Je ai eu ce débat quasi­ment dans chaque équipe que j’ai traversé. Les réponses n’ont pas toujours été les mêmes et — sans vous dire quoi faire dans votre situa­tion spéci­fique, bien que mon avis géné­rique soit assez tran­ché — je peux au moins parta­ger les expé­riences.

Classement TOPAFF 2023 : les 100 plus belles affiches de festivals

Voici le classement TOPAFF 2023, qui célèbre les 100 plus belles affiches de festivals de musique en France de l’année écoulée (le 12e en 12 ans). Les critères restent les mêmes : originalité, idée et sens, performance graphique, impact visuel (mise en page, espace, typo…). On considère avant tout l’illustration (art) et non la communication (stratégie).

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.

Introducing Reith – the new face of the BBC

The BBC has introduced a new typeface. Learn how and why.

Autisme et accessibilité numérique sur les sites web au quotidien

Dans cet article, nous allons voir comment les personnes autistes vivent l’accessibilité numérique au quotidien à travers leurs navigations sur les sites web.

The 14 Worst fonts in the World

In “Just My Type,” Simon Garfield counts down his least favorite typefaces—and we’ve updated the list.

Adobe : la commission européenne ouvre « une enquête approfondie » sur l’acquisition de Figma

« Adobe sort le carnet de chèques pour étouffer la concurrence », disions-nous lorsqu’elle a mis 20 milliards de dollars sur la table pour s’offrir Figma, l’éditeur vectoriel de référence pour le prototypage d’interfaces en collaboration. C’est précisément ce qui pose problème à la Commission européenne, qui annonce ouvrir « une enquête approfondie » sur ce projet d’acquisition.

Accessibility for people with astigmatism

Did you know? Astigmatism is a visual condition where there is a refractive error that impedes the eye from focusing light evenly on the retina. This results in objects appearing to be blurry. According to the World Health Organization, refractive errors (nearsightedness, farsightedness, astigmatism and presbyopia) account for 43% of visual impairments occurring globally.

Accessibilité des PDF

Ces derniers mois, j’ai accompagné beaucoup d’équipes qui se sont posés la même question : « Est-ce que mes PDF sont accessibles ? ». La première fois, je ne savais pas trop comment répondre à cette question. Mais après quelques recherches, j’ai les idées plus claires, et je suis capable de répondre bien plus précisément…

accessibilité de combat

Il fut un temps où l’on donnait sa vie pour une idéologie politique. Puis nous sommes devenus de simples bénévoles actifs. Désormais nous nous engageons, mais quand l’occasion se présente, pour une cause qui nous tient à cœur.

A guide to selecting an accessible typeface

Selecting a typeface that suits your brand, is versatile enough for your products, and is accessible can be a daunting task with the multitude of fonts available. In this article, I will walk you through some key factors to consider when selecting an accessible typeface that is functional and visually appealing.

A checklist for choosing type – fonts knowledge

Every article in our “Choosing type” section aims to be a useful guide on a specific aspect of choosing type. For this article, we’re condensing all of that information into one handy checklist—a checklist that can be referenced every single time we ever need to choose a typeface. Whether you’re selecting the first typeface for a new project, pairing a secondary typeface after the primary selection has been made, updating a brand with something new that retains the feel of the original, or anything in between, this checklist can act as a universal guide.

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

Introducing Aptos, our modern successor to Calibri

2023, année calme en nouveaux émojis

L'automne prochain verra arriver la traditionnelle nouvelle fournée d'emojis. Ce sera un (maigre) assortiment de nouveaux venus et de symboles qui vont adopter un sens supplémentaire de représentation.

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.