La semaine en pixels – 28 juillet 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.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
Au programme de la version française : conseils sur les interactions au survol, CSS Grid layout et un petit outil pour vos audits d’ergonomie.
Au programme de la version anglaise : animations à l’aquarelle caméléons, posters de femmes « role model » dans les STEMs (science, technologie, ingénierie et mathématiques), recherche utilisateurs avec des personnes vulnérables, faire sa veille UX, conseils pour les interfaces sombres, CSS :not(), animations CSS, un outil de podcast, l’histoire géopolitique derrière le .io, bases de la ligne de commande en vidéo, une API pour détecter les formes dans le navigateur, un robot de prédictions biens funs, de l’accessibilité et plus.
Pixels of the Week – July 28, 2019
Ce que j’ai fait cette semaine
#Conference
In y a deux semaines j’étais à Barcelone au CSSCamp pour parler de perception de performance et experience utilisateur. Les slides sont disponibles, la vidéo arrive bientôt : Mind over Matter: Optimize Performance Without Code – CSSCamp 2019
#Expertise
Je suis également super contente de vous annoncer que je suis officiellement Google Dev Expert Web Technology 🙂
Mon conseil de la semaine
#UX #Interaction
Conseil rapide basé sur quelques heures d’observation utilisateur pour faire un audit d’utilisabilité : si « ça » ressemble à un bouton ET que la couleur change au survol, l’utilisatrice va sans doute cliquer dessus, plusieurs fois, pensant que c’est un bouton ou un lien. Mon conseil : éviter l’effet de survol sur les éléments non interactions. C’est encore plus complexe sur mobile : l’élément garde l’effet CSS « :hover », donc les utilisatrices pensent que ce sur quoi elles viennent de cliquer est un bouton et que quelque chose va se passer ensuite (comme un chargement de page).
La veille francophone
#CSS
Apprendre le positionnement en s’amusant – Partie 2 : Grid Layout
#BD
Pélénope Bagieu a gagné un Eisner à la comicon, whooooo !!!
#Ergonomie #Outils
Le petit outil pratique de la semaine : Capian. Il vous permet de simplifier la création d’audits d’ergonomie, permet de capturer dans le navigateur (mobile et desktop), ajouter la description du problème, des recommandations et la sévérité et d’ensuite tout exporter dans différents formats (PDF, pptx).
