La semaine en pixels – 24 mars 2019
Chaque semaine, je publie 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 : des conseils pour les conférencières débutantes, un outil de test d’accessibilité, demander le genre dans les formulaires, des conseils pour les checkout en e-commerce, un design sans frictions, l’apprentissage en ligne du métier d’UX designer ne fonctionne pas, un outil de création de palettes de couleurs, des grilles CSS complexes et un plan de maison en CSS Grid, des animations de chargement, design inclusif et comment la technologie fournit des plateformes qui favorisent la haine en ligne, un joli livre sur la typographie, la nouvelle identité visuelle de Feminist Library, la nécessité de normalisation des chaînes Unicode, éviter les mauvaise descriptions de fiches de postes d’UX Designer, etc.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
Les liens en français
#Accessibilité
Les slides de la conférence de Marie Guillaumet au WordCamp Bordeaux, pleins de bons conseils pour votre WordPress, avec un petit bout de mon portfolio dedans ;) 8 conseils pour améliorer l’accessibilité de votre thème WordPress
tl;dnr, s’il devait n’en rester qu’un ?
« Tips For First Time Speakers » des conseils si vous être conférencière débutante. J’ajouterai :
- Utilisez une télécommande pour les slides,
- Si vous portez une robe, c’est compliqué de faire tenir l’équipement du micro : une veste avec des poches ou une ceinture peuvent aider à le fixer. Vous vous direz peut-être : « Je vais fixer le petit équipement du micro à mon soutien-gorge dans mon dos ». J’ai essayé, mauvaise idée. Vous ne voulez pas passer toute votre présentation avec cet équipement qui vous démange le dos
- Un micro main est une autre option si disponible (mais ça devient ennuyeux si vous avez une télécommande dans l’autre main)
- Les micros Madonna sont bien mais si vous avez les cheveux longs, cela peut interférer avec le son, vous devrez peut-être les attacher. Ouais, j’ai des conseils super pratiques :D
- Retirer le tour de coup que vous parlez, il pourrait interférer avec le son du micro aussi. Et puis ça gratte en général
- Demandez le format des diapositives et quel type de port (hdmi, vga etc) à l’avance pour éviter de paniquer en arrivant. Si possibles faites un test durant une pause.
Les articles de la semaine
#UX
- The UX of Learning UX is Broken, l’apprentissage en ligne du métier de UX designer ne fonctionne pas. Article de 2016 mais j’ai l’impression que ça a empiré. Il y a plus de « bootcamps UX 5 jours avec un certificat bonbon à la fin » que jamais. Et franchement, la qualité des leçons en ligne me fait un peu peur.
- Terrible UX Design Job Descriptions (Or: How To Avoid Bad UX Design Jobs), éviter les pièges du n’importe quoi dans les descriptions des offres de poste d’UX designer. J’ai vu le « code » dans tant d’offres et j’ai eu un test de conception pour un travail UX qui a utilisé le mot « wow the user » deux fois, meh.
#Design
- The Value of Inconvenient Design – La valeur du design qui incommode, un article sur la technologie qui propose un monde sans friction pour certaines personnes, mais peut-être pas pour tout le monde.
- Le cas interessant des menus contextuels : Delivering Relevant Tools for Tasks
#Performance
Si vous êtes intéressé par les performances perçues, voici un bel article sur le animations de chargement : « Everything you need to know about Loading Animations« .
#Formulaires #Genre
Sex and/or gender — working together to get the question right, comment poser la question du genre dans un formulaire. Au mieux, ne la posez pas c’est au final rarement utile
#Inclusive Design
Canary in a Coal Mine: How Tech Provides Platforms for Hate – nous avons construits des plateformes qui deviennent des vecteurs de haine et personne n’est prêt à écouter le canari dans la mine de charbon qui sonne l’alerte.
#Ecommerce
Best E-Commerce Checkout Practices for 2019 – un long article sur les conseils pour améliorer votre tunnel d’achat
#Front-End
- A JavaScript-Free Frontend, un site sans JavaScript ou presque c’est possible, expérimentation intéressante.
- Pour les djeunz au fond de la salle, voilà pourquoi on appelle ça des radio button
- When « Zoë » !== « Zoë ». Or why you need to normalize Unicode strings
#Accessibilité
See No Evil: Hidden Content and Accessibility – le contenu masqué
#Mobile
Do you remember Firefox OS? Vous vous souvenez de Firefox OS ? Je lui suis reconnaissante parce qu’ils ont créé une base pour un grand nombre d’API que nous tenons maintenant pour acquis dans les navigateurs mobiles. De plus, je pense que l’idée d’un système d’exploitation basé sur le Web pourrait fonctionner aujourd’hui, avec Google qui fait la promotion des PWAs, d’énormes pas ont été faits en ce sens.
De l’inspiration, du fun et de jolies idées
#Robot
MIT invented a new type of robot hand that’s both adorable and terrifying – Le MIT a inventé un nouveau type de main de robot qui est à la fois adorable et terrifiante.
#Website #Illustrations
Sigle un générateur de blog décentralisé et open source. J’adore le site, le logo, les illustrations, tout ici <3
#Book
On the Road to Variable – un joli livre et une idée de cadeau sympathique pour vos amies qui aiment la typographie.
#Typography
The Feminist Library’s new visual identity is inspired by its archive of protest banners. La nouvelle identité visuelle de la Feminist Library s’inspire de ses archives de bannières de protestation. Et j’ADORE la police <3
#CSS Grid
CSS Grid: Floor Plan, un plan de maison en CSS Grid Layout, pourquoi pas :D
L’actualité webdesign
#Chrome
Chromium Blog: Chrome Lite Pages – ça commence à ressembler un peu à Opera Mini avec une partie navigateur proxy pour « servir » la page plus rapidement pour une connexion lente.
2016, Stephanie Rieger nous raconte l’histoire de cet homme qui vend des moutons via instagram, 2019, Instagram lance le tunnel d’achat à l’intérieur de leur app
Tutoriels
#CSS
- Blurred Borders in CSS, astuce marrante
- Sophisticated Partitioning with CSS Grid, un tutoriel pour une grille de concert en CSS et le résultat est vraiment chouette
Des ressources outils et plugins pour vous faciliter la vie
#Couleur
Geenes, un générateur de palette de couleurs qui vous propose différentes variantes de luminosité de la même couleur
#Accessibilité
accessibilityinsights mon nouvel outil préféré pour tester l’accessibilité, disponible en extension Chrome ou app windows. Leur outil d’audit qui guide dans les différents critères est génial.
