La semaine en pixels – 27 novembre 2015 - par Stéphanie Walter

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 : la nouvelle version du guide de survie pour les créatifs, dark patterns, tris et erreurs à ne pas commettre sur mobile, influence du visuel et persuasion du côté du design d’expérience utilisateur, SVG vs GIF le match, un peu de notifications push, un Dark Vador dans des situations de la vie quotidienne, du tutoriel CSS dans tous les sens (box-sizing, animations de box-shadow, etc.), un tutoriel pour créer des icônes avec plusieurs grille et un petit script pour des previews SVG sur Win10.

[NOTE DE SERVICE] : Migration du blog et portfolio vers stephaniewalter.fr

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

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

#Conseils

Amis créatifs ou pas, freelances, le kit de survie V2, plus lisible et tout responsive est sorti

Les articles de la semaine

#UX

The Dark Side of Emotional Intelligence in UX, parce qu’il n’y a pas que des bons côtés au design émotionnel

#Mobile #Filtre

Filtering and Sorting Best Practices on Mobile, différentes techniques de filtres sur mobile passées en revue

#UX #Design

How Visual Design Makes for Great UX, ou comment le visuel peut aider à améliorer l’expérience utilisateur

#UX

J’ai souvent du mal avec les articles “ N trucs que j’ai appris sur X en faisant Z ” mais celui là fonctionne plutôt bien : 10 Things I Learned About UX By Being Drunk

#Design

Simplifying digital products, simplifier les interfaces avec la règle “less is more”

#Workflow

I am done with bad meetings par @boagworld ou comment améliorer les réunions pour qu’elles soient plus efficaces, voir ne pas avoir de réunions du tout.

#Persuasion

Science of persuasion, une vidéo de 11 minutes expliquant les principes de persuasion

#Push #Ecommerce

The Complete Guide to Website Push Notifications for Ecommerce, les notifications push arrivent également sur les sites web sur mobile, voici quelque conseils pour en tirer le meilleur pour vos utilisateurs

#Mobile #Mistake

7 common mistakes made with responsive mockups

#SVG

Animated SVG vs GIF [CAGEMATCH], un article très détaillé de Sara Soueidan sur l’utilisation du SVG vs le GIF pour les animations

De l’inspiration et de jolies idées

#Illustration #Webdesign

Outerwear2015 de jolies illustrations et petites animations pour la mise en avant de la collection hiver 2015

#CSS #Inspiration

Some pricing table inspiration, un peu d’inspiration pour designer des tableaux de prix

#Graphic

« How Would You Like Your Graphic Design? » j’avais loupé la version 4 bulles de cette infographie (par @colinharman)

#Photos #StarWars

365 jours de photos de Dark Vador dans des situations de la vie courante

Les tutoriels de la semaine

#Motion

Animer le web avec MoJs et ce petit tutoriel

#CSS

How to animate « box-shadow » with silky smooth performance : comment animer une ombre portée avec un gain considérable de performance ? Animez un pseudo-element !

#Icons

Better Icon Design in 6 Easy Steps, 6 étapes pour vous faciliter le design d’icônes. Son utilisation de la grille est particulièrement intéressante ici.