{"id":4680,"date":"2015-11-27T08:09:11","date_gmt":"2015-11-27T07:09:11","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4680"},"modified":"2015-11-27T08:24:10","modified_gmt":"2015-11-27T07:24:10","slug":"la-semaine-en-pixels-27-novembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-27-novembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 27 novembre 2015"},"content":{"rendered":"
Comme chaque semaine, \u00a0je vous propose un condens\u00e9 de mes lectures et ma veille Web Design et graphisme, exp\u00e9rience utilisateurs, design d’interface et mobilit\u00e9, mais aussi des outils et ressources pour le webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.).<\/p>\n
Au programme cette semaine : la nouvelle version du guide de survie pour les cr\u00e9atifs, dark patterns, tris et erreurs \u00e0 ne pas commettre sur mobile, influence du visuel et persuasion du c\u00f4t\u00e9 du design d’exp\u00e9rience 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\u00e9er des ic\u00f4nes avec plusieurs grille et un petit script pour des previews SVG sur Win10.<\/p>\n
[NOTE DE SERVICE]\u00a0:\u00a0Migration du blog et portfolio vers stephaniewalter.fr<\/a><\/strong><\/p>\n Pour plus de liens vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Conseils<\/p>\n Amis cr\u00e9atifs ou pas, freelances, le kit de survie V2<\/a>, plus lisible et tout responsive est sorti<\/p>\n <\/p>\n #UX<\/p>\n The Dark Side of Emotional Intelligence in UX<\/a>, parce qu\u2019il n\u2019y a pas que des bons c\u00f4t\u00e9s au design \u00e9motionnel<\/p>\n <\/p>\n #Mobile #Filtre<\/p>\n Filtering and Sorting Best Practices on Mobile<\/a>, diff\u00e9rentes techniques de filtres sur mobile pass\u00e9es en revue<\/p>\n <\/p>\n #UX #Design<\/p>\n How Visual Design Makes for Great UX<\/a>, ou comment le visuel peut aider \u00e0 am\u00e9liorer l\u2019exp\u00e9rience utilisateur<\/p>\n <\/p>\n #UX<\/p>\n J\u2019ai souvent du mal avec les articles \u201c N trucs que j\u2019ai appris sur X en faisant Z \u201d mais celui l\u00e0 fonctionne plut\u00f4t bien : 10 Things I Learned About UX By Being Drunk<\/a><\/p>\n <\/p>\n #Design<\/p>\n Simplifying digital products<\/a>, simplifier les interfaces avec la r\u00e8gle \u201cless is more\u201d<\/p>\n <\/p>\n <\/p>\n #Workflow<\/p>\n I am done with bad meetings<\/a> par @boagworld<\/a> ou comment am\u00e9liorer les r\u00e9unions pour qu\u2019elles soient plus efficaces, voir ne pas avoir de r\u00e9unions du tout.<\/p>\n <\/p>\n #Persuasion<\/p>\n Science of persuasion<\/a>, une vid\u00e9o de 11 minutes expliquant les principes de persuasion<\/p>\n <\/p>\n #Push #Ecommerce<\/p>\n The Complete Guide to Website Push Notifications for Ecommerce<\/a>, les notifications push arrivent \u00e9galement sur les sites web sur mobile, voici quelque conseils pour en tirer le meilleur pour vos utilisateurs<\/p>\n <\/p>\n #Mobile #Mistake<\/p>\n 7 common mistakes made with responsive mockups<\/a><\/p>\n <\/p>\n #SVG<\/p>\n Animated SVG vs GIF [CAGEMATCH]<\/a>, un article tr\u00e8s d\u00e9taill\u00e9 de Sara Soueidan sur l\u2019utilisation du SVG vs le GIF pour les animations<\/p>\n #Illustration #Webdesign<\/p>\n Outerwear2015<\/a> de jolies illustrations et petites animations pour la mise en avant de la collection hiver 2015<\/p>\n <\/p>\n #CSS #Inspiration<\/p>\n Some pricing table inspiration<\/a>, un peu d\u2019inspiration pour designer des tableaux de prix<\/p>\n <\/p>\n #Graphic<\/p>\n \u00ab\u00a0How Would You Like Your Graphic Design?<\/a>\u00a0\u00bb j\u2019avais loup\u00e9 la version 4 bulles de cette infographie (par @colinharman<\/a>)<\/p>\n <\/p>\n #Photos #StarWars<\/p>\n 365 jours de photos de Dark Vador <\/a>dans des situations de la vie courante<\/p>\n <\/p>\n #Motion<\/p>\n Animer le web avec MoJs et ce petit tutoriel<\/a><\/p>\n <\/p>\n #CSS<\/p>\n How to animate \u00ab\u00a0box-shadow\u00a0\u00bb with silky smooth performance<\/a> : comment animer une ombre port\u00e9e avec un gain consid\u00e9rable de performance ? Animez un pseudo-element !<\/p>\n <\/p>\n #Icons<\/p>\n Better Icon Design in 6 Easy Steps<\/a>, 6 \u00e9tapes pour vous faciliter le design d\u2019ic\u00f4nes. Son utilisation de la grille est particuli\u00e8rement int\u00e9ressante ici.<\/p>\n <\/p>\n #CSS<\/p>\n Box-Sizing: The Secret to Simple CSS Layouts<\/a>, un petit rappel pour les d\u00e9butants en CSS sur le mod\u00e8le de boite<\/p>\n <\/p>\n #Mobile #Usability<\/p>\n 7 lessons on mobile usability<\/a>, 7 le\u00e7ons d\u2019utilisabilit\u00e9 mobile<\/p>\n <\/p>\n #Fonts<\/p>\n De jolies polices gratuites, c\u2019est par ici : A Huge Collection Of Free And Beautiful Fonts<\/a><\/p>\n <\/p>\n #Case Study<\/p>\n Case Study Club<\/a>, une collection de cas pratique pour votre inspiration<\/p>\n <\/p>\n #SVG<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
Les articles de la semaine<\/h2>\n
De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
Les tutoriels de la semaine<\/h2>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n