{"id":4468,"date":"2015-10-09T08:09:55","date_gmt":"2015-10-09T06:09:55","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4468"},"modified":"2015-10-09T09:42:41","modified_gmt":"2015-10-09T07:42:41","slug":"la-semaine-en-pixels-9-octobre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-9-octobre-2015\/","title":{"rendered":"La semaine en pixels \u2013 9 octobre 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
Comme j’\u00e9tais \u00e0 ParisWeb la semaine derni\u00e8re, vous avez droit \u00e0 double ration cette semaine ! Au programme : de l’optimisation de formulaires, de la performance, de l’utilisabilit\u00e9, la mobilit\u00e9 dans tous ses \u00e9tats en passant par le responsive et l’application native et le mobile first, de l’optimisation de conversion de formulaires et de boutons, etc. Du c\u00f4t\u00e9 de l’inspiration de jolis sites et de quoi d\u00e9corer votre appartement \/ agence. Sans oublier quelques tutoriels CSS et des ressources responsive, Sketch, Photoshop ainsi que la sortie d’un tout nouvel outil chez Adobe pour de l’UI design.<\/p>\n
Pour plus de liens vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #App #Web<\/p>\n Designing for the Web vs. Apps in the Mobile Era<\/a>, designer pour le web vs designer pour des applications, un bon r\u00e9sum\u00e9 des utilisations de chacun<\/p>\n #Performance<\/p>\n Why Performance Matters: The Perception Of Time<\/a>, l\u2019importance de la perception de la performance expliqu\u00e9e<\/p>\n #Non #Product Manager<\/p>\n Productstrategymeanssayingno.com<\/a> – Dire non ce n\u2019est pas facile, mais un bon product manager doit savoir le faire pour garder son produit viable et \u00e9viter de le transformer en usine \u00e0 gaz.<\/p>\n <\/p>\n #Usability #Navigation<\/p>\n 10 Guidelines For Navigation Usability<\/a>, 10 lignes directives pour vous aider \u00e0 concevoir une navigation efficace et utilisable<\/p>\n #Formulaire<\/p>\n How To Build An Awesome Form<\/a> and How to design forms that convert<\/a>, deux articles pour vous aider \u00e0 designer des formulaires plus efficaces<\/p>\n #UX<\/p>\n The State of UX Design<\/a>, une lecture int\u00e9ressante qui tente de d\u00e9finir l\u2019UX aujourd\u2019hui et surtout montrer le c\u00f4t\u00e9 pluridisciplinaire des pratiquants et des outils \u00e0 notre disposition<\/p>\n #Boutons<\/p>\n 11 Characteristics of Persuasive Call-to-Action Buttons<\/a> 11 conseils pour optimiser vos call to action<\/p>\n #Mobile<\/p>\n Wait, what? Mobile browser traffic is 2X bigger than app traffic, and growing faster<\/a> le traffic du web dans le navigateur mobile est 2 fois plus grand que celui des apps et ne cesse de s\u2019accroitre<\/p>\n #Mobile First<\/p>\n A Hands-On Guide to Mobile-First Responsive Design<\/a> (kind of looks a little bit like my workflow ^^)<\/p>\n #Mobile<\/p>\n Takeaways From Mobile Web Behavior<\/a>, quelques petits points cl\u00e9s sur le comportement des utilisateurs sur le web mobile<\/p>\n #Motion #UI<\/p>\n Your UI isn\u2019t a Disney Movie<\/a> – votre interface n\u2019est pas un film Disney, un article sur l\u2019utilit\u00e9 et la subtilit\u00e9 des animations d\u2019interface<\/p>\n #Papier<\/p>\n Paper Prototyping, Revisited at Viget<\/a> – \u00a0cet article r\u00e9sume parfaitement pourquoi je suis une inconditionnelle du prototype papier<\/p>\n #Links #Mobile #Hover<\/p>\n Why Your Links Need a Hover Effect<\/a>, pourquoi vos liens on besoin d\u2019un effet au survol et comment sugg\u00e9rer l\u2019affordance d\u2019un lien sur les appareils touch-screen sur survol<\/p>\n #Mobile #Ecommerce<\/p>\n Et si le renouveau des magasins passait par les tablettes vendeurs ?<\/a><\/p>\n #Agence<\/p>\n Post Mortem : pourquoi j’ai arr\u00eat\u00e9 mon agence web<\/a>, un peu triste \u00e0 lire mais instructif<\/p>\n #App #Web<\/p>\n Goodbye, Native Mobile Apps<\/a> – ou pourquoi Atavist abandonne ses applications au profit du 100% web.<\/p>\n #Usability<\/p>\n 7 Landing Page Mistakes to Avoid, with examples<\/a>, 7 erreurs \u00e0 \u00e9viter sur votre page d\u2019accueil<\/p>\n #Burger Menu<\/p>\n Are Users Ready for the Desktop Hamburger Icon?<\/a>, burger menu sur desktop ? Peut-\u00eatre pas encore<\/p>\n #UX<\/p>\n The 8 Worst UX Mistakes Coming From Experts<\/a>, 8 erreurs de sites qui exasp\u00e8rent les experts UX<\/p>\n #Physique<\/p>\n Sevenbrieflessons.com<\/a>, un joli site pour mettre en avant le livre \u201cSeven Brief Lessons on Physics\u201d<\/p>\n #Font #Typographie<\/p>\n Procrastination time pour les amoureux de la typographie : mustafont.ch<\/a><\/p>\n #UX<\/p>\n The UX Designer Paradox<\/a><\/p>\n #Logo<\/p>\n Une jolie le\u00e7on de design sur comment se d\u00e9marquer de ses concurrents<\/a><\/p>\n #Design #G\u00e9om\u00e9trie<\/p>\n The Fresh Trend of Dynamic Abstract Homepages<\/a>, un peu d\u2019inspiration avec de jolies pages d\u2019accueil avec un arri\u00e8re plan abstrait et dynamique<\/p>\n #Typographie<\/p>\n typocine.com<\/a>\u00a0un joli site qui \u00a0rassemble les amoureux du cin\u00e9ma et de la typographie<\/p>\n <\/p>\n #Mac<\/p>\n An Illustrated History of Mac OS X<\/a> – l\u2019histoire des OS mac r\u00e9sum\u00e9 avec de jolies illustrations<\/p>\n #Stickers<\/p>\n Les stickers de porte<\/a> entre autres les plus mignons de la terre<\/p>\n #Adobe<\/p>\n Okay, le projet Comet<\/a> d\u2019Adobe a l\u2019air vraiment super sympa<\/a> pour le design d\u2019interface multi \u00e9cran: ARTBOARDS FTW <3 <3<\/p>\n <\/p>\n #Illustrator<\/p>\n How To Create a Flat Style Vector Planet in Illustrator<\/a>, un petit tutoriel Illustrator pour cr\u00e9er une petit plan\u00e8te<\/p>\n #SVG<\/p>\n How To Make An SVG Lava Lamp<\/a>, un tutoriel pas \u00e0 pas tr\u00e8s bien d\u00e9taill\u00e9 pour faire une lampe lave (oui la lampe des ann\u00e9es 80) en SVG<\/p>\n #CSS<\/p>\n CSS Refresher Notes<\/a>, une compilation de rappels sur certaines propri\u00e9t\u00e9s CSS<\/p>\n #CSS<\/p>\n Back to the :roots<\/a>, 4 astuces CSS pour remonter \u00e0 la racine de nos d\u00e9clarations<\/p>\n #Games #Innovation<\/p>\n Tiens je connaissais pas gamestorming.com<\/a>, \u00e7a a l\u2019air pas mal pour trouver de petits exercices cr\u00e9atifs<\/p>\n #Lightbox<\/p>\n Simple Lightbox<\/a> – un plugin de lightbox touch friendly qui fonctionne avec jQuery<\/p>\n #Responsive<\/p>\n Si vous cherchez de l\u2019inspiration pour des patterns responsive (grilles, calendrier) : responsivedesign.is\/patterns<\/a><\/p>\n #Ressources #Sketch #Photoshop<\/p>\n Sketchrepo.com<\/a> pour trouver des ressources Sketch \/\/ Psdrepo.com<\/a> pour trouver des ressources Photoshop<\/p>\n Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 ans. Il se peut qu’il ne soit plus \u00e0 jour.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.). Comme j’\u00e9tais \u00e0 ParisWeb la semaine derni\u00e8re, vous avez droit \u00e0 double ration cette semaine ! Au programme : …<\/p>\n","protected":false},"author":3,"featured_media":4496,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-4468","post","type-post","status-publish","format-link","has-post-thumbnail","hentry","category-veille-liens-utiles","post_format-post-format-link"],"yoast_head":"\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
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
De l\u2019inspiration et de jolies id\u00e9es<\/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
Les tutoriels de la semaine<\/h2>\n
<\/p>\n
<\/p>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"