La semaine en pixels – 29 mai 2015

La semaine en pixels – 29 mai 2015

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

Comme chaque semaine,  je vous propose un condensé de mes lectures et ma veille Web Design et graphisme, expérience utilisateurs, design d’interface et mobilité, mais aussi des outils et ressources pour le webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.).

Au programme cette semaine : de l’expérience utilisateur et de la mobilité (comportement utilisateur, quelques statistiques et importance de la cohérence graphique entre les différentes plateformes), l’utilisation de modales, des conseils pour le design de formulaires, du SVG et des animations CSS, des boutons de partage sociaux légers et des brushes Illustrator pour ajouter des ombrages

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

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

#UX

Design user research explained for everyone, le design d’expérience utilisateur expliqué simplement avec quelques GIFs

Design user research explained for everyone

Les articles de la semaine

#Animations

The ultimate guide to Web animation – le guide ultime des animations sur le web : à quoi elles servent, où les utiliser et notion de performance

The ultimate guide to Web animation

#A11Y

Des lunettes pour les daltoniens

Des lunettes pour les daltoniens

#Mobile #UX

Using Consistency To Improve The User Experience Across Desktop And Mobile proposer à ses utilisateurs une expérience cohérente et similaires sur les différents appareils (mobile, desktop, etc.)

Using Consistency To Improve The User Experience Across Desktop And Mobile

#Mobile #UX

15 Mobile UX Facts And Insights 2015 – les usages du mobile en 2015 : utilisateurs qui changent d’écran pour effectuer une tâche, comportements dans les magasins, applications installées et oubliées, monté en flèche de l’utilisation de la tablette au détriment des ordinateurs, etc.

15 Mobile UX Facts And Insights 2015

#UX #Modale

Overuse of Overlays: How to Avoid Misusing Lightboxes, comment bien utiliser des modales et des lightbox pour ne pas exaspérer vos utilisateurs

Overuse of Overlays: How to Avoid Misusing Lightboxes

#Form

The 10 Commandments of Good Form Design on the Web, 10 conseils pour des formulaires de contact bien designés

The 10 Commandments of Good Form Design on the Web

L’actualité webdesign

#Android

Innovating on the Pull-To-Refresh Gesture   – un petit détail d’interface pas bête du tout, les fonctionnalités avancées du “pull to refresh” sur Android

Innovating on the Pull-To-Refresh Gesture

De l’inspiration et de jolies idées

#Logo

Illustrator Takes Requests on Twitter and Draws the World’s Saddest Logos un illustrateur redessine des logos en partant du principe que l’image de la marque serait triste

Illustrator Takes Requests on Twitter and Draws the World's Saddest Logos

#Musique #NSFW

Ce petit clip NSFW après 1 minute 40 risque de rappeler quelques souvenirs à des amis à gamers, le clin d’oeil est très bien fait ^^

#Typography  #Instagram

typetodesign.com une idée fun idée de machine à écrire en ligne où chaque caractère est remplacé par une photo de lettre sur instagram

typetodesign.com

Les tutoriels de la semaine

#SVG #Filter

Le SVG c’est génial, on peut même appliquer des filtres sur du texte : Art Of The SVG Filter And Why It Is Awesome

 Art Of The SVG Filter And Why It Is Awesome

#CSS #Animations

Putting Your UI in Motion with CSS : ajouter du mouvement à vos interfaces grâce aux animations CSS

Putting Your UI in Motion with CSS

Des ressources utiles

#Brush

8 Free Stipple Shading Brushes for Adobe Illustrator de brosses Illustrator pour créer des ombrages en “bruit”

8 Free Stipple Shading Brushes for Adobe Illustrator

Des outils  et plugins pour vous faciliter la vie

#Social #Responsive

Responsible Social Sharing Buttons des boutons de partage sociaux légers et responsive qui utilisent des icônes en SVG

Responsible Social Sharing Buttons