La semaine en pixels – 19 janvier 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 (illustrations, photos, sites web, etc.)
Au programme : des petites améliorations d’accessibilité, psychologie cognitive et règles d’UX, la fausse alerte missile d’hawaii causée par une erreur de design, l’écriture des messages d’erreur, créer un workshop design, tutoriels d’illustration, boutons « ghost », outil de wireframe, selecteurs CSS, plugin Sketch pour gérer des icônes et modales HTML 5.2
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
tl;dnr, s’il devait n’en rester qu’un ?
#UX
Cognitive and psychologic laws, des lois de psychologie cognitive utiles pour l’expérience utilisateur
#Accessibilité
Amis intégrateurs (et développeurs au fond de la salle), il vous faut lire cet article sur des petites améliorations d’accessibilité faciles à mettre en place : Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility
Les articles de la semaine
#UX / #UI
- The Secrets of Creating Great Design Workshops, le secret pour construire des ateliers de design collaboratif
- « Ghost Button Design: Is This Really Still A Thing (And Why)? » les « ghost buttons » font de très bons boutons d’action secondaire, pour le reste ils seraient à utiliser avec parcimonie en fonction du contexte.
- The Hawaii false alert wasn’t user error—it was a failure of design, an employee pushed the wrong button, la fausse alerte missile d’hawaii causée par une erreur de design, voilà ce qu’il se passe quand les interfaces sont mal conçues
- The art of the error message, un article très pratique sur l’écriture de messages d’erreur pour les formulaires
#Accessibilité
- Inclusive design principles: provide a comparable experience
- Understanding WCAG 2.1 – Reviewing Cognitive Success Criteria
#Design
Why Sans Serif is a Problem for AI You can call me “Al.” pourquoi les sans serif vont poser des soucis aux IA, un petit troll plutôt fun
#HTML
« A brief look at HTML 5.2 Dialog » l’élément <dialog> permet de faire des modales en HTML5, mais conne souvent, à utiliser avec parcimonie
De l’inspiration et de jolies idées
#JS #CSS
Tutoriels
#Illustration
Fun in the Sun Rucksack – Illustration Process. c’est toujours très sympa de voir comment les autres gens travaillent
#CSS
- Making CSS Animations Feel More Natural using delays, rendre les animations CSS plus fluides avec des delays
- Quick reminder for beginners on #CSS combinators, les selecteurs CSS avancés > + ~
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Wireframe
wireflow.co, un petit outil en ligne pour faire des wireframes et chemins utilisateur
#Icon
Cryptoicon.io – des icônes de cryptomonaie
#Sketch
Sketch icon plugin un plugin Sketch pour gérer les icônes
#Typographie
