La semaine en pixels – 16 mars 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 : design d’icônes, le nouvel outil de fontninja pour choisir vos polices, notifications iOS, outils en ligne de collaboration, design systems, accessibilité pour les designers, CSS grid layout, design de formulaires, astuces CSS, micro copie pour l’UX, CSS font-face et performance et un outil pour vous aider à créer des user flows
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
tl;dnr, s’il devait n’en rester qu’un ?
#Icones
Hopefully, the Ultimate Guide to a Flat Icon Set – à un article à mettre de coté qui va vous aider à designer des icônes
Les articles de la semaine
#UX/UI
- Un exemple de guerilla testing sur un redesign d’app
- A few tips to help you create user friendly forms. des conseils pour du design de formulaire
- Navigating the complexity of change aversion, une excellente lecture sur l’acceptation du changement par les utilisateurs
- Great tips: A 6-point microcopy checklist for product teams without UX writers, de la micro-copie pour les UX
- An Exploration of Visual Indicators IRL – de l’exploration sur des indicateurs visuels IRLs, vraiment fun à lire
#Design
- « Designing a better notification experience for iOS » il semblerait que pour une fois le système Android soit plus utilisable que iOS quand il s’agit de la gestion des notifications
- Why design systems are a single point of failure le design system comme singe point of failure et comment y faire face
#Accessibiliteé
- « A DIY Web Accessibility Blueprint« , l’accessibilité comme responsabilité de toute l’équipe et pas juste les dévelopeuses
- A Primer to Web Accessibility for Designers, des conseils d’accessibilité pour les designers
#Front-End
- Using Chrome’s ‘Local Overrides’ to Test Performance Hypotheses, utiliser l’outil Local Overrides pour tester la performance des sites
- CSS Grid One Year On, Grid layout a un an, retour sur une année d’implémentation
- Lesser known CSS quirks & advanced tips – un excellent article si vous débutez en CSS pour comprendre les rouages et pièges du CSS
- Get to Know The Lobotomized Owl Selector , le selecteur CSS * + * expliqué
De l’inspiration et de jolies idées
#Stupid et fun
25 things you can say to annoy designers ou comment énerver votre designer aujourd’hui
L’actualité webdesign
#Sketch
Sketch 49: Find and Replace colors everywhere! YES YES YES <3
Tutoriels
#Typographie #CSS
« Three Techniques for Performant Custom Fonts Usage » utiliser font-face avec performance,. Pour le subsetting, ok si vous êtes sur que vous n’aurez jamais besoin de caractères spécifiques mais c’est risqué dès que vous avez des données entrées par des utilisateurs sur un site (commentaire, profile, etc.)
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Font
FontFace Dojo, le nouvel outil de FontFaceNinja pour mettre en favoris des polices et découvrir des options de pairing
#Collaboration
milanote.com, un outil en ligne pour faire des tableaux visuels collaboratifs
#Wikipedia
Une extension pour rendre wikipedia plus lisible : wikiwand.com
#CSS
#User Flow
Overflow, un outil en ligne pour vous aider à créer vos user flows
