Les Ressources du Web #43

Also available in: English

Cette sélection offre de nombreuses ressources de conception pour vous aider à créer une session d’idéation, à tester vos interfaces pendant les tests utilisateur ou à exploiter les biais de vos utilisateurs pour créer de meilleurs produits. En plus de ces ressources, des outils de développement, des articles et des tutoriels vous aideront avec de nouvelles fonctionnalités CSS et JS. Ah, et j’ai besoin de votre aide à la fin de l’article :p

Ressources de Design

Vous voulez exploiter les biais de vos utilisateurs pour construire de meilleurs produits ? Ou tester une maquette haute fidélité sur votre utilisateur sans sacrifier une interaction riche ? Lisez cette sélection sur UX, UI et Design System.

• Origami Studio – Un outil de conception pour vous aider à construire des maquettes interactives haute fidélité pour de meilleures phases de tests utilisateurs.
• 84 cognitive biaises… – Une liste de biais cognitifs que vous devriez exploiter pour construire de meilleurs produits.
• Marking Required Fields – Devez-vous signaler les champs obligatoires dans un formulaire ? Si la plupart des champs du formulaire sont obligatoires, devrions-nous quand même les marquer ? La réponse courte est oui. Mais lisez cet article pour plus de détails.
• How to get buy-in for building a Design System – Comment entamer la conversation avec les parties prenantes et mettre en place un Design System.
• Micro Design System – Casser le monolithe. Il est temps pour nous de faire mûrir nos Design Sytems et de préparer l’avenir.
• Interview of Stéphanie Walter about accessibility – « Pour moi, cela fait aussi partie du travail du concepteur de s’assurer que les produits et services sont accessibles. »
• Undesign – Collection d’outils et de ressources de design gratuits pour les créateurs, les développeurs et les concepteurs.
• Tarotelling to help you ideate – J’ai testé cette méthode (et les cartes sont si belles) lors des derniers Flupa UX Days à Paris (juin 2019).
• Qu’est-ce qu’une bonne formation UX/UI – Un article qui vous guide dans le choix d’une formation dans ce domaine.

Ressources de Développement

Si vous aimez Flex et Grid en CSS, si vous voulez en savoir plus sur les performances avec Lazy loading natif, ou si vous voulez créer des applications avec l’API Google Drive, jetez un coup d’oeil à cette sélection.

• DialogFlow – Créez des expériences de conversation naturelles et riches.
• CSS Subgrids – CSS Sub Grids est une nouvelle partie de Grid Layout, supportée dans Firefox Nightly pour le moment.
• CSS Variable Performance – Un article sur l’utilisation et les performances des Custom Properties de CSS.
• Breaking a new row with flexbox – Astuces avec flexbox pour créer une nouvelle rangée.
• Grids for Gutenberg – Gérez rapidement et en temps réel toutes les fonctionnalités de vos contenus créés avec WordPress Block Editor, du design aux proportions !
• Sheety – Transformez n’importe quelle feuille Google en API instantanément, gratuitement. Vous pouvez créer des sites Web, des applications ou tout ce que vous voulez, le tout à partir d’un tableur.
• Did You Know: defaultValue in JS – Un petit article à moi sur une partie spécifique de JavaScript, defaultValue et comment le gérer.
• Native Lazyloading – Une plongée en profondeur dans le Lazyloading natif d’images et de frames.

Ressources Graphiques

Quelques icônes et nouveaux types de fontes.

• Love, Death & Robots Icons – Après avoir regardé « Love, Death + Robots », l’anthologie Netflix de David Fincher, deux designers – Michael Chernyak et Ofer Ariel – ont décidé de recréer les icônes originales utilisées dans ce spectacle.
• 240 LGBT Icons for free – 240 illustrations vectorielles en 3 styles : Multicolore, Duotone, Monotone.
• Color Fonts – Les Color Fonts représentent une évolution clé dans la typographie numérique, introduisant de riches fonctionnalités graphiques dans les fichiers de polices.

Applications & Autres ressources

Comparaison de téléphone, jeu et un peu d’applications Mac.

• Recents for Mac – Recents est un lanceur de fichiers conçu pour Mac. Il augmente la productivité en mettant vos fichiers récents à portée de main.
• Gadgets Now Compare – Un outil que j’ai utilisé la semaine dernière pour comparer les téléphones avant d’en changer.
• PhoneArena – Un autre outil que j’ai utilisé pour comparer les dimensions de téléphone.
• Game: Menja – Un mini jeu qui me rappelle Fruit Ninja.
• Notre-Dame de Paris 3D Project – Hommage à Notre Dame de Paris.

Questions pour vous.

2 tweets pour lesquels j’aurais besoin de votre aide.

• Can you name this component? – Une question simple : Je vous donne un composant (capture d’écran), vous n’avez qu’à le nommer. Ça devrait être facile, mais on dirait que non.
• How do you read on screen? – Certaines personnes utilisent le bord de l’écran pour les aider pendant la lecture, est vous ?

Bonne lecture et amusez-vous bien !