{"id":4414,"date":"2015-09-18T08:43:45","date_gmt":"2015-09-18T06:43:45","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4414"},"modified":"2015-09-18T08:48:03","modified_gmt":"2015-09-18T06:48:03","slug":"la-semaine-en-pixels-18-septembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-18-septembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 18 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 d’articles sur l’exp\u00e9rience utilisateur (changement de contexte, d\u00e9rives du persuasive design, formulaires de carte de cr\u00e9dit, test eyetracking d’indicateurs de progression), conseils de composition pour les designers, optimiser les slides pour le touch et conseils pour porter son application iOS vers Android, branding de hackathon, un peu de flexbox, SVG et customisation de champs d’envoi de fichier, des questions existentielles pour des designers (ou pas) et deux ressources pour apprendre le design et le design d’interface.<\/p>\n
Pour plus de liens vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Mobile First<\/p>\n Why is it so Easy to Get \u00ab\u00a0Mobile First\u00a0\u00bb Wrong?<\/a> une excellente lecture (un peu longue) sur ce qu\u2019est le mobile first, comment en \u00e9viter les pi\u00e8ges et comment mettre en place une strat\u00e9gie mult-plateforme global qui fonctionne<\/p>\n #UX<\/p>\n The Importance of Context-Shifting in UX Patterns<\/a>, de l\u2019importance de montrer \u00e0 votre utilisateur le changement de contexte dans les interface (avec entre autre des conseils sur les animations)<\/p>\n #UX<\/p>\n Persuasive Design: When Does UX Become Evil?<\/a>, persuasive design \u00e0 partir de quand l\u2019UX devient-elle n\u00e9faste ?<\/p>\n #Slider #Touch<\/p>\n Slider Design: Rules of Thumb<\/a>, de l\u2019utilisabilit\u00e9 des sliders de s\u00e9lection sur les interfaces touch<\/p>\n #iOS #Android<\/p>\n Rookie Guide : How To Convert iOS UI To Android,<\/a> un article sur la diff\u00e9rence entre le design iOS et Android et comment adapter son design iOS pour Android<\/p>\n #Scroll #Eyetracking<\/p>\n Should You Use a Custom Scroll Indicator? A Study with Eye-Tracking <\/a>une \u00e9tude d\u2019eyetracking sur les indicateurs de progression de lecture sur les articles pour savoir s\u2019ils sont vraiment utiles et utilis\u00e9s<\/p>\n #Hackathon #Event<\/p>\n Let\u2019s Brand a Hackathon!<\/a> Quelques petites id\u00e9es pour cr\u00e9er une identit\u00e9 \u00e0 votre hackathon et communiquer dessus qui pourraient \u00eatre transpos\u00e9es \u00e0 n\u2019importe quel \u00e9v\u00e8nement web<\/p>\n #UX #Formulaires<\/p>\n 4 Tips to Improve Your Credit Card Form UX<\/a> : 4 astuces pour am\u00e9liorer l\u2019exp\u00e9rience utilisateur de vos formulaires. Je ne connaissais pas l\u2019option de scan de carte de cr\u00e9dit d\u2019Apple, c\u2019est plut\u00f4t malin.<\/p>\n #Flexbox<\/p>\n 5 Ways to think about CSS Flexbox<\/a> : de quoi vous aider \u00e0 mieux comprendre la syntaxe de flexbox<\/p>\n #Design<\/p>\n 10 Rules of Composition All Designers Live By<\/a>, 10 r\u00e8gles de composition pour vous aider \u00e0 cr\u00e9er des designs et compositions \u00e9quilibr\u00e9es<\/p>\n #Mario<\/p>\n Procrastination de la matin\u00e9e : Really Super Mario vs Really Super Wario<\/a>, quand on m\u00e9lange Mario, Wario et les super h\u00e9ros de la pop culture.<\/p>\n #Fun<\/p>\n Should designers<\/a>\u2026 Naaannn chuuute !!!<\/p>\n #SVG<\/p>\n Creating Cel Animations With SVG<\/a>, un tutoriel sympa pour animer du SVG<\/p>\n #CSS<\/p>\n Styling & Customizing File Inputs the Smart Way<\/a>, un tutoriel sur comment styler le champs de d\u2019upload de fichiers avec une partie sur l\u2019accessibilit\u00e9 et le touch<\/p>\n #Curation<\/p>\n Webfieldmanual.com<\/a>, une liste de ressources, blogs, articles et inspiration pour vous aider \u00e0 avancer et \u00e9voluer dans les m\u00e9tiers du webdesign<\/p>\n #UI<\/p>\n Une bonne base d\u2019apprentissage pour les d\u00e9butants qui souhaiteraient se lancer dans le design d\u2019interface : 29 User Interface Design Resources: The Ultimate List<\/a><\/p>\n #Google<\/p>\ntl;dnr, s’il devait n’en rester qu’un ?<\/h2>\n
<\/p>\n
Les articles de la semaine<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
<\/p>\n
<\/p>\n
Les tutoriels de la semaine<\/h2>\n
<\/p>\n
<\/p>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
<\/p>\n
<\/p>\n
Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n