{"id":4387,"date":"2015-09-11T07:56:26","date_gmt":"2015-09-11T05:56:26","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4387"},"modified":"2015-09-11T08:04:56","modified_gmt":"2015-09-11T06:04:56","slug":"la-semaine-en-pixels-11-septembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-11-septembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 11 septembre 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
Au programme cette semaine : beaucoup de lectures et d’articles sur l’utilisation du burger menu, celle du soulignement, le design d’interfaces sous forme de cartes, les checkboxes et les alertes navigateur, le mythe de l’internet \u00a0\u00bb mobile \u00ab\u00a0, les habitudes des utilisateurs et \u00e9viter les animations qui donnent la naus\u00e9e. Cette semaine ne manquez pas une chouette bande dessin\u00e9e du c\u00f4t\u00e9 de l’inspiration et quelques d\u00e9mos CSS tr\u00e8s sympathiques.<\/p>\n
Pour plus de liens vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Mobile<\/p>\n \u00ab\u00a0Forget about the mobile internet<\/a>\u00a0\u00bb Tldnr : l\u2019internet \u201cmobile\u201d n\u2019existe plus, de plus en plus d\u2019utilisateurs utilisent leur mobile comme moyen primaire d\u2019acc\u00e8s, confortablement install\u00e9s dans leur canap\u00e9, on tend vers un internet universel accessible quelque soit l\u2019appareil de l\u2019utilisateur<\/p>\n <\/p>\n #Burger menu #Eyetracking<\/p>\n The Most Recognizable Thing on the Planet – An eye-tracking study of the use of the hamburger menu on desktop websites<\/a> : des tests d\u2019eyetracking effectu\u00e9s sur le \u201cburger menu\u201d du site inbox.<\/p>\n <\/p>\n #Utilisabilit\u00e9<\/p>\n The underline at the intersection of UX design and usability<\/a>, souligner ou ne pas souligner les liens, telle est la question<\/p>\n <\/p>\n <\/p>\n #Design<\/p>\n J\u2019aime bien le design \u00e0 la mode \u201ccards\u201d<\/a>, mais c\u2019est pas toujours facile \u00e0 mettre en place surtout sur des quantit\u00e9s de contenu difficilement pr\u00e9dictibles.<\/p>\n <\/p>\n #Usability<\/p>\n Checkboxes Are Never Round<\/a>, un article sur les contre-affordances et attentes utilisateur<\/p>\n <\/p>\n <\/p>\n #Navigation<\/p>\n Audience-Based Navigation: 5 Reasons to Avoid It<\/a>, \u00a05 raisons d\u2019\u00e9viter la navigation bas\u00e9e sur le groupe auquel appartient l\u2019utilisateur, et quelques conseils si vous souhaitez tout de m\u00eame mettre en place ce type de navigation<\/p>\n <\/p>\n #Animation<\/p>\n Designing Safer Web Animation For Motion Sensitivity<\/a>, quelques conseils pour designer des animations qui ne vont pas donner la naus\u00e9e \u00e0 vos utilisateurs<\/p>\n <\/p>\n #Design<\/p>\n Designing for User Habits and Routines<\/a>, ou comment fid\u00e9liser vos utilisateurs en jouant sur les habitues et la routine<\/p>\n <\/p>\n #Design #UX<\/p>\n Never Use The Confirm Dialog<\/a> \u00e9vitez les boites de confirmation sous forme d\u2019alerte JS<\/p>\n <\/p>\n #Mobile<\/p>\n Zoom sur le mobile : Ne pas y perdre ses utilisateurs<\/a>, slides de ma conf\u00e9rence sur la strat\u00e9gie et les bonnes pratiques mobiles \u00e0 l\u2019optiday 2015<\/p>\n <\/p>\n #Inspiration<\/p>\n Inspiration vs Imitation<\/a> parce que la copie n\u2019est pas toujours une forme de flatterie<\/p>\n #Typography<\/p>\n 7 Golden Rules of Combining Fonts for Mobile<\/a>, 7 r\u00e8gles de typographie pour mobile, mais en fait vous pouvez retirer mobile du titre et les appliquer partout c\u2019est pas mal aussi :)<\/p>\n #Design #BD<\/p>\n Introvert Freelance<\/a> – une bande dessin\u00e9e qui relate le quotidien d\u2019un freelance introverti. C\u2019est fun et tout mignon.<\/p>\n <\/p>\n Une proposition a \u00e9t\u00e9 faite au W3C pour des transitions de page en full CSS<\/a>.<\/p>\n #HTML5<\/p>\n Principles Of HTML5 Game Design<\/a>, un petit tuto qui va vous donner envie de vous mettre au d\u00e9veloppement de jeux HTML5<\/p>\n <\/p>\n #Navigateur<\/p>\n Hum, le navigateur Adblocker Browser<\/a> est sorti. \u00c7a peut \u00eatre pas mal, surtout en d\u00e9placement \u00e0 l\u2019\u00e9tranger o\u00f9 le roaming de data co\u00fbt un bras pour \u00e9viter tous les Mo de publicit\u00e9 t\u00e9l\u00e9charg\u00e9s en plus de l\u2019information que l\u2019on recherche<\/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
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