La semaine en pixels – 20 janvier 2019 - 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 : spécificité CSS, problématique de recherche utilisateur, processus UX, iconographie, design de dashboard, accessibilité et daltonisme, séparateurs de contenu visuels, filtres SVG, une sélection d’outils UI/UX, images de chats monorail, bibliothèque d’animation Javascript, etc.

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

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

#CSS

How CSS specificity works in the browser, un excellent article qui explique comment fonctionne la spécificité CSS

Les articles de la semaine

#UX

Research Questions Are Not Interview Questions: la problématique de recherche utilisateur n’est pas forcément la question que l’on pose directement aux utilisatrices
What is your UX process? – great read. Quel est votre processus UX ? Cette partie m’a fait sourire : « les équipes de développement attendent que votre design leur soit finalisé et livré », dans la plupart des cas, ils commencent juste à développer et vous espérez rattraper avec des maquettes plus tard
UX/UI Designer Tools –Une sélection d’outils UX et UI

#UI

Rappel rapide « 10 règles pour un meilleur design de tableau de bord » : 10 rules for better dashboard design
Separating Content (by using divider lines), utiliser des séparateurs visuels dans les contenus, j’ai lu un article de quelques semaines qui préconisait le contraire dans une optique de design minimaliste. En fin de compte, séparateurs, pas de séparateurs, c’est surtout une question de style, tant qu’on arrive à trouver un moyen de regrouper visuellement le contenu.
Will Adobe XD kill Sketch and InVision Intéressante comparaison entre Adobe XD et Sketch. Je pense également que Adobe XD est disponible sur Windows, donc plus grand marché . Soyons réalistes, beaucoup de grandes entreprises sont encours sous Windows et Sketch ne peut pas cibler ce marché :/

#Front-End

SVG Filters 101, les bases des filtres SVG
How Well Do You Know CSS Layout? Un petit test de vos connaissances en CSS layout pour s’amuser. Avec toutes les réponses expliquées ?
2018 JavaScript Rising Stars – quelques stats sur JS Frameworks basés sur des étoiles sur github

#Accessibilité

Color Blindness Considerations for Designers and Content Managers, considérations pour designer une interface accessible pour les personnes daltoniennes

#Icones

Iconography. Good or bad? As always, it depends, les icônes, bonnes ou mauvaises, ça dépend

#Illustrations

5 More Basic Tips for Illustrating” really nice illustrator tips. Astuces sur Illustrator, le copier coller au même endroit a changé ma vie