La semaine en pixels – 28 juillet 2019

Stéphanie Walter

Senior UX Designer - Mobile Expert

Senior UX Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Product Design (GDE)

Follow on Twitter

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).

Vous souhaitez des conseils en ergonomie ou en expérience utilisateur ? Un design de site, d’interface ou d’application mobile ? Envie de travailler ensemble ou de m’inviter à donner une conférence ? Consultez mes réalisations ou contactez moi directement.

Les commentaires sont fermés.