La semaine en pixels – 24 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 : le futur et le mobile, des méthodes d’UX, modèle mental, processus responsive, gérer le Notch de l’iPhone X en CSS, cohérence des interfaces accessibilité et UI, les coûts cachés d’un design complexe, les problèmes à n’embaucher que des développeurs full stacks, des patterns SVG et des outils pour web designers.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
J’ai publié un truc cette semaine
Solving design problems: Finding UX tools, methods & activities – ma liste d’outils et ressources utilisées au quotidien pour choisir la stratégie et méthode UX la plus adéquat (je le traduirais sans doute si j’ai un peu de temps)
Les liens en français
#Accessibilité
UX et accessibilité : retour sur BlendWebMix et UX Rennes
tl;dnr, s’il devait n’en rester qu’un ?
#Mobile
Mobile in The Future, une conférence très interessante de Luke Wroblewski qui analyse les évolutions de plusieurs applications mobiles pour ensuite essayer de comprendre et prédire le futur du design d’interface
Les articles de la semaine
#Design #Processus
- 2016 mais toujours d’actualité, un processus de design responsive: Efficient Responsive Design Process
- How To Know Which Ideas Suck? Comment savoir si une idée est mauvaise ? Comprendre le problème et les contraintes au lieu de s’arrêter à la 1e idée.
- The hidden cost of design complexity, les couts cachés de la complexité d’un design, article très intéressant sur le design de produits
#UX #UI
- Stop Designing F**king Sh!t Experiences! Please.
- Mental Models, 51min de podcast avec Indi Young
- F-Shaped Pattern of Reading on the Web: Misunderstood, But Still Relevant (Even on Mobile) , le F-shape pattern de lecture pour le web, mal compris mais toujours d’actualité
- 6 tactics to reduce friction in the shopping journey
#CSS #Front-End
- CSS Environment variables; how to deal with the software bezel of iPhone X, les variables d’environnement CSS pour gérer le (la?) Notch iPhoneX
- Les soucis quand on embauche que des full-stack developers«
- « How we adapted the Booking.com mobile site for the iPhone X notch. » utiliser viewport-fit=cover et des variables CSS pour (encore) gérer le Notch iPhoneX
- The Ultimate Guide to Bulletproof Buttons in Email Design by Litmus
#Accessibilité #Design Inclusif
- Advocating for Accessible UI Design, une petite checkliste utile
- Consistently inconsistent: when the most accessible experience is different for each user —excellent article sur la cohérence des interfaces et ne pas réinventer la roue (hello listes de sélection customisées) parce que le client vous le demande
- Ce n’est pas possible de gérer 100% d’un design inclusif avec une checklist mais c’est un bon début
L’actualité webdesign
#DevTools
Go beyond console.log with the Firefox Debugger
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Web Design
PinTab une collection de ressources pour webdesigners
#SVG
Simple Patterns for Separation (Better Than Color Alone) des patterns SVG utilisables en CSS