{"id":6178,"date":"2017-01-06T06:00:31","date_gmt":"2017-01-06T05:00:31","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=6178"},"modified":"2017-01-05T22:52:57","modified_gmt":"2017-01-05T21:52:57","slug":"semaine-pixels-6-janvier-2017","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/semaine-pixels-6-janvier-2017\/","title":{"rendered":"La semaine en pixels \u2013 6 janvier 2017"},"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 : biais de confirmation, case studies UX, exp\u00e9rience utilisateur mobile, performance web, AB testing, design, bilinguisme, mode d’interface r\u00e9duite, surcharge cognitive, test utilisateurs, internationalisation, design de formulaires. De jolies d\u00e9mos de miroir en CSS et des tutoriels pour les propri\u00e9t\u00e9s CSS currentColor et :indeterminate, de l’opacit\u00e9 et des illustrations cr\u00e9\u00e9es a partir de cercles.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #AI #Design<\/p>\n Algorithm-Driven Design: How Artificial Intelligence Is Changing Design<\/a>, une lecture longue mais passionnante sur le design assist\u00e9 par des intelligences artificielles<\/p>\n #UX #Psychologie<\/p>\n 3 Tips for Overcoming Confirmation Bias<\/a>, 3 conseils pour \u00e9viter les biais de confirmation<\/p>\n #UX #Mobile<\/p>\n How to create the best search UX on mobile<\/a>, am\u00e9liorer la recherche dans les applications mobile natives<\/p>\n <\/p>\n #Performance<\/p>\n 10 things I learned making the fastest site in the world<\/a>, un petit retour sur de la performance web<\/p>\n #Mobile<\/p>\n How To Communicate Hidden Gestures in Mobile App<\/a>, des astuces pour faire comprendre le design des gestes de votre interface mobile<\/p>\n #A\/B Testing<\/p>\n Hehe Why most A\/B tests give you bullshit results<\/a> vs The Mobile Design Elements That You Have to A\/B Test<\/a><\/p>\n #Design<\/p>\n Web design isn\u2019t becoming more boring, and isn\u2019t losing its soul<\/a> – le design des sites n\u2019est pas devenu plus chiant, ils ont juste \u00e9volu\u00e9, critiquer un site fonctionnel parce qu\u2019il n\u2019est pas fun est un peu comme critiquer un panneau routier pour son manque d’originalit\u00e9<\/p>\n #Brain<\/p>\n Why being bilingual helps keep your brain fit<\/a>, un super article sur le multilinguisme et le fonctionnement du cerveau<\/p>\n #UX<\/p>\n Why Zen Mode Isn\u2019t the Answer to Everything<\/a> pourquoi le zen mode (interface minimaliste) n\u2019est pas toujours une bonne id\u00e9e<\/p>\n #UX<\/p>\n Reducing Cognitive Overload For A Better User Experience<\/a>, r\u00e9duire la surcharge cognitive pour am\u00e9liorer l’exp\u00e9rience<\/p>\n #UX<\/p>\n Why you should host user testing viewing parties<\/a>, r\u00e9soudre les disputes internes sur les produits ou simplement promouvoir la culture UX, pourquoi vous devriez faire des \u201cUser testing parties\u201d<\/p>\n #Work<\/p>\n Why I only work remotely<\/a>. C\u2019est int\u00e9ressant mais je me demande si c\u2019est possible dans des \u00e9quipes de cr\u00e9a ou on veut souvent que tu sois sur place pour t\u2019avoir sous la main dans les phases d’id\u00e9ation<\/p>\n #Design #i18n<\/p>\n Design for internationalization<\/a>, des conseils pratiques pour designer des syst\u00e8mes qui seront traduits en plusieurs langues<\/p>\n #Gender<\/p>\n Exp\u00e9rimentation int\u00e9ressante sur le genre neutre dans la communaut\u00e9 ‘Ladies’ Is Gender Neutral<\/a><\/p>\n #form<\/p>\n Form Design for Complex Applications<\/a>, designer des formulaires pour des applications complexes<\/p>\n #UX #Case Study<\/p>\n Writing more effective case studies<\/a>, plusieurs conseils pour vous aider \u00e0 \u00e9crire des explications de projet pour votre portfolio<\/p>\n #Performance #Publicit\u00e9s<\/p>\n Les manques \u00e0 gagner de la publicit\u00e9 pour les \u00e9diteurs<\/a><\/p>\n #CSS #HTML<\/p>\n Effet miroir<\/a> sur Codrops<\/p>\n #Animations #JS<\/p>\n Fun with Staggered Transitions<\/a>, une petite d\u00e9mo sympa<\/p>\n #Prototype<\/p>\n How To Use Stop Motion Animation to Make Low-fi Prototypes for Mobile Design<\/a>, utiliser du stop motion pour faire des proto basse fid\u00e9lit\u00e9<\/p>\n #CSS<\/p>\n Using the currentColor CSS keyword<\/a>, utiliser le mot cl\u00e9 currentColor en CSS<\/p>\n #Color<\/p>\n When two colours can be one<\/a>, utiliser la transparence pour cr\u00e9er un plusieurs th\u00e8mes facilement<\/p>\n #CSS<\/p>\n Sloped edges with consistent angle in CSS<\/a>, des techniques CSS pour cr\u00e9er des bords pench\u00e9s<\/p>\n #Illustration<\/p>\n Illustrating Animals With 13 Circles: A Tutorial And Drawing Challenge<\/a>, designer des animaux a partir de diff\u00e9rents cercles<\/p>\n #CSS<\/p>\n :indeterminate<\/a>, une pseudo-classe que vous pouvez utiliser pour styler l’\u00e9tat non d\u00e9termin\u00e9 des checkbox, boutons radio, etc.<\/p>\n #Icons<\/p>\n Free Icon Design Guide<\/a>, un book sympa sur le design d’ic\u00f4nes<\/p>\n #Buttons<\/p>\n bttn.surge.sh<\/a> une petite collection de boutons en CSS<\/p>\n #UX<\/p>\n Free UX Process and Documentation Kit<\/a>, un kit UX avec diff\u00e9rents livrables \u00e0 adapter pour vos projets<\/p>\n #UX<\/p>\n uxpressia.com<\/a>, un outil en ligne pour vous aider \u00e0 g\u00e9n\u00e9rer des UX maps<\/p>\n #CSS<\/p>\n Sooooo cute: CSS Snow Fox<\/a><\/p>\n #CSS #JS<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
<\/p>\nLes 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
<\/p>\nDe l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
<\/p>\nLes tutoriels de la semaine<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\nDes ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\nPour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n
<\/p>\n