La semaine en pixels – 2 september 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 : accessibilité, PWA et CSS, HTML5 et expérience des formulaires mobiles, animations CSS et SVG, design systems, biais culturels dans le design, les couleurs CSS, le jargon de notre industrie, du design de dashboard, designer pour la diversité et l’inclusivité, ::before vs :before
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
J’ai publié un truc cette semaine
#UX #Formulaires
UX And HTML5: Let’s Help Users Fill In Your Mobile Form (Part 2), la seconde partie de mon article sur les formulaires mobile est en ligne, au programme HTML5 et capteurs mobiles pour améliorer l’expérience utilisateur.
#Design
J’ai redesigné le site de Myriam Jessier, il est en ligne, faites un tour si vous aimez le violet et les poulpes
#UX
Flupa 2018 – Guerilla testing et OOUX, mon résumé de deux ateliers, guerilla testing et OOUX aux Flupa UX days 2018
Les liens en français
#Flupa
Flupa 2018 – Guerilla testing et OOUX, mon résumé de deux ateliers aux flupa UX Days
tl;dnr, s’il devait n’en rester qu’un ?
#PWA
Deux articles avec des conseils sur les Progressive Web Apps et le CSS:
- CSS and PWAs: Some Tips for Building Progressive Web Apps
- CSS Optimization Tools for Boosting PWA Performance
Les articles de la semaine
#UX / Design
- The future of design systems – une lecture interessante sur les design system et l’évolution de nos outils
- Cultural bias in design(ers) talk, des slides inspirantes sur les biais culturels dans le design
- How To Make A Dashboard That Doesn’t Suck, des conseils pour designer un dashboard
- Designer+Developer Workflow: Head-Down Work, un podcast sur le processus developer/ designer
#Accessibilité / design inclusif
- Accessibility is not a feature par Ethan Marcotte
- Variable Fonts and Dyslexia, utiliser les variable fonts pour adapter la lecture des personnes dislexiques
- Designing forms for gender diversity and inclusion, un rappel sur le design de formulaire en respectant la diversité des genres
#GDPR
The tyranny of GDPR popups and the websites failing to adapt – comment la GDPR a changé le paysage de nos sites, entre pop-ups et blocages des sites en europe
#PWA
Des notes de conférence: Designing Progressive Web Apps
#Conférence
Writing winning abstracts, de l’aide pour rédiger vos textes pour les appels à orateurs
#Cartes
MethodKit for Gender Equality un kit de cartes pour travailler l’égalité
#CSS
- Defining Colors in CSS – définir les couleurs CSS avec rgba, hsl, etc.
- ::before vs :before
#Jargon
Stop using big words and industry jargons arrêtons d’utiliser du jargon technique pour permettre une meilleure communication avec nos collègues
De l’inspiration, du fun et de jolies idées
#Lego
Lego build a full sized Bugatti Chiron, une voiture Bugatti Chiron construire en Lego
#SVG #CSS
Some SVG and CSS animated burger menu. des animations SVG et CSS. Attention il s’agit d’une démo technique, les navigations cachées sous un burger menu ne sont pas toujours les plus utilisables.
