{"id":2895,"date":"2014-07-11T07:49:06","date_gmt":"2014-07-11T05:49:06","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2895"},"modified":"2014-07-11T07:49:06","modified_gmt":"2014-07-11T05:49:06","slug":"semaine-en-pixels-11-juillet-2014","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-en-pixels-11-juillet-2014\/","title":{"rendered":"La semaine en pixels \u2013 11 juillet 2014"},"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.). Cette longue semaine est en grande partie consacr\u00e9e \u00e0 l’exp\u00e9rience utilisateur : techniques pour la mesurer, personas et comment exasp\u00e9rer votre utilisateur en 10 minutes. Vous trouverez \u00e9galement plusieurs articles et tutoriels consacr\u00e9s au SVG : export, illustrator et code, de quoi vous occuper ce weekend ;)<\/p>\n
Pour plus de liens n’h\u00e9sitez pas \u00e0 me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n <\/p>\n #SVG<\/p>\n Structuring, Grouping, and Referencing in SVG \u2013 The <g>, <use>, <defs> and <symbol> Elements<\/a> tout ce qu\u2019il vous faut savoir sur <g>, <defs> et <symbol> en SVG<\/p>\n <\/p>\n #OpenType<\/p>\n L’OpenType c’est cool, c’est super, on peut faire des trucs g\u00e9niaux et \u00e7a fonctionne de mieux en mieux en CSS : Type Quest<\/a><\/p>\n <\/p>\n #Flottaison<\/p>\n Ligne de flottaison, phobiques du scroll et persuasive design<\/a>, mon gentil coll\u00e8gue Matthieu a \u00e9crit sur le mythe de la ligne de flottaison bien pr\u00e9sent encore chez certains clients<\/p>\n # Persuasion<\/p>\n Persuasion: Applying the Elaboration Likelihood Model to Design<\/a>\u00a0un article sur la persuasion en design et le mod\u00e8le de pens\u00e9 des utilisateurs<\/p>\n #UX<\/p>\n J\u2019aimerai bien un jour tester \u00e7a sur un projet : How to Use Persona Empathy Mapping<\/a><\/p>\n <\/p>\n #UX<\/p>\n How to lose credibility and annoy your first time users in less than 10 seconds<\/a> un condens\u00e9 de ce qui va exasp\u00e9rer vos utilisateurs tr\u00e8s vite la premi\u00e8re fois o\u00f9 ils arrivent sur votre site<\/p>\n #UX<\/p>\n How to Choose the Right UX Metrics for Your Product<\/a>, comment choisir un outil de mesure de l\u2019exp\u00e9rience utilisateur (avec une worksheet \u00a0\u00e0 t\u00e9l\u00e9charger \u00e0 la fin de l\u2019article)<\/p>\n <\/p>\n #UX<\/p>\n Persona Grata<\/a>, de l’int\u00e9r\u00eat de designer avec des personas d\u00e8s le d\u00e9but du projet<\/p>\n #SVG #Photoshop<\/p>\n My workflow to export SVG\u2019s out of Photoshop<\/a> (great read but I still prefer Illustrator for SVG)<\/p>\n <\/p>\n #Confession<\/p>\n Confessium<\/a>, des petites confessions entre designer<\/p>\n <\/p>\n #Illustrator #SVG<\/p>\n Illustrator and the messy export of SVG symbols (for the moment)<\/a> sur le blog version EN, un petit article sur l\u2019export des symboles d\u2019Illustrator vers du SVG qui est un poil bugu\u00e9 pour le moment<\/p>\n #Performance<\/p>\n \u00ab\u00a0RWD Is Bad for Performance\u00a0\u00bb Is Good for Performance<\/a> ou comment le mythe \u201cle responsive c\u2019est mauvaise pour la performance\u201d peut parfois permettre de sensibiliser les clients \u00e0 la performance web et les amener \u00e0 une d\u00e9marche plus qualitative pour leur site web<\/p>\n #Media Queries<\/p>\n The future of media queries? \u00a0A presentation on \u00a0Level 4 Media Queries<\/a>\u00a0une pr\u00e9sentation sur les media queries de CSS level 4<\/p>\n #Logo<\/p>\n Parksofseattle.tumblr.com<\/a> un designer a d\u00e9cid\u00e9 de cr\u00e9er un logo pour chacun des 400 parcs de Seattle<\/p>\n <\/p>\n #Illustration<\/p>\n 18 Empowering Illustrations to Remind Everyone Who’s Really in Charge of Women’s Bodies<\/a><\/p>\n <\/p>\n #Films<\/p>\n Un fran\u00e7ais a fait des rapprochements entre diff\u00e9rentes affiches de films et les a rassembl\u00e9 par th\u00e9matiques graphiques : l‘article (en Allemand)<\/a> et \u00a0le blog du monsieur<\/a><\/p>\n <\/p>\n #Illustration<\/p>\n <3 The Sin of Man<\/a>, les illustrations fantastiqes d\u2019un autre monde de Noah Bradley<\/p>\n <\/p>\n #JavaScript<\/p>\n Javascriptbook.com<\/a> comme quoi il est possible de faire des livres qui parlent de code qui soient bien \u00e9crits ET visuellement attractifs <3<\/p>\n <\/p>\n #CSS<\/p>\n Clipping in CSS and SVG \u2013 The clip-path Property and <clipPath> Element<\/a>, toujours du m\u00eame auteur tout ce qu\u2019il vous faut savoir sur la propri\u00e9t\u00e9 clip-path en CSS et SVG<\/p>\n <\/p>\n #Navigation<\/p>\n Smart Fixed Navigation<\/a>, un concept de navigation flottant assez astucieux<\/p>\n <\/p>\n #Mobile<\/p>\n Mobile UI Design Patterns 2014<\/a>, une plong\u00e9e dans les tendances des applications d\u2019aujourd\u2019hui en terme de design sous forme d\u2019un ebook gratuit<\/p>\n <\/p>\n #Free #Wireframe<\/p>\n Shades 1.0 \u2013 Free Wireframing Vector Kit<\/a> \u00a0un petit kit vectoriel pour faire du wireframe (.AI et .PDF)<\/p>\n #Videos<\/p>\n Mazwai.com<\/a> si vous avez besoin de vid\u00e9os gratuites pour vos designs<\/p>\n <\/p>\n #Responsive<\/p>\n Responsive Ads<\/a> des encarts de publicit\u00e9 responsive avec des possibilit\u00e9s d\u2019animations, le tout made by Zurb<\/p>\n <\/p>\n #CSS<\/p>\n Star Wars Toggle Icon Animation<\/a> : NEED<\/p>\n #Jeu #HTML5<\/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<\/h2>\n
Des outils \u00a0et plugins pour vous faciliter la vie<\/h2>\n
Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n