La semaine en pixels – 26 mai 2019

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

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 : un épisode podcast sur l’accessibilité et le design, des boutons SVG accessibles, ergonomie des écrans tactiles de Tesla, conception de produits pour le grand public, compréhension de Modèle de Kano, aide pour passer de Sketch à Figma, comment les assistants vocaux répondant au harcèlement, quelques astuces CSS, le guide du SVG et CSS, un manuel pour créer des animations, input mode en HTML, des questions alimentaires et climatiques, une petite plateforme de micro blogging, conventions de nommage de design, des affiches et du concepts art pour vous inspirer, etc.

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

Ce que j’ai fait cette semaine

#Accessibilité

J’ai participé à un un podcast sur l’accessibilité : pour moi les designeurs et designeuses sont également garantes de l’accessibilité les produits et services que l’on crée.  La partie 1 est disponible en ligne (la partie 2 sera la semaine prochaine), amusez-vous bien

Les liens en français

#Notifications

Comment concevoir une notification centrée utilisateur ? un livre blanc en français pour vous aider à concevoir des notifications qui ne vont pas (trop) exaspérer vos utilisatrices

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

#CSS

CSS can do that? Quelques trucs utiles et sympas que CSS peut faire mais vous ne saviez peut-être pas ?

Les articles de la semaine

#UX #Ecran tactiles #Voitures

  • Tesla’s Touchscreen UI: une étude de cas de l’interface utilisateur des écrans tactiles de Tesla : les commandes du véhicule devraient être facilement accessibles et nécessiter un minimum d’attention de la part du conducteur, tandis que les informations relatives à la conduite devraient être affichées de manière claire et compréhensible.
  • Understanding the Kano Model — A Tool for Sophisticated Designers Comprendre le modèle Kano, un outil pour comprendre les attentes et leur donner des priorités en termes de conception
  • « Our Users Are Everyone »: designer pour n’importe qui, c’est comme préparer un voyage pour n’importe où, même si vos données démographiques cibles sont très larges, vous devriez quand même identifier des groupes spécifiques d’utilisatrices au sein de ce public à utiliser pour la recherche et la conception.

#Design

  • 12 Visual Hierarchy Principles Every Designer Should Know une infographie qui présent 12 Principes de hiérarchie visuelle
  • Stack mirroring: Designing for code and coding for design – Un article intéressant sur la façon de copier la structure du code HTML pour la  structure et nommage des fichiers de design. C’est sympa, c’est aussi une façon intéressante de relancer le vieux débat sur le « est-ce que les designers devraient savoir coder? » Pour être honnête, j’ai tendance à faire ça aussi bien mais j’avais l’habitude d’écrire du HTML
  • Si vous êtes un utilisateur de Sketch et que vous passez à Figma, cela devrait vous aider : Figma for Sketch users (Figma pour les utilisateurs de Sketch)

#HTML

#Assistantes Vocales

Une infographie intéressante sur la façon dont les assistantes vocales, qui sont faites pour paraître féminines par défaut, réagissent au harcèlement sexuel.

#Ecommerce #Biais Cognitifs

Combatez vos biais cognitifs avant d’acheter avec ce petit guide: 13 Cognitive Biases in Ecommerce (and How to Use Them to Sell More)

#Passions #Productivité

The Modern Trap of Turning Hobbies Into Hustles, Le piège moderne de vouloir transformer les passions et passe temps en argent, aussi connu sous le nom de du syndrome « Hééé mais tu devrais trop le vendre sur Etsy ». J’avais beaucoup de gens m’avaient dit à une époque de vendre mes autocollants « Foxy » sur Etsy sauf que c’est plus d’ennuis qu’autre chose donc je préfère les offrir en conférence.

De l’inspiration, du fun et de jolies idées

#Nourriture #Climat

« Your Questions About Food and Climate Change, Answered – How to shop, cook and eat in a warming world. » « Les réponses à vos questions sur l’alimentation et le changement climatique, comment acheter, cuisiner et manger dans un monde qui se réchauffe. » un article interactif très intéressant

#Affiches #Données

50 States Race for Utopia, 50 Courses à L’Utopie, une intéressante collection d’affiches open source sur la course aux nouvelles technologies et aux inventions pour stimuler l’économie de chacun des états américains.

#Concept art

Hello, le portfolio de concept art de Daniel Liang’s est magnifique et vous devez le visiter.

Tutoriels

#SVG #Accessibilité

Accessible Icon Buttons, un tutoriel intéressant sur la création de boutons SVG accessibles

#CSS

Des ressources outils et plugins pour vous faciliter la vie

#SVG #CSS

Un guide utile des propriétés SVG et CSS:  SVG Properties and CSS

#Animations

Animation Handbook, apprenez comment vous pouvez utiliser les animations pour expliquer des concepts abstraits, rendre les produits plus réalistes et insuffler plus d’émotion dans vos expériences numériques.

#Blog

blot.im une plateforme de micro-blogging qui transforme vos fichiers et dossiers en un blog. Ca pourrait être une petite solution facile si vous voulez publier rapidement quelque chose. (supporte markup, HTML, JS, CSS, etc.)

#CSS

TIL (Today I learned) quelques trucs et astuces sur les CSS, les éditeurs de code, etc.

Autres articles que vous pourriez apprécier :

Publié le 26 mai 2019

dans Veille et Liens utiles

By Stéphanie Walter