La semaine en pixels – 7 avril 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 : l’accessibilité au lecteur d’écran, inputs HTML5, la méthode des 5 « Pourquoi », la couleur orange et l’accessibilité, de la visualisation de données, le responsive webdesign est-il mort, Firefox essayant de réduire le bruit des notifications, design et vie privée, un générateur d’avatar, une liste d’outils pour le design et plus encore.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
Ma prochaine conférence
Je suis invitée aux CSS Days UI special en Juin à Amsterdam pour parler de frameworks UI et d’expérience utilisateur, il reste encore des places :) Si vous êtes dans le coin, passez me dire bonjour.
J’ai publié un truc cette semaine
#UX #Methode
J’ai publié « Le diagramme café : une méthode simple et efficace qui va réveiller votre UX ! » une transcription de la conférence à Flupa l’an dernier sur une méthode pour aider à comprendre et prioriser les besoins utilisateur
tl;dnr, s’il devait n’en rester qu’un ?
#Accessibilité
« Orange You Accessible? » une expérience intéressante sur des utilisatrices qui trouvent le texte blanc sur fond orange plus facile à lire que du texte noir, malgré les directives du WCAG sur le contraste des couleurs. Attention ça ne veut pas dire pour autant qu’on ne doit pas les respecter, les commentaires dans l’article expliquent bien que ces critères ne sont pas que pour les personnes daltoniennes.
Alastair Campbell a rédigé une réponse interessante qui prend en compte le contexte dans la perception des couleurs : Oddities in color perception
Les articles de la semaine
#UX #Design
- « Always Ask Why Five Times » Parfois, les utilisatrices nous disent qu’elles ont besoin de [solution], mais en demandant quelques fois pourquoi, nous sommes capables de creuser et de comprendre le [besoin], et peut-être de trouver une meilleure solution. Cela nous aide également à comprendre les décisions antérieures en matière de conception.
- What Design Can Do About Privacy, lecture intéressante sur ces modales qui vous permettent de personnaliser les paramètres privés tant que vous êtes prêtes à passer par 18 onglets de contenu
#Navigateur #Experience Utilisateur
Nous concevons des expériences désastreuses et c’est aux navigateurs ensuite de résoudre le problème: Firefox est entrain de chercher des moyens de réduire la nuisance des sites qui veulent envoyer des notifications (et Chrome vous permet de couper le son des onglets, car beaucoup de sites diffusent du son sans le consentement de l’utilisatrice). C’est triste. Nous pourrions concevoir des expériences intéressantes avec le son et les notifications, mais la plupart des sites sont trop gourmands (demandent l’accès dès l’arrivée de la personne sans même la laisser lire le contenu) ou paresseux pour le faire correctement. On se tire une balle dans le pied. Plus nous créons de bruit et de nuisances, plus les navigateurs tenteront de protéger les utilisatrices.
#Framework
You probably don’t need that hip web framework – Si vous construisez un nouveau site ou produit, vous voulez le mettre sur le marché aussi vite que possible. Parfois la meilleure chose à faire est d’ignorer les tendances et frameworks super nouveaux, se concentrer sur ce qu’on sait fonctionner et faire un MVP (produit minimum viable) rapide qui fonctionne.
#Visualisation de données
Mistakes, we’ve drawn a few, un article sur des erreurs de visualisation de données et comment elles ont été corrigées
#E-commerce
Tiens ça date de 2011 mais je viens de tomber sur Amazon’s $23,698,655.93 book about flies, quand les algorithmes de prix font n’importe quoi
#Responsive Design
Is Responsive Design Dead? – si votre Front-End vous dit de pas vous en faire qu’elle fera le responsive dans le navigateur et n’a pas besoin de maquettes, ne l’écoutez pas. Le responsive est trop complexe aujourd’hui ce n’est plus juste réduire la taille de l’écran, il faut bien plus que ça pour proposer une experience multi support agréable.
De l’inspiration, du fun et de jolies idées
#Inspiration #Website #Motion
dogstudio.co c’est un très beau site (mais la page d’accueil jouera du son sans vous demander et tuera votre CPU, n’ouvrez peut-être pas ce site sur mobile)
Des ressources outils et plugins pour vous faciliter la vie
#Accessibilité
HTML attributes – Screen reader compatibility la compatibilité lecteur d’écran de certains attributs
#HTML5
Si vous voulez tester les différents types de champ HTML5: HTML5 input types
#Design #Outils
Awesome Design Tools – une liste d’outil pour le design rangé par catégories
#Avatar
Friendly Faces, un générateur en ligne d’avatars funs et inclusifs.
