{"id":3991,"date":"2015-05-08T11:45:40","date_gmt":"2015-05-08T09:45:40","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=3991"},"modified":"2015-05-11T15:00:36","modified_gmt":"2015-05-11T13:00:36","slug":"la-semaine-en-pixels-8-mai-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-8-mai-2015\/","title":{"rendered":"La semaine en pixels \u2013 8 mai 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 : de la mobilit\u00e9 ax\u00e9e sur les tailles des doigts des utilisateurs et leur comportement face aux boutons de partages sociaux, la v\u00e9rit\u00e9 r\u00e9v\u00e9l\u00e9e sur le picto \u00ab\u00a0femme\u00a0\u00bb des toilettes qui est en fait une super h\u00e9ro\u00efne avec une cape, diff\u00e9rents types de tes utilisateur et l’engagement face \u00e0 une mono-page, de l’ecommerce et de l’UX, une r\u00e9flexion sur la taille du bouton \u00ab\u00a0sign-in\u00a0\u00bb, un redesign pour webarchive, de la gravure au tampon et un peu de d\u00e9tente du c\u00f4t\u00e9 de l’inspiration, des ressources pour webdesigner avec des \u00e9motic\u00f4nes et des fl\u00e8ches en entit\u00e9s HTML. Ne loupez surtout pas la partie fun et jeux, avec cette semaine deux jeux tr\u00e8s sympas pour vos occuper en ce weekend prolong\u00e9.<\/p>\n
Pour plus de liens vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Super Heros<\/p>\n Si le logo des toilettes des femmes cachait en fait une super-h\u00e9ro\u00efne<\/a><\/p>\n <\/p>\n #Mobile #Touch<\/p>\n Finger, Thumbs and People, lesson learned<\/a>, 10 le\u00e7ons apprises sur les utilisateurs mobiles par Steven Hoober<\/p>\n #Web Design<\/p>\n Really great talk: Webstock ’15: Frank Chimero – The Web’s Grain<\/a><\/p>\n <\/p>\n #CSS<\/p>\n Some CSS you may not know<\/a>, connaissiez-vous tous les usages de ces propri\u00e9t\u00e9s CSS ?<\/p>\n #User testing<\/p>\n Can You Engage Users With A Single Page Design?<\/a> L\u2019engagement des utilisateurs sur un \u201cSingle Page\u201d est-il pr\u00e9sent ? TL;DR Oui, les participants au test ont appr\u00e9ci\u00e9 \u00a0pourvoir explorer le site en scrollant et ont lu les contenus (si si pour de vrai)<\/p>\n <\/p>\n #WebDesign #Babyboomer<\/p>\n Web Design for Baby Boomers: Your Complete Style Guide<\/a> un excellent article sur comment designer lorsque votre cible fait parti de la g\u00e9n\u00e9ration babyboom<\/p>\n #UX #E-commerce<\/p>\n Filtering UI: A Horizontal Toolbar Can Outperform the Traditional Sidebar<\/a><\/p>\n <\/p>\n #User Testing<\/p>\n 8 User Tests To Help You Learn From Your Competitors<\/a>, 8 tests utilisateurs que vous pouvez faire sur vos concurrents<\/p>\n #UX #Call to Action<\/p>\n Don’t Make Your Members Feel Small<\/a> : la taille du bouton sign in VS celle du bouton sign up<\/p>\n <\/p>\n #E-commerce<\/p>\n E-commerce: les fonctionnalit\u00e9s indispensables d\u2019une fiche produit efficace<\/a><\/p>\n #Mobile<\/p>\n Are Social Sharing Buttons on Mobile Sites a Waste of Space?<\/a> Aka, est-ce que les ic\u00f4nes de partages sociaux sont une perte de place, tldnr OUI \u00a0(en e-commerce au moins)<\/p>\n <\/p>\n #Images<\/p>\n Little update, the \u00ab\u00a0sizes\u00a0\u00bb HTML attribut for responsive images in now mandatory when using srcset and w descriptors<\/a><\/p>\n #Webarchive<\/p>\n Webarchive \u00a0a eu droit \u00e0 un petit redesign :)<\/a><\/p>\n <\/p>\n #Tampons<\/p>\n Gravure de tampons<\/a> : un tutoriel par\u00a0Laurence Vagner<\/p>\n <\/p>\n #Zen<\/p>\n Pixelthoughts.co<\/a> respirez et profitez de 60 secondes de relaxation<\/p>\n <\/p>\n #SVG #A11Y<\/p>\n Making SVG Accessible<\/a> rendre les SVGs accessibles avec <title>, <desc> etc.<\/p>\n #Mobile #Ecommerce<\/p>\n The Definitive Guide To Mobile Shopping, Learn, Plan, Invest, Execute<\/a>, le guide ultime de l\u2019ecommerce sur mobile par Mobify<\/p>\n #Font<\/p>\n Didactic<\/a>, une jolie serif disponibles en webfont<\/p>\n <\/p>\n #Meme #Emoticon<\/p>\n Character and Meme Emoticons<\/a>, une liste de ces petites t\u00eates f\u00eates \u00e0 partir de caract\u00e8res unicodes ( \u0361\u00b0 \u035c\u0296 \u0361\u00b0)<\/p>\n <\/p>\n #HTML<\/p>\n Htmlarrows.com<\/a> rassemble le code HTML des entit\u00e9s de fl\u00e8ches, certains symboles, monnaies et bien plus<\/p>\n <\/p>\n #Outils<\/p>\n wwwhere <\/a>rassemble diff\u00e9rents outils pour webdesigner class\u00e9 par cat\u00e9gories (UX, code, etc.)<\/p>\n <\/p>\n #Game #Procrastination<\/p>\n Pussywalk.com<\/a> OMG procrastination de l\u2019apr\u00e8s midi (et je suis tellement mauvaise \u00e0 ce jeu)<\/p>\n <\/p>\n #SVG<\/p>\n Mignon : SVG Rainbow Rocket Man<\/a><\/p>\n <\/p>\n #Music<\/p>\n Touchpianist.com<\/a> un peu de procrastination musicale de bon matin \u00a0<3<\/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
L\u2019actualit\u00e9 webdesign<\/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