La semaine en pixels – 9 décembre 2018 - par Stéphanie Walter

Ce contenu a été rédigé il y a 6 ans. Il se peut qu'il ne soit plus à jour.

Chaque semaine, 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 : deux jeux pour entrainer votre œil de designer, des choses que les gens oublient de designer, l’état des lieux de l’UX design pour 2019, designer pour l’empathie, l’expérience utilisateur des chatbots, la conception d’icônes, l’influence du comportement sur les décisions, CSS reset, JS et accessibilité, un guide des PWAs, outils de développement pour les designers, theme de couleurs sombre en CSS, variables CSS d’environnement, etc.

Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)

Les liens en français

#UX #Ethique

UX et éthique, entre mauvaises pratiques et manque de moyens

tl;dnr, s’il devait n’en rester qu’un ?

#Design #Jeux

Is it centred? un petit jeu pour repérer les éléments centrés ou non
Can’t Unsee – votre attention aux détails de design va vous permettre de gagner des points. Challengez vos collègues mais ATTENTION : une fois que vous voyez la différence entre les images, vous ne pourrez plus l’ignorer…

Les articles de la semaine

#UX

Prototyping Empathy – 6 façons de rendre les prototypes plus centrés sur l’utilisateur
« The State of UX in 2019 » le seul article non bullshit à lire sur les tendances UX pour 2019
32 ways to find time for what matters – L’un des obstacles les plus cités au sein des organisations est le manque de temps. Mais est-ce justifié et si c’est le cas, que pouvons-nous faire ?
The User Experience of Chatbots – Loin d’être » intelligents « , les chatbots d’aujourd’hui guident les utilisatrices à travers des flux linéaires simples, et nos recherches montrent qu’ils ont du mal à s’en écarter.
« 7 Principles That Influence Our Behaviour » c’est toujours intéressant de connaître ce genre d’études sur le comportement humain, mais je ne peux m’empêcher de me demander si elles sont toujours d’actualité
This Is UX Writing at Its Very Best – quelques exemples d’experience d’interface interessantes, j’aime beaucoup le filtre « agonie »

#Design

50 Things You [Probably] Forgot To Design… titre plus précis « 50 choses que vous n’avez pas designé parce que vous avez manqué de budget de conception pour [mettre des raisons ici] et les développeuses vont devoir improviser ».
DevTools for Designers beaucoup de designeuses savent coder mais mais pas au niveau de la production, surtout quand des outils permettent d’aller plus vite ailleurs.
How to Design an Icon Set: Simple Checklist for Graphic Designers – Quelques bons conseils si vous voulez concevoir un kit d’icônes : cohérence, géométrie, clarté et espacement.
Very detailed guide with resources >> un guide pour apprendre à designer des interfaces à la voix.

#CSS #Front End

A look at CSS Resets in 2018
The dark Web rises, utiliser les « prefers-color-scheme CSS media query » pour adapter son site au mode sombre
What if… Et si… les images ne se chargent jamais, le script ne se charge jamais et que l’utilisatrice se retrouve avec une page blanche parce que les développeuses ont décidé de transformer des ressources non critiques en ressources critiques ? Une Excellente lecture sur la résilience et les décisions de conception.
Everything about CSS environment variables, les variables d’environnement (comme padding-right: env(safe-area-inset-right, 12px);) expliquées
Front-end development is not a problem to be solved – non le front-end n’est pas un problème à résoudre à gros coups de frameworks
The Current State of Styling Scrollbars, parce qu’en 2018 des gens essaient encore de styler des barres de défilement :o

#Accessibilité

You’re only supposed to blow the bloody doors off! – une conférence de Léonie Watson sur JavaScript et l’Accessibilité

#Mobile #PWAs

Progressive Web Apps The Future of the Mobile Web – un ebook gratuit sur les PWAs