{"id":7317,"date":"2019-04-07T11:42:14","date_gmt":"2019-04-07T09:42:14","guid":{"rendered":"https:\/\/stephaniewalter.design\/fr\/?p=7317"},"modified":"2019-04-07T16:20:18","modified_gmt":"2019-04-07T14:20:18","slug":"la-semaine-en-pixels-7-avril-2019","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-7-avril-2019\/","title":{"rendered":"La semaine en pixels \u2013 7 avril 2019"},"content":{"rendered":"
Chaque semaine, je publie un condens\u00e9 de ma veille web design, UX (exp\u00e9rience utilisateurs), design d’interface et mobilit\u00e9, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre.<\/p>\n
Au programme : l’accessibilit\u00e9 au lecteur d’\u00e9cran, inputs HTML5, la m\u00e9thode des 5 \u00ab\u00a0Pourquoi\u00a0\u00bb, la couleur orange et l’accessibilit\u00e9, de la visualisation de donn\u00e9es, le responsive webdesign est-il mort, Firefox essayant de r\u00e9duire le bruit des notifications, design et vie priv\u00e9e, un g\u00e9n\u00e9rateur d’avatar, une liste d’outils pour le design et plus encore.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n Je suis invit\u00e9e aux CSS Days UI special<\/a> en Juin \u00e0 Amsterdam pour parler de frameworks UI et d’exp\u00e9rience utilisateur, il reste encore des places :) Si vous \u00eates dans le coin, passez me dire bonjour.<\/p>\n #UX #Methode<\/p>\n J’ai publi\u00e9\u00a0 \u00ab Le diagramme caf\u00e9 : une m\u00e9thode simple et efficace qui va r\u00e9veiller votre UX ! \u00bb<\/a> une transcription de la conf\u00e9rence \u00e0 Flupa l’an dernier sur une m\u00e9thode pour aider \u00e0 comprendre et prioriser les besoins utilisateur<\/p>\n #Accessibilit\u00e9<\/p>\n \u00ab\u00a0Orange You Accessible?\u00a0\u00bb<\/a> une exp\u00e9rience int\u00e9ressante sur des utilisatrices qui trouvent le texte blanc sur fond orange plus facile \u00e0 lire que du texte noir, malgr\u00e9 les directives du WCAG sur le contraste des couleurs. Attention \u00e7a ne veut pas dire pour autant qu’on ne doit pas les respecter, les commentaires dans l’article expliquent bien que ces crit\u00e8res ne sont pas que pour les personnes daltoniennes.<\/p>\n Alastair Campbell a r\u00e9dig\u00e9 une r\u00e9ponse interessante qui prend en compte le contexte dans la perception des couleurs : Oddities in color perception<\/a><\/p>\n #UX #Design<\/p>\n #Navigateur #Experience Utilisateur<\/p>\n Nous concevons des exp\u00e9riences d\u00e9sastreuses et c’est aux navigateurs ensuite de r\u00e9soudre le probl\u00e8me: Firefox est entrain de chercher des moyens de r\u00e9duire la nuisance des sites qui veulent envoyer des notifications<\/a> (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\u00e9riences int\u00e9ressantes avec le son et les notifications, mais la plupart des sites sont trop gourmands (demandent l’acc\u00e8s d\u00e8s l’arriv\u00e9e de la personne sans m\u00eame la laisser lire le contenu) ou paresseux pour le faire correctement. On se tire une balle dans le pied. Plus nous cr\u00e9ons de bruit et de nuisances, plus les navigateurs tenteront de prot\u00e9ger les utilisatrices.<\/p>\n #Framework<\/p>\n You probably don’t need that hip web framework<\/a> – Si vous construisez un nouveau site ou produit, vous voulez le mettre sur le march\u00e9 aussi vite que possible. Parfois la meilleure chose \u00e0 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.<\/p>\n #Visualisation de donn\u00e9es<\/p>\n Mistakes, we\u2019ve drawn a few<\/a>, un article sur des erreurs de visualisation de donn\u00e9es et comment elles ont \u00e9t\u00e9 corrig\u00e9es<\/p>\n #E-commerce<\/p>\n Tiens \u00e7a date de 2011 mais je viens de tomber sur Amazon\u2019s $23,698,655.93 book about flies<\/a>, quand les algorithmes de prix font n’importe quoi<\/p>\n #Responsive Design<\/p>\n Is Responsive Design Dead?<\/a> – 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’\u00e9coutez pas. Le responsive est trop complexe aujourd’hui ce n’est plus juste r\u00e9duire la taille de l’\u00e9cran, il faut bien plus que \u00e7a pour proposer une experience multi support agr\u00e9able.<\/p>\n #Inspiration #Website #Motion<\/p>\n dogstudio.co<\/a> c’est un tr\u00e8s beau site (mais la page d’accueil jouera du son sans vous demander et tuera votre CPU, n’ouvrez peut-\u00eatre pas ce site sur mobile)<\/p>\n #Accessibilit\u00e9<\/p>\n HTML attributes – Screen reader compatibility<\/a> la compatibilit\u00e9 lecteur d’\u00e9cran de certains attributs<\/p>\n #HTML5<\/p>\n Si vous voulez tester les diff\u00e9rents types de champ HTML5: HTML5 input types<\/a><\/p>\n #Design #Outils<\/p>\nMa prochaine conf\u00e9rence<\/h2>\n
J\u2019ai publi\u00e9 un truc cette semaine<\/h2>\n
tl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
Les articles de la semaine<\/h2>\n
\n
De l\u2019inspiration, du fun et de jolies id\u00e9es<\/h2>\n
Des ressources outils et plugins pour vous faciliter la vie<\/h2>\n