{"id":5310,"date":"2016-05-13T07:00:16","date_gmt":"2016-05-13T05:00:16","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=5310"},"modified":"2016-05-13T07:36:32","modified_gmt":"2016-05-13T05:36:32","slug":"la-semaine-en-pixels-13-mai-2016","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-13-mai-2016\/","title":{"rendered":"La semaine en pixels \u2013 13 mai 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 : accessibilit\u00e9, animations d’interface et animations CSS, bonnes pratiques de pagination,\u00a0plusieurs articles sur l’exp\u00e9rience utilisateur (mobile, e-commerce, recherche, dark patterns, test utilisateur, livres), des heuristiques pour chat bot, les avantages du design d’applications mobiles \u00e0 1x (au lieu de 2x ou 3x) ainsi que les principes du \u00ab\u00a0Good Design\u00a0\u00bb. Du c\u00f4t\u00e9 de l’inspiration de jolies interfaces et de l’artwork cr\u00e9\u00e9 avec du code. Dans les ressources de la typographie, une grille CSS, une check-list pour le lancement de produits et un site rassemblant des outils pour webdesigners.<\/p>\n
Pour plus de liens chaque matin vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Design #Tools<\/p>\n Une liste de ressources pour webdesigners : resourcecards.com<\/a><\/p>\n <\/p>\n #A11y<\/p>\n 7 Things Every Designer Needs to Know about Accessibility<\/a>, 7 conseils pour un design accessible, \u00e7a a l\u2019air simple et pourtant tellement de sites ont du mal avec ces notions de base.<\/p>\n <\/p>\n #Animation<\/p>\n How fast should your UI animations be?<\/a> TLDNR 200ms to 500ms seconds<\/p>\n <\/p>\n #Pagination<\/p>\n Pagination Best Practices<\/a>, les bonnes pratiques pour une pagination efficace<\/p>\n <\/p>\n #UX<\/p>\n The UX Umbrella<\/a>, une m\u00e9taphore des diff\u00e9rent m\u00e9tiers composants de l\u2019UX. Je suis donc un m\u00e9lange entre UR, ID, IA, VD et FED ^^ Feeew :D<\/p>\n <\/p>\n #Heuristics #Bots<\/p>\n Usability Heuristics for Bots<\/a>: les crit\u00e8res heuristiques de Nielsen sont ils toujours applicables dans le cas d\u2019une interface comme un chat bot par exemple ?<\/p>\n <\/p>\n #Mobile<\/p>\n 5 Mobile Trends Every UX Professional Should Know<\/a>, 5 faits \u00e0 savoir sur l\u2019exp\u00e9rience utilsateur mobile<\/p>\n <\/p>\n #Ecommerce #UX<\/p>\n E-Commerce UX: What Information to Display in Product Listings (46% Get it Wrong)<\/a>, quelles informations sont \u00e0 faire figurer sur une liste de produits<\/p>\n <\/p>\n #Design<\/p>\n Why designing for delight doesn\u2019t always work<\/a>, pourquoi designer pour enjouer les utilisateurs ne fonctionne pas toujours<\/p>\n <\/p>\n #UX<\/p>\n Complete Beginner\u2019s Guide to UX Research<\/a>, le guide du d\u00e9butant pour mener \u00e0 bien de la recherche utilisateur<\/p>\n <\/p>\n #Dark pattern<\/p>\n Lecture int\u00e9ressante sur les Dark Patterns au Boston Globe : Dark Patterns by the Boston Globe<\/a><\/p>\n <\/p>\n #User Testing<\/p>\n Never Show A Design You Haven\u2019t Tested On Users<\/a>, d\u2019excellents conseils sur les tests utilisateur<\/p>\n <\/p>\n #Boutons<\/p>\n Primary & Secondary Action Buttons<\/a>, le design de boutons principaux et secondaires<\/p>\n <\/p>\n #Design<\/p>\n Design at 1x\u2014It\u2019s a Fact<\/a>, designer \u00e0 1x (au lieu de 2x et 3x pour Android) ses interfaces mobiles, quelques arguments.<\/p>\n <\/p>\n #Code #art<\/p>\n Gearaward.com<\/a>, une galerie d\u2019artwork cr\u00e9\u00e9s \u00e0 partir de code, je suis une grande fan de l\u2019aquarium<\/a><\/p>\n <\/p>\n #UI<\/p>\n Uiinteractions.com<\/a> de l\u2019inspiration d\u2019interfaces mobile iOS et Android<\/p>\n <\/p>\n #Touch #Hover<\/p>\n Microsoft’s hover gestures for Windows phones are magnificent<\/a>, \u00e7a risque d\u2019\u00eatre un peu le bazar niveau sites mobiles, mais \u00e7a a l\u2019air carr\u00e9ment prometteur<\/p>\n <\/p>\n #Android<\/p>\n An interesting change to browsing on Android<\/a> : petit changement dans Chrome Android qui peut d\u00e9sormais ouvrir une app directement depuis un r\u00e9sultat de recherche (maps par exemple)<\/p>\n <\/p>\n #Animations<\/p>\n Un cours en ligne sur les animations CSS<\/a> par @rachelnabors<\/a><\/p>\n <\/p>\n #Product<\/p>\n A Product Design Process Checklist<\/a>, une checklist pour le design de produits<\/p>\n <\/p>\n #a11y<\/p>\n HTML5 Accessibility<\/a>, le support de l\u2019accessibilit\u00e9 des diff\u00e9rents \u00e9l\u00e9ments HTML5 dans les navigateurs<\/p>\n <\/p>\n #UX #Books<\/p>\n Des livres sur l\u2019UX class\u00e9s par \u201c j\u2019ai besoin de faire \u00e7a, quel livre devrais-je lire sur le sujet? \u201d<\/a><\/p>\n <\/p>\n #Design<\/p>\n Gooddesign.io<\/a> les \u201c 10 Principles of Good Design \u201c de Dieter Rams \u00a0packag\u00e9s dans un joli site web<\/p>\n <\/p>\n #Typographie<\/p>\n Combining Typefaces: Free guide to great typography<\/a>, l\u2019ebook de 5simple steps sur la combinaison de fonts est disponible gratuitement en PDF.<\/p>\n <\/p>\n #Font<\/p>\n Ludicrous<\/a> – une jolie font \u201chandwritting\u201d avec de jolies ligatures<\/p>\n <\/p>\n #Grid<\/p>\n Google Images inspired fluid grid layouts<\/a>, une grille fluide inspir\u00e9e de Google image. L\u2019effet de blend mode sur le titre est \u00e9galement bien sympa.<\/p>\n <\/p>\n #CSS #SVG<\/p>\n Crazy effects combo: for the buttons<\/a> + for transitions<\/a><\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 9 ans. Il se peut qu’il ne soit plus \u00e0 jour.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. Au programme : accessibilit\u00e9, animations d’interface et animations CSS, bonnes pratiques de pagination,\u00a0plusieurs articles sur l’exp\u00e9rience utilisateur (mobile, e-commerce, …<\/p>\n","protected":false},"author":3,"featured_media":5304,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[105],"tags":[],"class_list":["post-5310","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
Les articles de la semaine<\/h2>\n
De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
L\u2019actualit\u00e9 webdesign<\/h2>\n
Les tutoriels de la semaine<\/h2>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n