La semaine en pixels – 2 juin 2019

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 : trouver des données pour la recherche utilisateurs, du design éthique dans un contexte de surconsommation technologique,  la ligne de flottaison est-elle toujours d’actualité, améliorer la conception entre designers, accessibilité, une étude des services bancaires mobiles, les pièges du freelance, des outils SVG/Canvas 3D, un générateur de grille CSS, de la musique générative, un moteur de recherche d’inspiration, différents outils et ressources pour le design, affichage et performances des polices d’icônes, etc.

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

Ce que j’ai fait cette semaine

#Accessibilité

La seconde partie de mon interview sur le design et l’accessibilité est en ligne, j’y parle en anglais de différents problèmes rencontrés sur mes projets.

#UX/UI #Formation

Carine Lallemand m’a motivée à publier une liste de ce que je considère comme essentiel de connaitre pour se former en design d’interface : Qu’est ce qui fait une bonne formation à l’UX/UI? Ca vous aidera je l’espère à mieux évaluer les contenus des formations sur le marché.

Les liens en français

#Sysadmin

Le blog et le site étaient down 24h pour une raison de « j’ai essayé de mettre à jours Ubuntu, Certbot et Easy Engine ». Du coup, on s’est retrouvé à refaire une installation toute neuve, et passer à Easy-Engine V4. Sauf que c’était pas forcément super intuitive, Geoffrey a donc écrit un article : Easy Engine v4 – Pas si easy que ça

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

#Design #Ethique

The world needs a tech diet; here is how designers can help, le monde a besoin d’un régime technologique ; voici comment les concepteurs peuvent aider. Cet article est un essai intéressant avec 10 propositions pour designer des produits numériques moins « addictifs » et plus éthiques. Et oui, la mise en page des articles le rend difficile à lire sur certains écrans donc je recommande le mode lecture Firefox/Safari.

Les articles de la semaine

#Recherche sur les utilisateurs #Données

How to use data in user research when you have no web analytics –  Comment  trouver et utiliser les données sur vos utilisatrices lorsque vous n’avez pas d’analyse Web

#Design

• Is ‘the fold’ still a thing in today’s scrolling and skimming culture? La  » ligne de flottaison  » est-elle toujours d’actualité ? Les gens font défilent les pages beaucoup plus qu’avant, mais la ligne de flottaison semble là pour rester. Les utilisatrices prennent la décision de continuer ou non en se basant sur ce qu’elles voient au-dessus de cette ligne, et ce contenu sert à les amener explorer plus bas dans la page.
• Étude de cas intéressante sur la façon dont Abstract a amélioré l’organisation des fichiers et la collaboration au sein de l’équipe de conception de Microsoft Outlook : Abstracting the Microsoft Outlook Design Process
• Watch Out for These Phrases Designed to Trap Freelancers, Attention à ces phrases conçues pour piéger les freelances, j’adore le « juste », parce que, c’est « juste » 2 pages vous savez, c’est JUSTE…

#Accessibilité

• The difference between keyboard and screen reader navigation La différence entre navigation au clavier et au lecteur d’écran
• Making the Case for Accessibility, plaider en faveur de l’accessibilité, qu’il s’agisse de prendre des exemples personnels, expliquer qu’il s’agit de rendre les interfaces universelles et flexibles, de petits changements qui ont de gros impacts, de la génération de revenus et de normes industrielles, 5 arguments pour convaincre votre équipe d’investir dans un design plus accessible

#Études Mobile Services bancaires

Understanding How Mobile-First Millennials Are Reshaping Expectations in the Retail Banking Industry – Découvrez comment les services bancaires mobiles et autres services bancaires numériques redéfinissent et modifient la façon dont les consommateurs gèrent leur argent.

#Conférence

What I Learned From Posting a Survey of Conference Speakers – Ce que j’ai  (Rachel Andrew) appris de l’affichage d’un sondage auprès des conférenciers

#CSS #Typographie

font-display is Incompatible with Icon Fonts Font-display n’est pas compatible avec les polices d’icônes

Des ressources outils et plugins pour vous faciliter la vie

#SVG #Canvas #3D

Zdog, un générateur SVG/canvas pour des rendus en pseudo-3D

#CSS #Grid

CSS Grid generator un générateur de grille CSS en ligne pour vous aider à démarrer

#Musique générative

generative.fm ce site est une collection de morceaux de musique générative : de la musique qui change continuellement et qui est créée par un système. Et c’est magnifique.

#Recherche #Inspiration

Muzli a désormais un moteur de recherche d’inspiration

#Design #Outils

Undesign, une collection d’outils et de ressources pour les designers

#Polygons

twisted polygons  un outil pour générer et exporter en SVG des polygones