La semaine en pixels – 17 novembre 2017
Comme chaque semaine, un condensé de mes lectures et ma veille web design et graphisme, expérience utilisateurs, design d’interface et mobilité, mais aussi des outils et ressources pour le web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.
Au programme : des astuces pour organiser un workshop UX, des cartes pour vendre l’experience utilisateur, comment intégrer la recherche utilisateur dans un processus agile, des placeholder en SVG low poly pour le chargement d’images, les compétences de designer et de présentateur fortement liées, la complexité du CSS, des tutoriels CSS et de jolies illustrations et BDs.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
tl;dnr, s’il devait n’en rester qu’un ?
#Perception de la Vitesse
How to use SVG as a Placeholder, and Other Image Loading Techniques, une technique qui utilise des SVG low poly comme image placeholder le temps que les vrais images se chargent.
Les articles de la semaine
#UX / Design
- How to do your workshop right – 11 tips & tricks. des petites astuces pour vous aider à organiser des atelier UX. L’idée d’avoir un coin « garage » pour mettre toutes les propositions que l’on peut pas traiter mais qui resent intéressantes est à creuser.
- Comment intégrer la recherche utilisateur dans des équipes agiles
- « The relationship between design deliverables and presentation skills«
#CSS
- Declining Complexity in CSS Eric Meyer sur l’évolution du CSS. Moi aussi j’envie les petits jeunes qui diront un jour « non pourquoi tu voudrais créer une grille avec float c’est n’importe quoi et pas fait pour ça » comme nous avons pu dire un jour « pourquoi tu veux faire une mise en tableaux » :)
#Performance
The Contrast Swap Technique, une technique de chargement d’image à base de contrastes
De l’inspiration et de jolies idées
#Illustration
J’ai découvert les jolies illustrations colorées de jenbartel et je veux tout acheter ici jenbartel.storenvy.com :D
#Design
Notchless, des fonds d’écran pour cacher le notch de l’iPhone X
#Comics
Chris Spalton’s eelman chronicles, une BD sur le papa de Chris Spalton qui est le dernier pêcheur d’anguille :D
Tutoriels
#CSS
- Des bordures arrondies comme sur iOS avec CSS houdini par @iamvdo
- Un petit hack CSS pour penser à l’accessibilité des images
- Text input highlight, TripAdvisor style
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Sketch
Plant – du contrôle de version pour Sketch
#UX
De jolies cartes pour vendre l’UX : UX Sales Deck: Sell Your Team on the Benefits of Great UX
#Font
Une police avec différentes variantes de lettre pour simuler une écriture manuscrite B. Hands font
