La semaine en pixels – 10 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 : tests utilisateur et template de questions pour de la recherche utilisateur, gérer le chargement des polices en CSS, la media query CSS aspect ratio, comment une confusion d’interface peut générer de gros soucis et pourquoi il faut tester en contexte, les micro-interactions des boutons vs liens en HTML, des antisèches pour les intégrateurs, une proposition de input type= »country », un theme pour votre éditeur de code, un tutoriel pour maitriser l’outil plume d’illustrator et de très jolies illustrations de femmes.

Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)

Les liens en français

#Accessibilité

UX et ACCESSIBILITÉ,Best Friends Forever ! le transcript de la conférence de Marie Guillaumet à Blend

tl;dnr, s’il devait n’en rester qu’un ?

#CSS

Managing Font Loading CSS Was Painful—Not Anymore— des astuces postcss par @zachleat

Les articles de la semaine

#UX / UI

• UI Confusion Almost Sunk a US Destroyer, tester ses interfaces en situation réelle peut sauver des vies
• Tests Go First. Usability Testing in Design – un bon résumé de différentes méthodes de test utilisateur
• Interesting article on measuring UX with Google HEART Framework, mesurer l’experience utilisateur avec le framework HEART de Google
• What the Failure of New Coke Can Teach Us About User Research And Design · encore une fois, tester en contexte
• Questions UX Designers Should be Asking, un petit aide mémoire des différentes questions à poser à différents stades de la recherche utilisateur

#Intégration

• Links vs Buttons, les petits détails qui font la différence de comportement entre les deux
• <input type=”country” /> – une idée interessante mais qui risque de se transformer en cauchemar d’implémentation, sans oublier les aspects géopolitiques

De l’inspiration et de jolies idées

#Illustration

Beautiful Womankind, de très jolies illustrations de femmes pour une couverture de magazine

L’actualité webdesign

#Workflow

Accelerate your workflow with InVision + Trello and InVision + Confluence

#PWA

Microsoft’s Bold Plan to Bring PWAs to Windows 10, yeahy ?

Tutoriels

#Intégration

• Practical uses for the aspect-ratio media query, utiliser la media query aspect ratio
• Accessible ARIA Accordions by @scottohara

#Design

• Master the Pen Tool in Adobe Illustrator, une video pour maitriser l’outil plume d’illustrator
• Sketch Preferences 101, des astuces de configuration Sketch pour être efficaces

Des ressources utiles, outils et plugins pour vous faciliter la vie

#Front-End

• Des antisèches: the best front-end hacking cheatsheets — all in one place
• Haan <3 City Lights un super theme de couleur pour votre code dans Atom et VIM
• Sketch Syntax Highlighter plugin, le plugin qui pourrait être utile si vous designez des éditeurs de code ou pour des slides de conférence ?

#Workflow

shortcuts.design, tous les raccourcis clavier des outils des designers rassemblés au même endroit