La semaine en pixels – 17 Juin 2018
Chaque semaine, un condensé de ma veille web design, UX (expérience utilisateurs), design d’interface et mobilité, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre.
Au programme : galerie d’animation CSS, expérience prédictive, prioriser la roadmap produit, prototypage rapide, nouveaux outils pour les designers, variables fonts, tests utilisateur à distance, spécificité de not(), :has(), et :matches(), autres sélecteurs CSS, construire une culture de la performance, 2 articles sur la recherche, le design de flux de « feeds » et un excellent article rempli de conseils pour son portfolio d’UX designer
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
J’ai donné une conférence
#Performance #UX
La semaine dernière j’ai donné une conférence à Pixel Pioneers à Bristol sur la perception de la performance et comment utiliser des outils et méthodes de design pour améliorer la performance perçue de son site : Cheating The UX When There Is Nothing More To Optimize
Les liens en français
Cette semaine j’ai assisté aux Flupa UX Days. Je vous fais un petit récapitulatif à l’occasion mais voici déjà deux présentations géniales :
- Jacinthe Busson sur les stories et le storytelling dans les médias sociaux
- Marie Guillaumet sur l’UX et le design pour les personnes DYS
tl;dnr, s’il devait n’en rester qu’un ?
#CSS
Animista, une galerie d’animations CSS pour vous inspirer pour vos projets
Les articles de la semaine
#UX et #UI
- « Icons and Big Data: Using Predictive Analytics for Search Accuracy » un excellent article sur le design prédictif en se basant sur de la big data
- « Architecture vs. (so-called) UX Design » j’aime bien la métaphore de l’architecte et le parallèle avec mon métier
- A Guide to Wireframe Tools & Rapid Prototyping, un petit guide du prototypage rapide
- The new design tools on the block, quelques nouveaux outils pour les designers
- How to “Remote User Test” – les tests utilisateur à distance, avantages et inconvénients et comment les mener
- Defining search patterns and models et Site Search Suggestions, 2 articles sur la recherche dans les interfaces
- Downplaying Empty States in Design – un article très sympa sur le design d’écrans blancs et vides
- Stop “feeding” your users – le design de flux (feeds) et le machine learning
- « I Reviewed 573 UX Designer Portfolios, This Is I Want To See In Yours » des conseils pour optimiser son portfolio de UX designer
#Design
- What London’s Underground Map Can Teach You About Design
- The Story Behind Susan Kare’s Iconic Design Work for Apple
#Design produit
3 ways to prioritize your product roadmap with a matrix, 3 matrices pour vous aider à prioriser votre roadmap produit
#Front-End (HTML, CSS)
- How to start with variable fonts on the web
- Cards, concevoir des « cartes » accessibles
- Specificity in :not(), :has(), and :matches()
- Retour aux sources avec un article sur les sélecteurs CSS « Level up your CSS selector skills«
- Fostering a Web Performance Culture – créer une culture de la performance dans une entreprise
De l’inspiration, du fun et de jolies idées
#Posters
Super freaky recently declassified NSA security posters, des posters flippants de la NSA
#Logos
2018 Logo Trends – un petit récapitulatif des tendances de logo 2018
Tutoriels
#A11Y
How to test accessibility of emails
#CSS