{"id":5850,"date":"2016-10-21T08:43:20","date_gmt":"2016-10-21T06:43:20","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5850"},"modified":"2016-10-21T08:58:10","modified_gmt":"2016-10-21T06:58:10","slug":"semaine-pixels-21-octobre-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-21-octobre-2016\/","title":{"rendered":"La semaine en pixels \u2013 21 octobre 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 : plusieurs articles pour vous aider dans le design de formulaires mobile et desktop, designer pour le touch screen, accessibilit\u00e9, exp\u00e9rience utilisateur, conseils Sketch\/ Photoshop, du CSS flexbox, quantity queries et du SVG, des conseils pour faire venir la cr\u00e9ativit\u00e9, de tr\u00e8s jolies illustrations et sites webs pour vous inspirer, un outil pour voir vos fichiers Sketch en ligne, des ressources de design made in Facebook et des icons et effets typographie en CSS.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Design #Accessibilit\u00e9<\/p>\n Designing for Colour Blindness<\/a>, designer pour les daltoniens<\/p>\n <\/p>\n #Mobile<\/p>\n Average time spent online<\/a>, les utilisateurs passent de plus en plus de temps \u201conline\u201d sur leurs appareils mobile<\/p>\n <\/p>\n #Mobile<\/p>\n How To Design an Error Message For a Mobile App?<\/a>, comment designer les messages d\u2019erreur d\u2019une application mobile<\/p>\n <\/p>\n #UX<\/p>\n Essential Skills To Become A Great UI\/UX Designer<\/a> pour les d\u00e9butants, une liste de skills pour devenir un bon UI\/UX designer<\/p>\n #Design<\/p>\n Quelques conseils pour garder ses fichiers Sketch \/ Photoshop propres<\/a><\/p>\n <\/p>\n #UX<\/p>\n 5 reasons why your first user research activity should be a usability test<\/a>, un test d\u2019utilisabilit\u00e9 n\u2019est pas forc\u00e9ment toujours la premi\u00e8re chose \u00e0 faire, MAIS elle permet souvent de faire comprendre l\u2019importance de l\u2019exp\u00e9rience utilisateur \u00e0 une entreprise r\u00e9ticence.<\/p>\n <\/p>\n #Inspiration #Creativity<\/p>\n 7 Ways to Come up with Creative Ideas, Backed by Psychology<\/a>, 7 fa\u00e7ons de trouver l\u2019inspiration bas\u00e9es sur des \u00e9tudes psychologiques<\/p>\n <\/p>\n #PWA<\/p>\n Why does The Washington Post\u2019s Progressive Web App increase engagement on iOS?<\/a> pourquoi la progressive web app du Washington Post a augment\u00e9 le taux d\u2019engagement sur iOS m\u00eame si ces technologies n\u2019y sont pas support\u00e9es ? Le temps de chargement semble y \u00eatre pour beaucoup<\/p>\n <\/p>\n #CSS<\/p>\n Quantity queries and Flexbox part 2<\/a>, compter les \u00e9l\u00e9ments gr\u00e2ce aux quantity queries en CSS<\/p>\n <\/p>\n #Touch<\/p>\n Une lecture int\u00e9ressante sur le design d\u2019interface au touch quelque soit la taille de l\u2019\u00e9cran (et donc prendre en compte \u00e9galement les grands \u00e9crans) Factors to Consider in a Multi-Screen World<\/a><\/p>\n <\/p>\n #UX #UserTesting<\/p>\n Quelques conseils pour faire des tests utilisateur \u00e0 moindre co\u00fbt : Benchmark Your UX at All Costs<\/a><\/p>\n <\/p>\n #UX<\/p>\n Why Formatted Data Fields Always Need Input Masks<\/a>, ajouter un masque aux champs n\u00e9cessitant un formatage<\/p>\n <\/p>\n #UX #Form<\/p>\n Should You Use Required Fields on Your Form?<\/a><\/p>\n <\/p>\n #UX #Form<\/p>\n Quand demander le sexe ou le genre de la personne dans les formulaires<\/a><\/p>\n <\/p>\n #Illustration<\/p>\n I Illustrated Mental Illness And Disorders For Inktober<\/a>, de jolies illustrations un peu creepy<\/p>\n <\/p>\n #Illustration<\/p>\n alwayswithhonor.co<\/a>, un studio d\u2019illustrations vraiment tr\u00e8s sympa<\/p>\n <\/p>\n #WebDesign<\/p>\n Super id\u00e9e, superbe design : www.namesforchange.org<\/a> \u00a0<3<\/p>\n <\/p>\n #Typography<\/p>\n GT America<\/a>, le site pour pr\u00e9senter la police est juste parfait<\/p>\n <\/p>\n #Accessibility<\/p>\n How Visible vs. Hidden Elements Affect Keyboard\/Screen Reader Users<\/a>, une vid\u00e9o sur les \u00e9l\u00e9ments masqu\u00e9s des pages et les lecteurs d\u2019\u00e9cran \/ l’accessibilit\u00e9 au clavier<\/p>\n <\/p>\n #CSS<\/p>\n How to make HTML disappear completely<\/a>, diff\u00e9rentes fa\u00e7ons de faire dispara\u00eetre du HTML avec une jolie m\u00e9taphore \u00e0 base de pac man<\/p>\n #Debug<\/p>\n Un script qui affiche les messages de votre console dans des notifications navigateur<\/a>, une id\u00e9e int\u00e9ressante mais je me demande au bout de combien de temps il commence \u00e0 taper sur le syst\u00e8me<\/p>\n <\/p>\n #Sketch<\/p>\n Sketchviewer.com<\/a>, un outil en ligne pour versionner du Sketch<\/p>\n <\/p>\n #Facebook<\/p>\n facebook.design<\/a>, quelques articles, vid\u00e9os et ressources partag\u00e9es par l\u2019\u00e9quipe de design de Facebook<\/p>\n <\/p>\n #Font<\/p>\n Fontreach<\/a>, un outil qui scanne le web pour vous donner des statistiques sur l\u2019usage d\u2019une police<\/p>\n #SVG<\/p>\n Orbital Resonance in SVG<\/a>, pour les nostalgiques du spirographe <3<\/p>\n <\/p>\n #CSS<\/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
<\/h2>\n
Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n