{"id":4649,"date":"2015-11-20T08:12:37","date_gmt":"2015-11-20T07:12:37","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4649"},"modified":"2022-03-17T20:49:49","modified_gmt":"2022-03-17T19:49:49","slug":"la-semaine-en-pixels-20-novembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-20-novembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 20 novembre 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
Cette semaine est plac\u00e9e\u00a0sous le\u00a0signe de la mobilit\u00e9 :\u00a0exp\u00e9rience utilisateur mobile, patterns de navigation mobile et Google Plus qui passe en responsive, accessibilit\u00e9 des gestes au touch, 10 conseils pour vous aider \u00e0 construire l’exp\u00e9rience mobile de vos utilisateurs et la sortie du nouveau livre d’Ethan Marcotte sur les patterns responsive. Un peu de performance et de SVG du c\u00f4t\u00e9 des tutoriels, et ne manquez pas le pack d\u2019ic\u00f4nes anim\u00e9es ainsi qu’un petit site qui rassemble plus de 400 vid\u00e9os de conf\u00e9rences UI\/UX.<\/p>\n
Pour plus de liens vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Mobile #Responsive<\/p>\n Google+ goes completely responsive<\/a>, une \u00e9tude de cas sur comment Google plus est devenu totalement responsive, process tr\u00e8s interessant m\u00eame si vous n\u2019utilisez pas ce r\u00e9seau social<\/p>\n <\/p>\n #A11Y<\/p>\n Un article long mais int\u00e9ressant sur l\u2019accessibilit\u00e9, les faux bouton et les faux onglets How Our CSS Framework Helps Enforce Accessibility<\/a><\/p>\n <\/p>\n #Typographie<\/p>\n The many (type) faces of \u00af\\_(\u30c4)_\/\u00af<\/a> ou comment la police utilis\u00e9e pour cet emote nous fait l’interpr\u00e9ter diff\u00e9rement<\/p>\n <\/p>\n #Mobile #Navigation<\/p>\n Basic Patterns for Mobile Navigation: A Primer<\/a>, une analyse de diff\u00e9rents patterns mobile et comment les utiliser \u00e0 bon escient<\/p>\n <\/p>\n #Design #UX<\/p>\n Design for personalization<\/a>, designer des interfaces qui se personnalisent en fonction de l\u2019utilisateur, m\u00eame si \u00e7a peut \u00eatre parfois un peu inqui\u00e9tant en terme de vie priv\u00e9e et collected des donn\u00e9es<\/p>\n <\/p>\n #Mobile<\/p>\n The State of Mobile E-Commerce Search and Category Navigation<\/a><\/p>\n #A11Y<\/p>\n Why Implementing Swipe Gestures Causes A Mobile Accessibility Issue<\/a>, saviez vous que les actions au touch (swipe, etc) peuvent entrer en conflit avec les actions des outils d\u2019accessibilit\u00e9 des appareils mobile ?<\/p>\n <\/p>\n #Mobile #Design<\/p>\n 10 Everyday Shortcuts for Better Responsive Design<\/a>, 10 raccourcis pour designers le responsive. Je suis particuli\u00e8rement d\u2019accord avec les 3 premiers : le papier est tr\u00e8s lib\u00e9rateur et permet de tester rapidement beaucoup d\u2019id\u00e9es, designer pour les petits appareils, ou au moins en pensant au petits appareils en premier permet d\u2019avoir des contraintes utiles en responsive (enfin, pour \u00e7a il faut quand m\u00eame conna\u00eetre d\u00e8s le d\u00e9part tout le contenu du site) et on n\u2019a pas besoin de redesigner toutes les pages, favoriser le design d\u2019\u00e9l\u00e9ments r\u00e9p\u00e9titifs (ce qu\u2019ils appellent \u201cpatterns\u201d \u00e0 diff\u00e9rentes tailles permet un gain de temps consid\u00e9rable<\/p>\n <\/p>\n #Navigation #UX<\/p>\n Picking The Right Methods To Improve Navigation<\/a> : card sorting, tree test, observation d\u2019utilisateur, etc., cet article vous aide \u00e0 trouver la bonne m\u00e9thodologie pour am\u00e9liorer la navigation de votre site<\/p>\n <\/p>\n <\/p>\n #Medical #Aide<\/p>\n Improving Medication Adherence<\/a>, une exploration dans l\u2019utilisateur potentiels de SMS pour aider les patients dans leurs traitements. Voici Florence :)<\/p>\n <\/p>\n #Interview<\/p>\n How Bad Kissing is Like Working with Developers<\/a>, une interview de Matteo Bologna in Action entre le fun, le clich\u00e9 totalement assum\u00e9 et amus\u00e9 et le retour d\u2019exp\u00e9rience<\/p>\n <\/p>\n #Livre #Responsive<\/p>\n Responsive Design: Patterns & Principles<\/a>, le nouveau livre d\u2019Ethan Marcotte (le papa du responsive)<\/p>\n <\/p>\n #SVG<\/p>\n Tips for Creating and Exporting Better SVGs for the Web<\/a> des conseils pour cr\u00e9er des SVGs pour le web, par @SaraSoueidan<\/a> <3<\/p>\n <\/p>\n #Font #Performance<\/p>\n Loading Web Fonts with the Web Font Loader<\/a>, charger des polices avec Web Font Loader<\/p>\n #Conference<\/p>\n uideo.net<\/a> plus de 400\u00a0vid\u00e9os de conf\u00e9rences pour les UX\/UI designers<\/p>\n <\/p>\n #Icones #GIFs<\/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