{"id":4602,"date":"2015-11-13T08:12:52","date_gmt":"2015-11-13T07:12:52","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=4602"},"modified":"2015-11-13T08:18:59","modified_gmt":"2015-11-13T07:18:59","slug":"la-semaine-en-pixels-13-novembre-2015","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/la-semaine-en-pixels-13-novembre-2015\/","title":{"rendered":"La semaine en pixels \u2013 13 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
Au programme cette semaine :\u00a0patterns,\u00a0anti-patterns, messages d’erreur et onboarding mobile, choix d’\u00e9l\u00e9ments de formulaire, anticiper les besoins utilisateurs, efficacit\u00e9 du flat \u00e0 long terme, parsing\u00a0et\u00a0webview\u00a0ou comment\u00a0tout savoir sur les navigateurs, publicit\u00e9 et typographie du c\u00f4t\u00e9 de l’inspiration, offline, \u00e9valuation de l’ux, font manager et retours client du c\u00f4t\u00e9 des outils, sans oublier de jolies d\u00e9mos CSS et SVG.<\/p>\n
Pour plus de liens vous pouvez me suivre sur twitter<\/a>. Bonne lecture :)<\/p>\n #Design<\/p>\n The Nine States of Design<\/a> : vide, chargement, personne, quelques utilisateurs, trop de donn\u00e9es, erreur, correction, fin, les 9 \u00e9tats d\u2019un design auquel il faut penser en phase de conception.<\/p>\n #Inputs<\/p>\n Cher designers, d\u00e9veloppeurs, un MUST read : Which Input When?<\/a> De plus pensez \u00e0 retirer la l\u2019autocorrect et l\u2019autocapitalize HTML5 sur les champs de mot de passe et d\u2019email, vos utilisateurs mobiles vous diront merci :)<\/p>\n #Spec Works<\/p>\n Que se passerait-il si on appliquait les m\u00e9thodes de l\u2019industrie du design et de la publicit\u00e9<\/a> (demander aux gens de travailler gratuitement au d\u00e9but pour voir si on aime le produit) \u00e0 d\u2019autres secteurs d\u2019activit\u00e9. Les r\u00e9actions sont tr\u00e8s dr\u00f4les.<\/p>\n #Parsing<\/p>\n So how does the browser actually render a website<\/a>, les slides et la vid\u00e9o de la conf\u00e9rence \u201ccomment le navigateur va construire une page web\u201d<\/p>\n #Mobile #Webview<\/p>\n What is a WebView?<\/a>, un excellente article sur le concept de webview, ces fen\u00eatres de navigation \u00e0 disposition des d\u00e9veloppeurs mobile (et desktop vous le verrez en fin d\u2019article) qui permettent d\u2019afficher du contenu web dans des applications hybrides ou d\u2019embarquer un navigateur dans votre application pour y ouvrir les URLS comme le font Facebook, Twitter, etc. sur mobile<\/p>\n #Design #UX<\/p>\n Keeping UX simple with anticipatory design<\/a> anticiper les besoins des utilisateurs et leur proposer un design adapt\u00e9 (et quelques questions sur le fait de r\u00e9cup\u00e9rer les donn\u00e9es des utilisateurs pour pouvoir arriver \u00e0 ce genre de designs)<\/p>\n #Design #Flat<\/p>\n Long-Term Exposure to Flat Design: How the Trend Slowly Decreases User Efficiency<\/a>, l\u2019influence du flat sur la capacit\u00e9 de nos utilisateurs \u00e0 comprendre qu\u2019un \u00e9l\u00e9ment est cliquable ou non<\/p>\n #Mobile #UI<\/p>\n Misused mobile UX (UI ??) patterns<\/a> des patterns d\u2019interface mobile parfois mal utilis\u00e9s<\/p>\n #UX #Errors<\/p>\n Error Messages Are an Anti-Pattern<\/a> les messages d\u2019erreur sont des anti-patterns, comment les \u00e9viter<\/p>\n #Mobile #Onboarding<\/p>\n A Guide to User Onboarding Techniques for Mobile Apps<\/a>, des exemples d\u2019onboarding (premi\u00e8re utilisation) d\u2019applications mobiles<\/p>\n #Typographie<\/p>\n Google Web Font inspiration in HTML & CSS<\/a>, un peu d\u2019inspiration typographique \u00e0 part de Google fonts<\/p>\n #Humour<\/p>\n Designing with Humor: 50 Hilarious Advertising Designs To Teach You How<\/a> 50 exemples de publicit\u00e9s humoristiques<\/p>\n #Pantone<\/p>\n Un petit m\u00e9lange pornfood featuring pantone: pantone smoothies<\/a> :D<\/p>\n #Facebook<\/p>\n How Facebook is Stealing Billions of Views<\/a>, ou comment Facebook vol des vues sur des vid\u00e9os vol\u00e9es et se gave au passage<\/p>\n #SVG<\/p>\n SVG Animate on Path<\/a>, animer le SVG en suivant un trac\u00e9<\/p>\n #Diversity #Mobile<\/p>\n Diverse Device Hands<\/a>, des photos de mains de diff\u00e9rentes origines tenant des mobiles pour vos maquettes<\/p>\n <\/p>\n #ServiceWorkers #Offline<\/p>\n Un script qui rend votre page disponible en offline gr\u00e2ce aux ServiceWorkers<\/a><\/p>\n #Font<\/p>\n Fontba.se<\/a> un nouveau manager de polices de Windows<\/p>\n #Feedbacks<\/p>\n Projecthuddle.io<\/a> transforme WordPress en un outil de retours client (Invision like)<\/p>\n #UX<\/p>\n Le SUPR-Q<\/a> est un questionnaire qui permet de mesurer la perception de l\u2019utilisabilit\u00e9, la confiance, la cr\u00e9dibilit\u00e9 l\u2019apparence et la loyaut\u00e9 des utilisateurs envers un site web.<\/p>\n #CSS<\/p>\n La d\u00e9mo cool de la semaine, changer une couleur d\u2019image dynamiquement juste en CSS : Dynamic Image Colorizing with <input type=\u00a0\u00bbcolor\u00a0\u00bb><\/a><\/p>\n #CSS<\/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
De l\u2019inspiration et de jolies id\u00e9es<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
L\u2019actualit\u00e9 webdesign<\/h2>\n
<\/p>\n
Les tutoriels de la semaine<\/h2>\n
<\/p>\n
Des ressources utiles, outils et plugins pour vous faciliter la vie<\/h2>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
Pour le fun: jeux et d\u00e9mos sympas et impressionnantes<\/h2>\n
<\/p>\n