La semaine en pixels – 22 juillet 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.
Au programme : toxicité sur les réseaux sociaux et le harcèlement ordinaire, formulaires et multi-sélection d’éléments, outils d’accessibilité, SEO et link building, dark patterns dans la publicité, être conscient de ses biais quand on interprète des données, glossaire UX des différents types de « flows », typographie, service workers, du scroll bidirectionnel sur du responsive, design systèmes, des jolies illustrations, un terrain de jeu pour les font variables, un outil pour de la colorisation syntaxique, etc.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
Les liens en français
#Harcèlement
Deux ans plus tard, un article de Marie Guillaumet sur la toxicité sur les réseaux sociaux et le harcèlement ordinaire
tl;dnr, s’il devait n’en rester qu’un ?
#Multi Selection #Formulaires
Improving the usability of multi-selecting from a long list, un article détaillé sur la gestion de selection multiple dans des formulaires
Les articles de la semaine
#UX Design
- UX Glossary: Task Flows, User Flows, Flowcharts and some new-ish stuff, différents types de livrables de flux utilisateur expliqués
- Dark UX Patterns in Advertising, les dark patterns dans la publicité en ligne
- Designing with Data – des biais dont il faut être conscients lorsque l’on interprète les résultats de recherches
- But, but, but, a monkey’s butt – une liste de mauvaises raisons pour lesquelles ne pas faire de recherche utilisateur, mais mais mais maaaais
#Front-End
- Create your design system, part 1: Typography (using variables and cal()), créer un design système de typographie avec cal()
- What Are Service Workers and How They Help Improve Performance, améliorer la performance grâce aux services workers
#Mobile #Responsive
Bidirectional Scrolling is here to save Responsive Design – le scroll bidirectionnel au secours du responsive ? Pourquoi pas sur tablette ou smart TV, un gros doute pour le desktop par contre ça reste super pénible
#Design
The Importance of Design QA in Digital Product Design, s’assurer de la qualité d’un produit avec les recettes graphiques
#GAFAM
The Real Reason Apple and Google Want You to Use Your Phone Less. pourquoi c’est dans l’intéret de Google et Apple de vous rendre moins accro à votre téléphone
#SEO
Vous en avez marre ou vous demandez pourquoi et d’où viennent ces demandes étranges d’achat de liens, articles sponsors, etc? Un petit guide pour mieux comprendre le link building: « Linkbuilding: The Citizen’s Field Guide »
#Typographie
How one typeface took over movie posters – une vidéo sur Trajan qui devient LA police de tous les films
De l’inspiration, du fun et de jolies idées
#Illustration
De très jolies illustrations sur ce portfolio <3
#Typography
A font Memory Game, un jeu de mémory fun, dommage qu’il soit bloqué sous 850px :/
#Comic
Please don’t leave children unattended in the library, une petite BD assez sympa
#NOPE #Captcha
« Fun » captcha. non, pas mais alors PAS du tout fun
Des ressources outils et plugins pour vous faciliter la vie
#Accessibilité
- SEE, une extension chrome qui vous permet de simuler un handicape visuel (à des fins de test de page web)
- Accessibility for Teams – un guide pour vous lancer dans l’accessibilité numérique
#Variable Font
A fun playground to play with variable fonts, petit terrain de jeu pour jouer avec les fonts variables
#Colorisation syntaxique
Carbon, un outil pour faire des captures de code avec de la colorisation syntaxique pour les slides de conférence par exemple
