La semaine en pixels – 14 octobre 2018
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.
Notez que le blog a une nouvelle URL : stephaniewalter.design/fr/blog. Mettez à jours vos RSS et favoris.
Au programme : micro-interactions, accessibilité et couleurs, défilement horizontal, lisibilité et design inclusif, modales sur le web, CSS grid, champs de formulaires pour les dates d’anniversaire, boutons dans le HTML, notre façon d’interagir avec CSS, mise à l’échelle des icônes sur iOS, design et perceptions, productivité, etc.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
J’ai donné deux conférences
- Il y a deux semaines, j’ai donné une conférence sur les capacités du navigateur mobile et les PWAs. Vous pouvez trouver les slides et le résumé de la conférence ici : Secret Super powers of Mobile Browsers – Techfest Bucharest
- J’ai également parlé en France de l’expérience utilisateur et des performances perçues. Vous pouvez trouver les diapositives en français ici : L’UX au service de la performance de vos interfaces – Conférence WeLoveSpeed 2018.
tl;dnr, s’il devait n’en rester qu’un ?
#Modales
MODALZ MODALZ MODALZ, pourquoi elles ne sont pas forcément optimales, ce qu’il faut utiliser à la place et comment les rendre moins pourries si vous avez vraiment besoin de les utiliser :)
Les articles de la semaine
#UX et #UI Design
- « Micro nudge: a micro animation for behavioral change » un micro nudge est une petite animation bien chronométrée qui incite l’utilisatrice à faire une « petite » tâche qu’elle n’aurait autrement pas remarqué ou oublié
- Bad Practices on Birthdate Form Fields, bonnes pratiques pour les formulaires d’anniversaire et date de naissances
- Icon design considerations for iPhone X (etc) – des considérations de design pour les icones de l’iPhone X quand elles changent de taille. J’avoue que je n’ai jamais remarqué cela (mais je n’utilise pas beaucoup d’applications sur l’iPhone)
- Designing Perceptions Instead of Solutions – plusieurs exemples intéressants sur la perception. Parfois, il suffit juste de changer l’angle ou la façon dont vous présentez les choses.
#Accessibilité
- Quick reminder on color accessibility in product design rappel rapide sur l’accessibilité des couleurs dans la conception des produits
- Dans les articles de mon blog : Tips to Create an Accessible and Contrasted Color Palette
- Mon ami Damien a donné une conférence sur la lisibilité et le design inclusif : Readability & Web: Let’s build great inclusive projects – Damien Senger: #ID24 2018
- Introducing the Button element – cet élément HTML magique va vous époustoufler #wow
#CSS
- « How I remember CSS Grid properties » un peu d’aide pour vous rappeler de toutes ces propriétés
- Creating horizontal scrolling containers the right way – le défilement horizontal et des considérations relatives à l’UX et au CSS
- The Way We Talk About CSS par @rachelandrew. Peut-être devrions-nous commencer à revoir notre façon de parler du CSS
- Putting things on top of other things – un article sur le z-index et les stacking contexts
#Productivité
Becoming more productive while working less – J’aime l’idée de savoir combien de temps il faut faire pour produire un contenu. Je devrais peut-être commencer à time-tracker ma préparation d’articles et la préparation des de conférences
#Conférences
The dark side of conferences – le côté obscure des conférences, loin du fun et du glamour
De l’inspiration, du fun et de jolies idées
#Boooh
Halloween 2018 aaawww spooky demos des démos CSS d’halloween
#Lien #Hover
Having fun with link hover effects, des effets au survol un peu funs
L’actualité webdesign
#Microsoft
What’s new in Microsoft Edge in the Windows 10 October 2018 Update: Web Authentication, Badges pour les notifications (yeaahy) et améliorations pour les Progressive Web Apps, hooo yeahy <3
