{"id":5110,"date":"2016-03-11T08:18:11","date_gmt":"2016-03-11T07:18:11","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5110"},"modified":"2016-03-11T08:28:19","modified_gmt":"2016-03-11T07:28:19","slug":"la-semaine-en-pixels-11-mars-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-mars-2016\/","title":{"rendered":"La semaine en pixels \u2013 11 mars 2016"},"content":{"rendered":"
Comme chaque semaine, \u00a0un 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 web design et de l’inspiration en tout genre : illustrations, photos, sites web, etc.<\/p>\n
Au programme cette semaine : tableaux responsive, design mobile et mobile first, m\u00e9canismes d’annulation et exp\u00e9rience utilisateur, plusieurs articles sur les wireframes, demander aux utilisateur leur avis. Du SVG et du style d’images cass\u00e9es dans les tutoriels. Au niveau des ressources, un ebook, un endroit o\u00f9 trouver des logos, de l’inspiration Android\/iOS et un plugin Sketch pour les artboards. Enfin une semaine riche en d\u00e9mos funs et jeux : tower defense en flexbox, pixelart responsive, et bien plus :)<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #CSS<\/p>\n Une solution \u00e9l\u00e9gante de tableaux responsive en CSS<\/a> par @dbushell<\/a><\/p>\n #Mobile #These<\/p>\n \u00ab\u00a0Developing a responsive mobile-first design guide for e-commerce with the users in focus<\/a>\u00a0\u00bb une th\u00e8se sur d\u00e9velopper un site e-commerce responsive mobile first par Aktan & Hallqvist<\/p>\n #Modal<\/p>\n Are you sure? The dialogue that shows you don\u2019t care<\/a>, utilise un m\u00e9chanisme qui permette \u00e0 l\u2019utilisateur d\u2019annuler son action plut\u00f4t que d\u2019arr\u00eater son parcours et lui demander s\u2019il est sure de ce qu\u2019il souhaite faire.<\/p>\n #User Survey<\/p>\n The Interview Survey: Getting the Accuracy of Interviewing Thousands of Users<\/a> m\u00e9langer des interviews utilisateur avec la facilit\u00e9 d\u2019un sondage en ligne<\/p>\n #Mobile<\/p>\n The Curse of a Mobile Strategy<\/a>, le souci \u00e0 penser en terme de strat\u00e9gie mobile, c\u2019est qu\u2019au final on fini par avoir une strat\u00e9gie mobile, et justement pas une strat\u00e9gie globale (avec des petits bouts de est-ce que Virgin America devrait avoir une application native)<\/p>\n #Wireframe<\/p>\n Toward a More Expansive View of Wireframes<\/a>, une approche int\u00e9ressante d\u2019ajouter des overlays de couleur par dessus les wireframes pour ajouter un degr\u00e9 d\u2019information, de hi\u00e9rarchie<\/p>\n #Time<\/p>\n Do Fewer Things, Better<\/a> faire moins de choses, mais les faire mieux. Une bonne r\u00e9solution un peu tardive ? :)<\/p>\n #UX<\/p>\n 10 Reasons You Should Ask For User Feedback<\/a> 10 raisons de demander des retours \u00e0 vos utilisateurs<\/p>\n #Wireframes<\/p>\n Jolis wireframes<\/a>, mais j\u2019ai peur qu\u2019on passe plus de temps \u00e0 faire de jolis wireframes qui ressemblent \u00e0 une version noir et blanc du site qu\u2019\u00e0 essayer de r\u00e9soudre les probl\u00e9matiques de design et d\u2019architecture d\u2019information derri\u00e8re<\/p>\n #Blog<\/p>\n Medium<\/a> songe \u00e0 mon\u00e9tiser sa plateforme avec du paywall et du contenu premium<\/p>\n #Logo<\/p>\n 99designs used they own service to redesign their logo<\/a>. Well\u2026<\/p>\n #SVG<\/p>\n SVG Style Inheritance and the \u2018Flash Of Unstyled SVG\u2019<\/a>, styler les SVG, pas toujours facile. Sara fait le point sur le sujet.<\/p>\n #Image<\/p>\n Styling Broken Images<\/a>, styler les images cass\u00e9es en CSS<\/p>\n #Android #iOS<\/p>\n uiohmy.com<\/a> est sympa si vous cherchez \u00e0 comparer les UIs de application Android et iOS<\/p>\n #Sketch<\/p>\n Un plugin Sketch pour naviguer entre les artboards<\/a><\/p>\n #Logo<\/p>\n instantlogosearch.com<\/a> si vous cherchez un logo de grande marque<\/p>\n #UX<\/p>\n Free e-book: Practical User Research for Enterprise UX<\/a>, un ebook gratuit<\/p>\n #Procrastination<\/p>\n Flexboxdefense.com<\/a> un jeu o\u00f9 il faut placer les tours pour qu\u2019elles tirent sur les ennemis avec Flexbox.<\/p>\n #Dyslexia<\/p>\n Dyslexia<\/a>, une exp\u00e9rience fascinante sur la dyslexie et la typoglyc\u00e9mie<\/p>\n #Github<\/p>\n Codeology<\/a>, ce tr\u00e8s joli projet analyse vos repertoires github et leur donne vie visuellement<\/p>\n #Responsive<\/p>\n Responsive Pixel Art<\/a><\/p>\n #Game<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
<\/p>\n
Les articles de la semaine<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
L\u2019actualit\u00e9 webdesign<\/h2>\n
<\/p>\n
<\/p>\n
Les tutoriels de la semaine<\/h2>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
<\/p>\n
<\/p>\n
Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n