tag:blogger.com,1999:blog-78570183694160207542024-02-20T02:48:52.872+01:00Mise au parfum digitaleBlog sur mon actualité autour de la gestion Agile de projets et des démarches centrées utilisateurs.Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.comBlogger217125tag:blogger.com,1999:blog-7857018369416020754.post-40104226790934591752022-06-29T15:10:00.003+02:002022-06-29T15:10:53.245+02:00La lettre d'Elon Musk sur le Management<p></p><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><p class="MsoNormal" dir="rtl" style="margin: 0cm; text-align: right;"></p><div style="text-align: left;"><span style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt;">Le patron Elon MUSK, a obtenu sa notoriété grâce aux exploits de ses équipes en termes de produits, de services et de mises en œuvre. Leurs </span><span style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt;">phénoménaux </span><span style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt;">succès sont dû à une efficacité forcément présente à tout les étages. Son framework ?</span></div><div style="text-align: left;"><span style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt;"><br /></span></div><div style="text-align: left;"><span style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt;">Agile forcément ! Mais, combien de sociétés ont une application de leur framework Agile en contradiction avec l'explication et l'exigence que demande Elon MUSK à ses équipes dans sa lettre (ci-dessous) ? L'écrasante majorité des organisations malheureusement car, l'agilité avant d'être un framework est d'abord et avant tout, un changement d'état d'esprit. Et ça, cela demande une volonté de fer, n'est-ce pas Elon ?</span></div><p class="MsoNormal" style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt; margin: 0cm; text-align: start;"> </p><p class="MsoNormal" style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt; margin: 0cm; text-align: start;"> </p><p class="MsoNormal" style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt; margin: 0cm; text-align: start;"><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt; margin-left: auto; margin-right: auto; text-align: left;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKgqbtUecfKUOwNOR6XqfKRZk1XBNmRQfNtv3srpPP8R2SIOmvKZGw_NUEKuOdtYczjJ9jA57IBdLa-U054INy0PVgd-8hQT4wYUOUqVn2-p_ZXh9MV5OVUY5g2b0M4CKnq6tkE02CLKQr7Sf0HyjJv2jO5mSQ9kyOCFgBRCdoc1i22QpKpuPlEczZ/s537/Capture%20d%E2%80%99e%CC%81cran%202022-06-29%20a%CC%80%2014.28.43.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="340" data-original-width="537" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKgqbtUecfKUOwNOR6XqfKRZk1XBNmRQfNtv3srpPP8R2SIOmvKZGw_NUEKuOdtYczjJ9jA57IBdLa-U054INy0PVgd-8hQT4wYUOUqVn2-p_ZXh9MV5OVUY5g2b0M4CKnq6tkE02CLKQr7Sf0HyjJv2jO5mSQ9kyOCFgBRCdoc1i22QpKpuPlEczZ/w320-h203/Capture%20d%E2%80%99e%CC%81cran%202022-06-29%20a%CC%80%2014.28.43.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"></td></tr></tbody></table><br /></p><p class="MsoNormal" style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt; margin: 0cm; text-align: start;">« Il y a deux écoles de pensée concernant la manière dont l’information devrait circuler dans les entreprises. La plus répandue, et de loin, est celle d’une chaîne hiérarchique, ce qui signifie que vous faites toujours transiter la communication par votre manager. Le problème de cette approche est qu’elle accroît le pouvoir du manager, mais ne sert pas les intérêts de l’entreprise.</p><p class="MsoNormal" style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt; margin: 0cm; text-align: start;">Au lieu de résoudre un problème rapidement en permettant à un individu dans un département de parler à quelqu’un dans un autre département pour prendre la bonne décision, les employés sont obligés de parler à leur manager, qui parle au manager de l’autre département, qui parle à quelqu’un de son équipe. C’est incroyablement stupide. Désormais, tous les managers qui permettent cette pratique ou l’encouragent devront se trouver une autre entreprise pour travailler. Je ne plaisante pas.</p><p class="MsoNormal" style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt; margin: 0cm; text-align: start;">Tout le monde chez Tesla peut et devrait parler/envoyer un email à n’importe qui s’il estime que c’est la meilleure manière de résoudre un problème dans l’intérêt de toute l’entreprise. Vous pouvez parler au manager de votre manager sans permission, vous pouvez parler directement au VP d’un autre département, vous pouvez me parler, vous pouvez parler à n’importe qui sans la permission de n’importe qui d’autre. Vous devriez même vous estimer obligé de faire cela jusqu’à ce que le problème soit résolu. L’idée ici n’est pas d’encourager les conversations de couloir, mais plutôt de nous assurer que nous travaillons vite et bien. Nous ne pouvons évidemment pas concurrencer les grands constructeurs automobiles par la taille, donc nous devons le faire avec notre intelligence et notre agilité.</p><p class="MsoNormal" style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt; margin: 0cm; text-align: start;">Dernier point, les managers devraient travailler dur pour s’assurer qu’ils ne créent pas de silos susceptibles de produire une mentalité de ‘nous contre les autres’ ou empêcheraient la communication de quelque manière que ce soit. C’est malheureusement une tendance naturelle qui doit être activement combattue. Comment pourrait-il être utile aux différents départements de Tesla de dresser des barrières entre eux ou de voir leur succès comme une affaire relative et non collective ? Nous sommes tous dans le même bateau. Efforcez-vous toujours de travailler pour le bien de l’entreprise et jamais de votre département.</p><p class="MsoNormal" style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt; margin: 0cm; text-align: start;">Merci,</p><p class="MsoNormal" style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt; margin: 0cm; text-align: start;">Elon. »</p><p class="MsoNormal" style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt; margin: 0cm; text-align: start;"> </p><p class="MsoNormal" style="color: #222222; font-family: Calibri, sans-serif; font-size: 12pt; margin: 0cm; text-align: start;">Pour aller un peu plus loin dans la découverte de l’univers MUNSK, je vous conseille de regarder <a href="https://youtu.be/xVlwD2x_aFA" target="_blank">le retour d'expérience de Joe JUSTICE</a>, interviewé il y a une année, par les équipes de Scrum Life.</p></div></div><p></p>Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com079000 Niort, France46.323716 -0.4647769999999998818.013482163821152 -35.621027 74.633949836178843 34.691473tag:blogger.com,1999:blog-7857018369416020754.post-68830472790968248182020-10-15T11:35:00.031+02:002021-05-11T09:49:18.330+02:00Spécifier en milieu Agile ou l'utilisation des Uses Cases<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA-gk9d4NE06zYbiaydd3enlTS9YMRen6MejyKeMLTC19_L_wBKdfkMuwY315P96TRZAGA_4C0sRpCoUkB_0OLiA5CyqrpXH_zcDaiySYobot8RmtIgy1pFrm4Lmu-_-mzt71JwGVM-Ds/s570/elephant.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="250" data-original-width="570" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA-gk9d4NE06zYbiaydd3enlTS9YMRen6MejyKeMLTC19_L_wBKdfkMuwY315P96TRZAGA_4C0sRpCoUkB_0OLiA5CyqrpXH_zcDaiySYobot8RmtIgy1pFrm4Lmu-_-mzt71JwGVM-Ds/s320/elephant.jpg" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA-gk9d4NE06zYbiaydd3enlTS9YMRen6MejyKeMLTC19_L_wBKdfkMuwY315P96TRZAGA_4C0sRpCoUkB_0OLiA5CyqrpXH_zcDaiySYobot8RmtIgy1pFrm4Lmu-_-mzt71JwGVM-Ds/s570/elephant.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div><p></p><p style="font-family: Helvetica; font-size: 12px; font-stretch: normal; line-height: normal; margin: 0px; min-height: 14px;">« Walking on water and developing software from a specification are easy if both are frozen » <a href="https://www.amazon.com/Essays-Object-Oriented-Software-Engineering-Edward/dp/0132888955" target="_blank">Edward Berard</a></p><p><span style="font-family: Helvetica;">Il y a quelques années, lors d’une mission en milieu Agile, j’ai eu la chance de découvrir une façon efficace de faire participer l’ensemble de l’équipe aux spécifications.</span><span style="font-family: Helvetica;"> </span><span style="font-family: Helvetica;">En effet, 2 fois par semaine, un groupe de travail se constituait avec l’architecte, un ou deux développeurs, un expert métier et le PO. Ensemble, nous revisitions pendant 1 heure, les Uses Cases qui méritaient de l'être. Ainsi, toute l’équipe connaissaient au fur et à mesure, les règles métiers et les processus Front / Back issus des actions utilisateurs.</span><span style="font-family: Helvetica;"> Les solutions pour les cas compliqués étaient trouvées de concert. Les parcours utilisateurs restaient toujours frais dans la mémoire de l'équipe de développement.</span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Plus tard, j’ai tenté d’initier les mêmes pratiques dans d’autres projets, sans succès. Les habitudes ont la vie dure. Paradoxalement, le plus difficile pour une équipe Agile est de réussir à sortir du cycle en V. Pour aider vos équipes, une des solutions est de changer la façon de spécifier. Car, les spécifications sont indispensables en méthode Agile et la conception est une des difficultés importantes dans la mise en place de l’Agilité. Cet article ne va pas faire la description de l’ensemble des méthodes de spécifications en milieu Agile mais uniquement le focus sur les Uses Cases.<o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><b>Qu’est-ce qu’un Use case ?</b><o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><b><br /></b></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Un cas d’utilisation ou Use case est une série d’actions ou/et d’événements provoqués par un utilisateur sur un système informatique dans le but d’obtenir un résultat. Par exemple, un internaute fait une recherche sur un site internet de vente en ligne dans le but de savoir si le site vend un produit spécifique. L’UC s’attachera à décrire l’ensemble des interactions possibles dans le cadre de cette action. Il permet de décrire ce que le futur système devra faire, sans spécifier comment il le fera. <o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><br /></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">BPMN et UML sont deux spécifications complémentaires. UML met l'accent sur l'analyse et la conception d'un système d'information alors que BPMN vise l'analyse et la conception des processus métiers qui font intervenir et interagir des systèmes.<o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"> </span><span style="font-family: Helvetica;">Le but principal de BPMN est d'avoir un support compréhensible par tous dans l'équipe, des spécialistes métier jusqu'aux développeurs.</span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Ci-dessous, ce UC décrit très simplement cette action utilisateur. Un UC peut également décrire beaucoup plus précisément les actions avec les interactions entre modules applicatifs.<o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><br /></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2J4wGrcpLkBm0QY3n3CSU3xyg3956WfkMUHkYtq6PMf8Wy9_MU3uoAJNymACF6V3l0xMQdCt0j1Q73d6LqJ6Nv3FBFDbKdBM7v_cetFbE_89QLUUiNBS0DFtkhHYAl5zI7-Kxb852kAU/s1449/Capture+UC.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Business Process Model and Notation (BPMN)" border="0" data-original-height="651" data-original-width="1449" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2J4wGrcpLkBm0QY3n3CSU3xyg3956WfkMUHkYtq6PMf8Wy9_MU3uoAJNymACF6V3l0xMQdCt0j1Q73d6LqJ6Nv3FBFDbKdBM7v_cetFbE_89QLUUiNBS0DFtkhHYAl5zI7-Kxb852kAU/w640-h288/Capture+UC.jpg" width="640" /></a></div><span style="font-family: Helvetica;">Exemple de <i>Business Process Model and Notation</i> (BPMN en anglais) > <a href="https://fr.wikipedia.org/wiki/Business_process_model_and_notation" target="_blank">En savoir plus.</a></span><p></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><br /></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><b>Une première étape essentielle est de bien analyser le besoin client.</b><o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><b><br /></b></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Pour faire une application qui marche et surtout qui soit utile, cela nécessite de savoir ce qu'il faut vraiment développer. Souvent, le client arrive avec un cahier des charges qui décrit une solution qu’il a imaginé pour résoudre son problème mais, il ne décrit pas son problème. Le premier travail à faire est de découvrir ce que le client a réellement besoin. Une fois, ce point éclaircit, le travail de spécification en équipe peut commencer.<o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><b>Les spécifications, un travail à faire avec l'ensemble de l'équipe.</b><o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><b><br /></b></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Casez les silos ! Il n'est pas rare de voir le PO aller tout seul à la restitution du besoin client pour après, transmettre sa vision au concepteur et à l'UX. C'est absurde. D'abord et avant tout, exigez que l'ensemble de l'équipe participe à la restitution du besoin ! L'interprétation et les questions se poseront en groupe. Une vision commune pourra émerger. Plus besoin de ré-expliquer ce dont le métier a besoin aux autres membres de l'équipe et les spécifications peuvent être pensées par l'ensemble de l'équipe. De la même façon, il est essentiel qu'une proximité importante existe entre les développeurs et les utilisateurs finaux. Vos développeurs doivent participer aux tests utilisateurs, aux ateliers UX ou êtres invités à faire de l'immersion avec les utilisateurs. <o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><b>Appréhendez les spécifications comme un processus plutôt que comme une documentation figée.</b> <o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><br /></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Il y a de forte chance que les besoins métier ou que les contraintes réglementaires évoluent et donc, cette adaptation pourra se faire d’autant plus facilement que les spécifications sont une activité partagées par l'ensemble de l'équipe. L'Impact Mapping, l'Event Storming ou les User story Mapping sont des méthodes reconnues pour spécifier en équipe. Mais au-delà de ces méthodes, instituer en début de projet, des ateliers autours des Uses Cases sera très bénéfique.<o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><br /></p><p class="MsoNormal" style="margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><b>Sécurisez le périmètre fonctionnel en prenant le temps de passer en revue les UC.</b></span></p><p class="MsoNormal" style="margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><br /></span></p><p class="MsoNormal" style="margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Faire des Workshops autours des uses Cases permettent avant tout de s’assurer que les cas utilisateurs ont tous été pris en compte et qu'il ne reste plus de trou dans la raquette. <o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Ces ateliers permettent également de profiter de l’intelligence collective et de diffuser facilement la compréhension et la connaissance au sein de l’équipe de développeurs, ce qui permettra d’obtenir une vision commune. L’équipe prendra alors son autonomie dans les décisions tout le long du projet. <o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Enfin, cette méthode permet également de faciliter l’écriture des Uses stories et de les accompagner en tant que spécifications didactiques et visuelles.<o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><b>Basez votre architecture applicative sur les Uses Cases permet une meilleure évolutivité de votre application.</b><o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Un choix d'architecture applicative est toujours stratégique : <a href="https://fr.wikipedia.org/wiki/Architecture_dirigée_par_les_données" target="_blank">Data Driven Architecture</a> versus <a href="https://www.lilobase.me/le-domain-driven-design-sous-langle-strategique-une-introduction/" target="_blank">Domaine Driven Design</a>. Le choix d'une architecture Data driven présente l’inconvénient de ne pas distinguer la nature de la donnée c'est à dire la nature business de la donnée / l'intention utilisateur. </span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Le domaine driven ne se pose pas la question de la donnée mais les intentions business. Cette architecture demande de démarrer en listant les Uses Cases c'est à dire ce que le système doit est capable de faire vis-à-vis des différents utilisateurs et de leurs comportements. On ne s'intéresse donc pas aux données dont on va avoir besoin mais aux comportements qui vont pouvoir être assignés à mon système d'information.<o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Au départ, il ne s'agit pas d'avoir une liste exhaustive de tous les UC mais plutôt d'avoir de quoi démarrer les développements. Quelques cas nominaux seront parfaits pour cela.<o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><b>Se baser sur le UC permet d'éviter l'Over Engineering.</b><o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"><b><br /></b></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Une règle simple doit être intégrer par les équipes : Ne jamais écrire du code qui ne soit pas directement lié à un UC. Parce que lorsque l'on écrit du code en dehors d'un UC, cela veut dire que l'on écrit du code "au cas où", du code qui ne répond pas à un objectif métier. Cela créé inévitablement de l'Over-Engineering. </span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvm974rUzY6j6UDyl4kHDKv6BdmKn5kCAnuT1S79gTq5UwIdW3wqZb_1igqKV1jyfCXU21ATJ-hvwepxdBD496VjSwduNj3a370zhCAufJDqeRp_vxBgNeiR_VzithyphenhyphenH7yjwUSYxqDjtc/s333/overengineered-header-333x250.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="250" data-original-width="333" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvm974rUzY6j6UDyl4kHDKv6BdmKn5kCAnuT1S79gTq5UwIdW3wqZb_1igqKV1jyfCXU21ATJ-hvwepxdBD496VjSwduNj3a370zhCAufJDqeRp_vxBgNeiR_VzithyphenhyphenH7yjwUSYxqDjtc/s320/overengineered-header-333x250.jpg" width="320" /></a></div><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Faire une navette spatiale à la place d'un vélo est sûrement un challenge existant mais, le problème c'est que c'est très coûteux à maintenir une navette spatiale et qu’entre-temps, votre budget projet aura explosé. Les cimetières sont remplis de magnifiques produits. Jean-Pierre Lambert a l'habitude de dire "Une start-up ne meurt pas de faim, elle se noie.".<o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Définir des produits et services digitaux qui répondent aux besoins de leurs utilisateurs et d'optimiser leurs réalisations sont les seuls objectifs qu’une équipe doit s’assigner.<o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm;"><span style="font-family: Helvetica;">Un merci à Arnaud LEMAIRE et à ses conférences sur le sujet et à Cyril DUPORT, pour l'inventivité des méthodes en œuvre dans ses équipes.<o:p></o:p></span></p><p class="MsoNormal" style="font-family: Calibri, sans-serif; margin: 0cm;"><o:p> </o:p></p>Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-76743952837489274692019-02-07T18:31:00.002+01:002020-10-15T14:14:47.886+02:00Spécifications en milieu agile : Comment peut-on encore se passer des Uses Cases ?<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAYdaof-ZGrv_qQeRj4CmiuS-ENm0UEQURx6J4O5Mxgc_rVqQrAlMXJ6qKxO3a6PDXYzXEMLG3IyOnPVZK89k6M4jZIMq9pZ7zGyO0_Sfp9IZXgrYvp5SeZgHyTQT6_-vaSezR7v392Zs/s1600/aaa.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><div class="separator" style="caret-color: rgb(0, 0, 0); clear: both; color: black; text-align: center; text-decoration: none;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAYdaof-ZGrv_qQeRj4CmiuS-ENm0UEQURx6J4O5Mxgc_rVqQrAlMXJ6qKxO3a6PDXYzXEMLG3IyOnPVZK89k6M4jZIMq9pZ7zGyO0_Sfp9IZXgrYvp5SeZgHyTQT6_-vaSezR7v392Zs/s1600/aaa.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA-gk9d4NE06zYbiaydd3enlTS9YMRen6MejyKeMLTC19_L_wBKdfkMuwY315P96TRZAGA_4C0sRpCoUkB_0OLiA5CyqrpXH_zcDaiySYobot8RmtIgy1pFrm4Lmu-_-mzt71JwGVM-Ds/s570/elephant.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="250" data-original-width="570" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA-gk9d4NE06zYbiaydd3enlTS9YMRen6MejyKeMLTC19_L_wBKdfkMuwY315P96TRZAGA_4C0sRpCoUkB_0OLiA5CyqrpXH_zcDaiySYobot8RmtIgy1pFrm4Lmu-_-mzt71JwGVM-Ds/s320/elephant.jpg" width="320" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA-gk9d4NE06zYbiaydd3enlTS9YMRen6MejyKeMLTC19_L_wBKdfkMuwY315P96TRZAGA_4C0sRpCoUkB_0OLiA5CyqrpXH_zcDaiySYobot8RmtIgy1pFrm4Lmu-_-mzt71JwGVM-Ds/s570/elephant.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div><p style="caret-color: rgb(0, 0, 0); color: black; text-decoration: none;"></p><p style="caret-color: rgb(0, 0, 0); color: black; font-family: Helvetica; font-size: 12px; font-stretch: normal; line-height: normal; margin: 0px; min-height: 14px; text-decoration: none;">« Walking on water and developing software from a specification are easy if both are frozen » <a href="https://www.amazon.com/Essays-Object-Oriented-Software-Engineering-Edward/dp/0132888955" target="_blank">Edward Berard</a></p><p style="caret-color: rgb(0, 0, 0); color: black; text-decoration: none;"><span style="font-family: Helvetica;">Il y a quelques années, lors d’une mission en milieu Agile, j’ai eu la chance de découvrir une façon efficace de faire participer l’ensemble de l’équipe aux spécifications.</span><span style="font-family: Helvetica;"> </span><span style="font-family: Helvetica;">En effet, 2 fois par semaine, un groupe de travail se constituait avec l’architecte, un ou deux développeurs, un expert métier et le PO. Ensemble, nous revisitions pendant 1 heure, les Uses Cases qui méritaient de l'être. Ainsi, toute l’équipe connaissaient au fur et à mesure, les règles métiers et les processus Front / Back issus des actions utilisateurs.</span><span style="font-family: Helvetica;"> Les solutions pour les cas compliqués étaient trouvées de concert. Les parcours utilisateurs restaient toujours frais dans la mémoire de l'équipe de développement.</span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Plus tard, j’ai tenté d’initier les mêmes pratiques dans d’autres projets, sans succès. Les habitudes ont la vie dure. Paradoxalement, le plus difficile pour une équipe Agile est de réussir à sortir du cycle en V. Pour aider vos équipes, une des solutions est de changer la façon de spécifier. Car, les spécifications sont indispensables en méthode Agile et la conception est une des difficultés importantes dans la mise en place de l’Agilité. Cet article ne va pas faire la description de l’ensemble des méthodes de spécifications en milieu Agile mais uniquement le focus sur les Uses Cases.<o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><b>Qu’est-ce qu’un Use case ?</b><o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><b><br /></b></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Un cas d’utilisation ou Use case est une série d’actions ou/et d’événements provoqués par un utilisateur sur un système informatique dans le but d’obtenir un résultat. Par exemple, un internaute fait une recherche sur un site internet de vente en ligne dans le but de savoir si le site vend un produit spécifique. L’UC s’attachera à décrire l’ensemble des interactions possibles dans le cadre de cette action. Il permet de décrire ce que le futur système devra faire, sans spécifier comment il le fera. <o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><br /></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">BPMN et UML sont deux spécifications complémentaires. UML met l'accent sur l'analyse et la conception d'un système d'information alors que BPMN vise l'analyse et la conception des processus métiers qui font intervenir et interagir des systèmes.<o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"> </span><span style="font-family: Helvetica;">Le but principal de BPMN est d'avoir un support compréhensible par tous dans l'équipe, des spécialistes métier jusqu'aux développeurs.</span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Ci-dessous, ce UC décrit très simplement cette action utilisateur. Un UC peut également décrire beaucoup plus précisément les actions avec les interactions entre modules applicatifs.<o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><br /></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"></p><div class="separator" style="caret-color: rgb(0, 0, 0); clear: both; color: black; text-align: center; text-decoration: none;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2J4wGrcpLkBm0QY3n3CSU3xyg3956WfkMUHkYtq6PMf8Wy9_MU3uoAJNymACF6V3l0xMQdCt0j1Q73d6LqJ6Nv3FBFDbKdBM7v_cetFbE_89QLUUiNBS0DFtkhHYAl5zI7-Kxb852kAU/s1449/Capture+UC.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Business Process Model and Notation (BPMN)" border="0" data-original-height="651" data-original-width="1449" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2J4wGrcpLkBm0QY3n3CSU3xyg3956WfkMUHkYtq6PMf8Wy9_MU3uoAJNymACF6V3l0xMQdCt0j1Q73d6LqJ6Nv3FBFDbKdBM7v_cetFbE_89QLUUiNBS0DFtkhHYAl5zI7-Kxb852kAU/w640-h288/Capture+UC.jpg" width="640" /></a></div><span style="caret-color: rgb(0, 0, 0); color: black; font-family: Helvetica; text-decoration: none;">Exemple de <i>Business Process Model and Notation</i> (BPMN en anglais) > <a href="https://fr.wikipedia.org/wiki/Business_process_model_and_notation" target="_blank">En savoir plus.</a></span><p style="caret-color: rgb(0, 0, 0); color: black; text-decoration: none;"></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><br /></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><b>Une première étape essentielle est de bien analyser le besoin client.</b><o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><b><br /></b></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Pour faire une application qui marche et surtout qui soit utile, cela nécessite de savoir ce qu'il faut vraiment développer. Souvent, le client arrive avec un cahier des charges qui décrit une solution qu’il a imaginé pour résoudre son problème mais, il ne décrit pas son problème. Le premier travail à faire est de découvrir ce que le client a réellement besoin. Une fois, ce point éclaircit, le travail de spécification en équipe peut commencer.<o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><b>Les spécifications, un travail à faire avec l'ensemble de l'équipe.</b><o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><b><br /></b></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Casez les silos ! Il n'est pas rare de voir le PO aller tout seul à la restitution du besoin client pour après, transmettre sa vision au concepteur et à l'UX. C'est absurde. D'abord et avant tout, exigez que l'ensemble de l'équipe participe à la restitution du besoin ! L'interprétation et les questions se poseront en groupe. Une vision commune pourra émerger. Plus besoin de réexpliquer ce dont le métier a besoin aux autres membres de l'équipe et les spécifications peuvent être pensées par l'ensemble de l'équipe. De la même façon, il est essentiel qu'une proximité importante existe entre les développeurs et les utilisateurs finals. Vos développeurs doivent participer aux tests utilisateurs, aux ateliers UX ou êtres invités à faire de l'immersion avec les utilisateurs. <o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><b>Appréhendez les spécifications comme un processus plutôt que comme une documentation figée.</b> <o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><br /></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Il y a de forte chance que les besoins métier évoluent au fur et à mesure du projet et donc, cette adaptation pourra se faire d’autant plus facilement que les spécifications sont une activité partagées par l'ensemble de l'équipe. L'Impact Mapping, l'Event Storming ou les User story Mapping sont des méthodes reconnues pour spécifier en équipe. Mais au-delà de ces méthodes, instituer en début de projet, des ateliers autours des Uses Cases sera très bénéfique.<o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><br /></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><b>Sécurisez le périmètre fonctionnel en prenant le temps de passer en revue les UC.</b></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><br /></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Faire des Workshops autours des uses Cases permettent avant tout de s’assurer que les cas utilisateurs ont tous été pris en compte et qu'il ne reste plus de trou dans la raquette. <o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Ces ateliers permettent également de profiter de l’intelligence collective et de diffuser facilement la compréhension et la connaissance au sein de l’équipe de développeurs, ce qui permettra d’obtenir une vision commune. L’équipe prendra alors son autonomie dans les décisions tout le long du projet. <o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Enfin, cette méthode permet également de faciliter l’écriture des Uses stories et de les accompagner en tant que spécifications didactiques et visuelles.<o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><b>Basez votre architecture applicative sur les Uses Cases permet une meilleure évolutivité de votre application.</b><o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Un choix d'architecture applicative est toujours stratégique : <a href="https://fr.wikipedia.org/wiki/Architecture_dirigée_par_les_données" target="_blank">Data Driven Architecture</a> versus <a href="https://www.lilobase.me/le-domain-driven-design-sous-langle-strategique-une-introduction/" target="_blank">Domaine Driven Design</a>. Le choix d'une architecture Data driven présente l’inconvénient de ne pas distinguer la nature de la donnée c'est à dire la nature business de la donnée / l'intention utilisateur. </span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Le domaine driven ne se pose pas la question de la donnée mais les intentions business. Cette architecture demande de démarrer en listant les Uses Cases c'est à dire ce que le système doit est capable de faire vis-à-vis des différents utilisateurs et de leurs comportements. On ne s'intéresse donc pas aux données dont on va avoir besoin mais aux comportements qui vont pouvoir être assignés à mon système d'information.<o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Au départ, il ne s'agit pas d'avoir une liste exhaustive de tous les UC mais plutôt d'avoir de quoi démarrer les développements. Quelques cas nominaux seront parfaits pour cela.<o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><b>Se baser sur le UC permet d'éviter l'Over Engineering.</b><o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"><b><br /></b></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Une règle simple doit être intégrer par les équipes : Ne jamais écrire du code qui ne soit pas directement lié à un UC. Parce que lorsque l'on écrit du code en dehors d'un UC, cela veut dire que l'on écrit du code "au cas où", du code qui ne répond pas à un objectif métier. Cela créé inévitablement de l'Over-Engineering. </span></p><div class="separator" style="caret-color: rgb(0, 0, 0); clear: both; color: black; text-align: center; text-decoration: none;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvm974rUzY6j6UDyl4kHDKv6BdmKn5kCAnuT1S79gTq5UwIdW3wqZb_1igqKV1jyfCXU21ATJ-hvwepxdBD496VjSwduNj3a370zhCAufJDqeRp_vxBgNeiR_VzithyphenhyphenH7yjwUSYxqDjtc/s333/overengineered-header-333x250.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="250" data-original-width="333" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvm974rUzY6j6UDyl4kHDKv6BdmKn5kCAnuT1S79gTq5UwIdW3wqZb_1igqKV1jyfCXU21ATJ-hvwepxdBD496VjSwduNj3a370zhCAufJDqeRp_vxBgNeiR_VzithyphenhyphenH7yjwUSYxqDjtc/s320/overengineered-header-333x250.jpg" width="320" /></a></div><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Faire une navette spatiale à la place d'un vélo est sûrement un challenge existant mais, le problème c'est que c'est très coûteux à maintenir une navette spatiale et qu’entre-temps, votre budget projet aura explosé. Les cimetières sont remplis de magnifiques produits. <o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Définir des produits et services digitaux qui répondent aux besoins de leurs utilisateurs et d'optimiser leurs réalisations sont les seuls objectifs qu’une équipe doit s’assigner.<o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;"> </span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm -21.6pt 0cm 0cm; text-decoration: none;"><span style="font-family: Helvetica;">Un merci à Arnaud LEMAIRE et à ses conférences sur le sujet et à Cyril DUPORT, pour l'inventivité des méthodes en œuvre dans ses équipes.<o:p></o:p></span></p><p class="MsoNormal" style="caret-color: rgb(0, 0, 0); color: black; font-family: Calibri, sans-serif; margin: 0cm; text-decoration: none;"><o:p> </o:p></p></div><div class="MsoNormal">
</div>
</div>
</div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-5092070161756777672018-10-01T12:08:00.001+02:002018-10-01T12:08:27.807+02:00Le temps d’un programmeur coûte plus cher que celui d’un ordinateur<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
Pour ceux qui s'intéressent aux problèmes de développement informatiques, que l'on peut synthétiser au travers de ce principe : le temps d’un programmeur coûte plus cher que celui
d’un ordinateur, voici un très bon article : http://tonsky.me/blog/disenchantment/ que vous retrouverez en Français > https://blog.romainfallet.fr/desenchantement-logiciel/</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HlKtisxXdK-6vfm4bRTOiIRKP3wkR_GRxzF_oQIBpYnSEIWg0UoHRGENEORlUpCOdP7qEQPUnhSr5on1ebAZkAGKQu-4-biQ5P_xudXsHeB9fZeASzDJUs7hPCi2sOMBOlf7ypRr2kw/s1600/design_process.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="1078" data-original-width="984" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HlKtisxXdK-6vfm4bRTOiIRKP3wkR_GRxzF_oQIBpYnSEIWg0UoHRGENEORlUpCOdP7qEQPUnhSr5on1ebAZkAGKQu-4-biQ5P_xudXsHeB9fZeASzDJUs7hPCi2sOMBOlf7ypRr2kw/s640/design_process.jpg" width="584" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br /></div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-10752695185402438902018-09-28T15:23:00.003+02:002018-10-01T11:39:40.554+02:00L'abandon par AXA de son application mobile, est-il un exemple à suivre dans le secteur de l'Assurance ?<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
</div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZDKC4IQHQ2kHzSlhyphenhyphen6XSY38Ds4YHDpGXr0h0SWXBStyBZgWSAQ4Z_NhHSn5Lyo7Yt5DnGH-31aBvYFRBj_8GBloQ325n-aQO5WQSCMBNJJlRQo52uOswQeE_vIZ3JFAqFX_fZ-b2adds/s1600/axa-am.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" data-original-height="561" data-original-width="600" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZDKC4IQHQ2kHzSlhyphenhyphen6XSY38Ds4YHDpGXr0h0SWXBStyBZgWSAQ4Z_NhHSn5Lyo7Yt5DnGH-31aBvYFRBj_8GBloQ325n-aQO5WQSCMBNJJlRQo52uOswQeE_vIZ3JFAqFX_fZ-b2adds/s320/axa-am.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Web design, projet de Sylvain WEISS <br />
https://www.behance.net/gallery/3289550/AXA-application</td></tr>
</tbody></table>
<b>"L'application mobile <a href="https://www.axa.com/fr/newsroom/actualites/mon-axa-app-fr" target="_blank">Mon AXA</a> France tire le
rideau", comme une traînée de poudre, cette nouvelle a fait le tours de
toutes les compagnies d'Assurances de France et de Navarre. Il y a des faits
qui font plus de bruit que d'autres. Pourquoi me direz-vous ? Et si malgré
l’ensemble des très bonnes raisons qui ont dû pousser AXA France a arrêté son
application mobile, son exemple n'était pas à suivre...</b><o:p></o:p></div>
<br />
<b><u>Les 3 bonnes raisons d'abandonner son application mobile</u></b><br />
<br />
<b>L 'arrivée du Responsive design</b> dans les années 2010, a fait que, petit à petit, les Espaces personnels des sites des assureurs ont adressé les mêmes besoins client que ceux des applications mobiles. Lentement, même si les usages sont différents, les frontières entre les deux mondes semblent s'être estompées.<br />
<b><br />Les coûts de développement et de maintenance</b> d'une application mobile sont au minimum à multiplier par 2 ou 3 selon le nombre d'OS vis-à-vis d'un site web responsive. Enfin, la rareté des bons profils techniques sur ces technologies spécifiques a eu pour effet, chez la plupart des équipes, d'avoir un turnover important, ce qui n'a pas manquer de générer de la dette technique, surtout, si, sous la pression des métiers, les fonctionnalités demandées ont fait sortir l'application des standards de l'OS. Les frais pour enrichir fonctionnellement et maintenir des performances d'affichage convenables, peuvent devenir alors exponentiels.<br />
<br />
<b>L'usage des applications mobiles dans l'assurance n'a pas décollé</b>. Dans le très bon article de <a href="https://www.journaldunet.com/economie/finance/1211319-pourquoi-axa-france-a-supprime-son-application-mobile/" target="_blank">Charlie PERREAU sur le Journal du NET</a>, les raisons avancées par Antoine Denoix, directeur marketing, data et digital d'Axa France, font référence aux usages. Pour un assureur, le nombre de contact client généré par ce canal reste très faible. En effet, quelle est le nombre de fois où vous vous êtes connecté, vous personnellement, dans l'Espace personnel de votre assureur ? et sur son Application Mobile ?<br />
<br />
<b><u>La grande raison pour ne pas abandonner son application mobile</u></b><br />
<b><br />L'IA et le mobile font bon ménage :</b> La tendance des nouveaux usages mobiles que l'on voit arriver avec les nouveaux OS Android 9 et iOS
12, montre que le mobile est le réceptacle des avancés faites sur l'IA. L'intelligence artificielle est déjà hébergée dans votre smartphone et il sera capable, dans un avenir proche, d'effectuer des tâches de plus en plus complexes, sans que vous ayez besoin d'ouvrir votre application et besoin de vous authentifier. Le 18 septembre 2018 a eut lieu un Meetup au sein de <a href="https://www.niort-tech.com/" target="_blank">Niort Techn</a> organisé par <a href="https://www.linkedin.com/in/florentmorin/?originalSubdomain=fr" target="_blank">Florent MORIN</a> et <a href="https://www.linkedin.com/in/maximeferrier1/" target="_blank">Maxime FERRIER</a> qui ont bien exposé cette tendance.<br />
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
L'âge de la maturité du mobile n'est pas encore arrivé et les interactions que vous avez avec votre mobile vont encore évoluées. Dans ce cadre là, les applications développées en langage natif auront toute les chances de pouvoir exploiter ces nouvelles fonctionnalités contrairement à un site Internet Responsive. Cela va creuser fortement les différences d'usage et d'expérience utilisateur entre les deux supports. Reste à savoir, si les usages au regard de l'Assurance, seront au rendez-vous.<br />
<br />
L'application Mon AXA, c'était :<br />
<div class="MsoNormal">
</div>
<ul style="text-align: left;">
<li>La géolocalisation des partenaires AXA proposant des tarifs
négociés (automobile, santé...),</li>
<li>La simulation des remboursements santé (hôpital,
optique, dentaire, pharmacie...),</li>
<li>Le téléchargement des attestations (scolaire,
habitation...),</li>
<li>La déclaration des sinistres à distance,</li>
<li>L'accès aux numéros d'urgence et à l'assistance AXA,</li>
<li><div class="MsoNormal">
Réaliser une nouvelle demande de carte verte pour votre
véhicule,<o:p></o:p></div>
</li>
<li><div class="MsoNormal">
...</div>
</li>
</ul>
</div>
</div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-8332403836904353682017-12-28T18:06:00.002+01:002017-12-28T18:06:24.435+01:00Il y a des sociétés qui font rêver...<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<iframe allow="encrypted-media" allowfullscreen="" frameborder="0" gesture="media" height="315" src="https://www.youtube.com/embed/8Johqb5ul90" width="560"></iframe></div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-22537839953308126872017-12-28T09:47:00.000+01:002017-12-28T17:29:40.028+01:00ALAN, le cas d'école du secteur de l'assurance Santé.<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDFSXA8ls8E06fOMNBv4wWJgWySDP5t_Of7g_Oe6EscI95vr2kBcU2J_4ZC9FiB1LUJyLgNzXt2R4pHfhqYZMJ-gSsuR5o5ropdwDm9d7q25-3W9KrBuXIXCmbtEdzGdEIkcpuDb6DfpA/s1600/alan-capture.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="213" data-original-width="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDFSXA8ls8E06fOMNBv4wWJgWySDP5t_Of7g_Oe6EscI95vr2kBcU2J_4ZC9FiB1LUJyLgNzXt2R4pHfhqYZMJ-gSsuR5o5ropdwDm9d7q25-3W9KrBuXIXCmbtEdzGdEIkcpuDb6DfpA/s1600/alan-capture.JPG" /></a></div>
<div style="text-align: left;">
<span style="font-family: "times new roman" , serif; font-size: 13.5pt;"><b>On ne conçoit plus un service ou un produit mais une <a href="http://christophe-weiffenbach.blogspot.fr/2016/05/ux-interaction-strate-design-3d.html" target="_blank">expérience</a> de ce service ou de ce produit. </b>C'est
uniquement sur cette petite maxime que cette nouvelle compagnie d'assurance
semble s'être appuyée pour mettre au point son offre et son identité.</span></div>
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-family: "times new roman" , serif; font-size: 13.5pt;">Là où nombre de compagnies d'assurances santé avaient essayé de faire simple,
sans jamais vraiment y réussir, <a href="https://alan.eu/" target="_blank">Alan</a> le fait.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-family: "times new roman" , serif; font-size: 13.5pt;">Il n'est pas difficile d'imaginer le tour de force accompli avec la
création cette compagnie d'assurance, car il aura fallu attendre 30 ans pour
voir une nouvelle compagnie d'assurance se créer en France. Si cela n'a pas dû être simple au départ pour <a href="https://www.linkedin.com/in/jcsamuelian/" target="_blank">Jean-Charles Samuelian</a> et <a href="https://www.linkedin.com/in/charles-gorintin-12bb1119/" target="_blank">Charles Gorintin</a>, les deux co-fondateurs, en revanche, leur
concept l'est. <o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-family: "times new roman" , serif; font-size: 13.5pt;">Repenser l’expérience utilisateur avec un produit santé de qualité, à petit
prix. Ce qui est génial, c'est qu'ils m'inventent rien mais, qu'ils changent
tout.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-family: "times new roman" , serif; font-size: 13.5pt;">Une grille tarifaire et un wording compréhensible par tous avec un discours
qui se met à la place du client... toutes les directions marketing du secteur
tenaient entre leurs dents ces deux principes sans réussir à secouer les
directions métiers et juridiques.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-family: "times new roman" , serif; font-size: 13.5pt;">Alan... qu'une startup ? Cette compagnie en collectionne tous les stigmates
: 100% en ligne, vente, souscription et gestion. Un point EU (.eu) dès le
départ pour se permettre d'avoir des perspectives de commercialisation plus
"bancable" et susceptible d’intéresser rapidement des investisseurs.
Cela n'a pas manqué, Alan à boucler au bout de sa première année d’existence,
un tour de table de 12 millions d'euros. <o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-family: "times new roman" , serif; font-size: 13.5pt;">Alors certes, tout reste à prouver pour le moment, certes, <a href="https://alan.eu/" target="_blank">ALAN</a> est un
microbe au regards du nombre d'adhérents d'un HUMANIS, MALAKOFF-MEDERIC,
MGEN, CCMO, ... et la myriade de mutuelles. Mais, ALAN est un cas d'école, dans
le sens où cette compagnie incarne le concurrent disruptif que les cabinets de
conseil n'arrêtaient pas de <a href="https://www.capgemini.com/fr-fr/news/la-disruption-digitale-transforme-le-secteur-de-lassurance/" target="_blank">citer</a> comme un risque dont il fallait se prémunir
en modernisant ses offres et en faisant rapidement évoluer son SI pour ne pas se faire uberiser.<o:p></o:p></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-family: "times new roman" , serif; font-size: 13.5pt;">Nul ne doute que la suite sera intéressante en apportant des réponses aux
questions qui se posent maintenant : Va-t-elle connaître un succès commercial ?
Comment négociera-t-elle son rapport à l'Europe ? Wait and see, il est urgent
d'attendre ;-)</span></div>
</div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-30278324582727220942017-12-21T18:07:00.000+01:002018-04-18T17:53:38.143+02:00GDPR, ce qui changera ou pas !<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9gDJ_dOczSuhyphenhyphenyBDJq8RELneJ34zI1FuSGDtYDvIcPZdhWK8lXpZdUPstpzptN3eUTbAx5c7gsgQILmKCbeCtVyIEpqMEsS7uaDZT8azNQBQLccpeGuuGy7aK47hxXl7GyuOpB0g8s3Y/s1600/GDRP.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="718" data-original-width="805" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9gDJ_dOczSuhyphenhyphenyBDJq8RELneJ34zI1FuSGDtYDvIcPZdhWK8lXpZdUPstpzptN3eUTbAx5c7gsgQILmKCbeCtVyIEpqMEsS7uaDZT8azNQBQLccpeGuuGy7aK47hxXl7GyuOpB0g8s3Y/s320/GDRP.JPG" width="320" /></a></div>
<b>Droit d'opposition, droit d'accès, consentement et information, … Le 25 mai
2018, la réglementation répondant aux doux noms de GDPR (General Data Protection Regulation) ou RGPD (Réglement Européen Protection Données personnelles) entrera en vigueur.</b></div>
<div class="MsoNormal">
<b>Pour toute l’UE, ce nouveau texte modifie l’état du droit
relatif à la protection des données à caractères personnels avec une hausse du
niveau d’exigences et de nouvelles obligations.<o:p></o:p></b></div>
<div class="MsoNormal">
<b>Quelles sont les nouvelles obligations concernées par la GDPR
? L'essentiel de ce qu'il faut savoir sur une nouvelle réglementation qui ne
change pas fondamentalement la réglementation française actuelle.</b><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Petit rappel :</b> L'entreprise ne peut traiter n'importe comment une donnée à caractère
personnelle (données qui peuvent identifier une personne. Exemple : immatriculation
d'un véhicule, numéro de téléphone, nom, prénom, …). Elles sont protégées. Des
droits sont donnés à la personne et donnent des obligations à ceux qui vont les
traiter.<br />
L'entreprise doit pouvoir justifier les bases légales sur lesquelles elle
s’appuie pour collecter les données. Les bases légales sont les
suivantes : l'exécution du contrat (je collecte et je traite CES données parce qu'elles sont OBLIGATOIRES pour le SERVICE ou le PRODUIT que je propose), le consentement de la personne (je collecte et je traite CES données parce que la PERSONNE ACCEPTE que j'en fasse tel USAGE LÉGITIME), l'obligation légale (je collecte et je traite CES données parce que je SUIS OBLIGE de le faire LÉGALEMENT).<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Principe de finalité : </b>L’entreprise ne doit pas collecter une donnée dont elle n’a pas l’usage. Exemple : un assureur demandant la couleur des cheveux pour établir un devis d’assurance santé.<br />
Le principe de finalité implique que les données soient pertinentes et adéquates vis-à-vis de son activité et que cette finalité soit clairement identifiée et soit légitime.<br />
Les données doivent être pertinentes et non excessives.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Droit à l’oubli et durée de conservation :</b><br />
Quand le contrat avec la personne cesse ont doit supprimer les données de la personne.(SAUF si je dois conserver une trace pour une prescription, une garantie qui continue dans le temps, si je dois conserver cette donnée) Il faut surtout penser à définir une durée maximale.<br />
Le risque est une amende basée en pourcentage du CA de la société (2 à 4%)</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Le droit à l’information, le droit d’accès, le droit de
rectification et le droit d’opposition : </b><br />
Exemple, une personne identifiée qui voit sa navigation sur le site, enregistrée, l’entreprise doit être en
mesure de lui fournir ces informations si elle le lui
réclame. Le principe est que la personne doit pouvoir accéder à ses informations et doit pouvoir les rectifier. Elle peut également s'opposer à la détention de ses informations et exiger leurs suppressions, si elles ne sont pas nécessaires ou plus nécessaire, (un assureur ne vas pas effacer l'immatriculation d'un véhicule assuré car il ne saurait plus ce qu'il assure).<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Le volet sécurité :</b> La sécurité des données est à
renforcer selon le risque encouru. Exemple un pacemaker connecté avec une
interface, le risque est la mort si les réglages sont modifiés par un tiers mal
intentionné.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Le droit de réponse passe à 1 mois au lieu de 2.</b><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>La portabilité :</b> le droit de récupérer les données (changement d’une banque à une autre, …). Cela oblige les entreprises à mettre à la disposition de ses clients leurs données. Le client peut demander si c'est techniquement possible que ces données soient directement transmises à une autre entreprise en cas de changement de prestataire actionné par le client.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Le droit à l'information des personnes est renforcé avec l’extension du
principe de transparence : </b>Il faudra pouvoir apporter à la personne les informations suivantes : Qui
traite les données ? À quoi elles vont servir ? Combien de temps
va-t-on les garder ? Quelle sont les bases légales qui justifient que
l’entreprise collecte ces données ? Y a-t-il des algorithmes qui les
exploitent ?<br />
<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>La sous traitance : </b>la responsabilité de l'entreprise
est engagée au travers de son sous traitant.<br />
<br />
Pour aller plus loin, voici l'excellent <a href="https://medium.com/@graldinesalord/rgpd-faut-il-br%C3%BBler-toutes-ses-donn%C3%A9es-95178d8823ad" target="_blank">article </a>du cabinet d'avocat <a href="https://medium.com/@graldinesalord" target="_blank">Metalow</a>, lisez la prose de la <a href="https://www.cnil.fr/fr/reglement-europeen-sur-la-protection-des-donnees-ce-qui-change-pour-les-professionnels" target="_blank">CNIL</a> ou l'infographie du site <a href="http://ecommercemag.fr/">Ecommercemag.fr</a> venant de Sarbacane ci-dessous :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_iJszN9es8tlgYSHnJUSXqG6oIIPPX8t4vGJULEBDTVVi1skB5H-JCcNZol9Z-RYfRH3PSjXK762k9I5_qYkBhZIPmgUHgtoAEtmb7fQdWsnVZXuhTGUvlocCpTX7yS7jclbzYBjTqos/s1600/RGPD-GDPR-consentement-generation-leads-mailings-newsletters--F.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_iJszN9es8tlgYSHnJUSXqG6oIIPPX8t4vGJULEBDTVVi1skB5H-JCcNZol9Z-RYfRH3PSjXK762k9I5_qYkBhZIPmgUHgtoAEtmb7fQdWsnVZXuhTGUvlocCpTX7yS7jclbzYBjTqos/s1600/RGPD-GDPR-consentement-generation-leads-mailings-newsletters--F.jpg" /></a></div>
<br />
<br /></div>
</div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-2791995559400104332017-10-28T19:59:00.002+02:002019-03-12T17:15:11.455+01:00L'alliance Retail / Digital, une tendance clé de l'omnicanal<div dir="ltr" style="text-align: left;" trbidi="on">
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<br />
<div class="MsoNormal">
<a href="https://www.blogger.com/null" name="_Toc491676475"></a></div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0KbDYJ0gYye5Y021jtxguj5ymza70x-4vESX9kFiRJ2bS-wquaedvUzHREZKdk26QoA8zuGa9qmMSmr3T79kOHjcQ0zfASOBUSWk2blqo8DGy1qruxmRc_wKFHng-Xr2dskK-XqBBFpk/s1600/images.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="191" data-original-width="263" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0KbDYJ0gYye5Y021jtxguj5ymza70x-4vESX9kFiRJ2bS-wquaedvUzHREZKdk26QoA8zuGa9qmMSmr3T79kOHjcQ0zfASOBUSWk2blqo8DGy1qruxmRc_wKFHng-Xr2dskK-XqBBFpk/s1600/images.jpg" /></a></div>
<b>D’un côté, le modèle économique des grandes enseignes
commerciales traditionnelles souffrent aux profits des offres 100% digitales.
De l’autre, selon une étude Opinionway</b><i>(3)</i><b>, 72% des Français disent avoir peur
d'un commerce déshumanisé par le numérique et l'intelligence artificielle.</b><br />
<b><br /></b>
L’évolution des usages continue sa digitalisation grâce à la généralisation des solutions mobiles (smartphones et tablettes).<br />
L’accélération de la digitalisation des parcours clients sonne-t-elle la fin des réseaux physiques ?<br />
Non, car dans le même temps, le Retail est en pleine mutation et trouve des formules gagnantes. Les marques à fort réseau de distribution investissent massivement dans le digital in store, les démarches omnicanal se multiplient avec succès et les géants du e-commerce investissent massivement dans le retail, comme Amazon en février dernier qui a racheté la grande chaîne Whole Foods et l’association de l'enseigne américaine Wal-Mart avec Google.<br />
En effet, toutes les études indiquent un vrai attachement du consommateur aux contacts humains et pour que cela soit synonyme de succès, de nouveaux modèles porteurs de valeur pour les clients et les détaillants doivent se mettre en place. Une transformation profonde de la vente s’opère qui englobe le parcours client multicanal, la posture du détaillant, l’aménagement de l’espace de vente, les outils de travail et le business model associé.<br />
Ces dynamiques induisent un axe de réflexion majeur autour du parcours et des services joueur en associant immédiateté, interactivité et identification.<br />
<br />
Dans cette dynamique, en réconciliant le Retail et le Digital, le compte unique est une étape incontournable vers l’omnicanal, stratégie qui répond aux attentes et évolutions des comportements des consommateurs.<br />
<b><br /></b>
<b>Les réseaux physiques à l’ère du digital s’orientent
fortement vers une combinaison Retail/Digital.</b></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
L’attachement aux contacts humains ne cesse de se confirmer
avec l’apparition de nouveaux modèles de point de vente avec des concepts comme
le « Phygital », « Le commerce unifié » ou le « Web-in-store » qui sont
porteurs de valeur pour les clients. En effet, toujours selon l’étude
Opinionway<i>(3)</i>, 57% des Français ont envie que les pure players, Amazon, Vente
privée, Cdiscount et Le bon coin, ouvrent des magasins physiques.<br />
<o:p></o:p></div>
<div class="MsoNormal">
Enfin, il est important de noter 69% des dépenses mondiales
digitales pour le Retail en 2016 portaient sur des initiatives centrées sur le
commerce unifié<i>(1)</i>.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Un client en attente de fluidité et de rapidité</b><o:p></o:p></div>
<div class="MsoNormal">
Le réseau physique ne peut plus être séparé du digital car,
les deux sont impliqués dans la même expérience clients.<o:p></o:p></div>
<div class="MsoNormal">
Selon une enquête menée par Accenture<i>(2)</i>, 58% des clients sont
frustrés par les incohérences qu’ils rencontrent lorsqu’ils passent d’un canal
à l’autre. Le client vient dans le point de vente pour s’offrir un moment
agréable, il attend une cohérence entre les différents canaux (bornes, accès
web...) et quand le client fait appel au détaillant, il attend en retour, une
réponse adaptée et personnalisée.<br />
<o:p></o:p></div>
<div class="MsoNormal">
En effet, l’étude Opinionway<i>(3)</i> pour l’observatoire Shopper
Havas Paris / Paris retail week nous apprends que 71% des Français affirment
souhaiter qu'à l'avenir, tous les produits de leur choix soient accessibles
aussi facilement sur internet qu'en magasin et que ceci est particulièrement
vrai pour 82% des 18-24 ans.<br />
<o:p></o:p></div>
<div class="MsoNormal">
<b><br /></b></div>
<div class="MsoNormal">
<b>Les consommateurs attendent un commerce qui offre un
parcours plus fluide, sans attente, s'insérant dans leur vie quotidienne au
service duquel, le site internet et le point de vente ne font qu'un.</b><br /><b><a href="http://www.le-furet-du-retail.com/2019/03/si-vous-voulez-etre-bon-en-magasins-il-va-falloir-etre-excellent-en-vente-en-ligne.html" target="_blank">Pour être bon en commerce physique, il va falloir être excellent en vente en ligne.</a></b><br />
<div class="MsoNormal">
<o:p></o:p></div>
</div>
<div class="MsoNormal">
Selon une
étude Oracle<i>(5) </i>, 97% des entreprises interrogées au sujet de leurs priorités
affirment que l’amélioration de l’expérience client est désormais primordiale à
leur réussite.<br />
<o:p></o:p></div>
<br />
<div class="MsoNormal">
Tendance forte de l'omnicanal, unifier les comptes Retail et Digital est un enjeu
stratégique essentiel porté par les exigences légitimes des clients sur la
cohérence de leurs parcours.<o:p></o:p><br />
<b><br /></b>
<b>Pour aller plus loin, lisez le bon article d'EcommerceMag.fr <a href="http://www.ecommercemag.fr/Thematique/cross-canal-1009/Breves/Tribune-2018-retour-force-magasin-326311.htm#Gfap1CTEKMYBxXQ6.97" target="_blank"> ici</a> et les nombreuses sources ci-dessous :</b><br />
<i>(1) Document CEGID intitulé “Unifier le commerce autour du client : 5 priorités clés pour 2017” basé sur les sources suivantes : Aberdeen Group, Black Pepper Sofware, Boston Retail Partners, Cisco, Cloud Industry Forum, eBay Entreprise, Exane BNP Paribas, Google, Harvard Business Review, IHL Group, Innovative Retail Technologies, NRF, Pitney Bowers, PwC, RetailMeNot, RichRelevance.</i><br />
<i>(2) L'enquête a été menée par Accenture sur Internet auprès de 5 050 consommateurs, du 19 juin au 17 juillet 2009, dans les pays suivants : Afrique du Sud, Allemagne, Australie, Belgique, Brésil, Canada, Chine, Etats-Unis, France, Inde, Royaume-Uni et Singapour.</i><br />
<i>(3) Etude Opinionway pour l’observatoire Shopper Havas Paris / Paris retail week réalisée les 26-27 avril 2017 auprès d’un échantillon représentatif constitué de 1024 personnes, représentant de la population Française âgée de 18 ans et plus, constitué selon la méthode des Quotas, au regard des critères de sexe, d’âge, de catégorie socio-professionnelle, de catégorie d’agglomération et de région de résidence.</i><br />
<i>(4) Source : Walker (société de consulting leaders du conseil sur la relation client).</i><br />
<i>(5) Source : Oracle – 2013 « Global Insights on Succeeding in the Customer Experience Era », </i><br />
<i>(6) Source : Etude 2017 TNS « Synthèse BMP 2016 sport », </i><br />
<i>(8) Source : Rapport 2016 de Walker (Customers 2020: The Future of B-to-B Customer Experience).</i><br />
<i>(9) Source : IPSOS - 2017 (Emotional attachment and profitable customer relationships),</i><br />
<i>(10) Sources : Etude 2015 eMarketer (plateforme d’information et d’étude)</i><br />
<i>(11) Sources : Etude 2016 de Daniel Ray (Professeur de Marketing, Directeur de l'Institut du Capital Client, Grenoble Ecole de Management - Academics for Business)</i><br />
<i>(12) Source : Selon l’étude Oracle « The Executive's Handbook to Modern Digital Commerce”</i><br />
<i>(13) Source : Observatoire de la promotion SOGEC 2015, Mediaprism et données 2014-2015, issues des offres opérées par SOGEC.</i><br />
<i>(14) Source : 5e édition de l’Observatoire du ROPO² (l’Observatoire porte sur 66 grandes enseignes analysées à travers un sondage réalisé auprès de 7 000 Français). </i><br />
<div>
<br /></div>
</div>
</div>
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>FR</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="false"
DefSemiHidden="false" DefQFormat="false" DefPriority="99"
LatentStyleCount="375">
<w:LsdException Locked="false" Priority="0" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="0" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="0" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="0" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="0" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="0" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="0" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="0" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="0" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="0" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 9"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 9"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footnote text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="header"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footer"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index heading"/>
<w:LsdException Locked="false" Priority="35" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="table of figures"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="envelope address"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="envelope return"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footnote reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="line number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="page number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="endnote reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="endnote text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="table of authorities"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="macro"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="toa heading"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 5"/>
<w:LsdException Locked="false" Priority="10" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Closing"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Signature"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="true"
UnhideWhenUsed="true" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Message Header"/>
<w:LsdException Locked="false" Priority="11" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Salutation"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Date"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text First Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text First Indent 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Note Heading"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Block Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Hyperlink"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="FollowedHyperlink"/>
<w:LsdException Locked="false" Priority="22" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Document Map"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Plain Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="E-mail Signature"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Top of Form"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Bottom of Form"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal (Web)"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Acronym"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Address"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Cite"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Code"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Definition"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Keyboard"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Preformatted"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Sample"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Typewriter"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Variable"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal Table"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation subject"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="No List"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Contemporary"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Elegant"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Professional"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Subtle 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Subtle 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Balloon Text"/>
<w:LsdException Locked="false" Priority="39" Name="Table Grid"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Theme"/>
<w:LsdException Locked="false" SemiHidden="true" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" SemiHidden="true" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" QFormat="true"
Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" QFormat="true"
Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" QFormat="true"
Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" QFormat="true"
Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" QFormat="true"
Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" QFormat="true"
Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" SemiHidden="true"
UnhideWhenUsed="true" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="TOC Heading"/>
<w:LsdException Locked="false" Priority="41" Name="Plain Table 1"/>
<w:LsdException Locked="false" Priority="42" Name="Plain Table 2"/>
<w:LsdException Locked="false" Priority="43" Name="Plain Table 3"/>
<w:LsdException Locked="false" Priority="44" Name="Plain Table 4"/>
<w:LsdException Locked="false" Priority="45" Name="Plain Table 5"/>
<w:LsdException Locked="false" Priority="40" Name="Grid Table Light"/>
<w:LsdException Locked="false" Priority="46" Name="Grid Table 1 Light"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark"/>
<w:LsdException Locked="false" Priority="51" Name="Grid Table 6 Colorful"/>
<w:LsdException Locked="false" Priority="52" Name="Grid Table 7 Colorful"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 1"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 1"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 1"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 1"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 1"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 2"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 2"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 2"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 2"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 2"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 3"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 3"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 3"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 3"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 3"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 4"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 4"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 4"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 4"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 4"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 5"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 5"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 5"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 5"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 5"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 6"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 6"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 6"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 6"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 6"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="46" Name="List Table 1 Light"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark"/>
<w:LsdException Locked="false" Priority="51" Name="List Table 6 Colorful"/>
<w:LsdException Locked="false" Priority="52" Name="List Table 7 Colorful"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 1"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 1"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 1"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 1"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 1"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 2"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 2"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 2"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 2"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 2"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 3"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 3"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 3"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 3"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 3"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 4"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 4"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 4"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 4"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 4"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 5"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 5"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 5"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 5"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 5"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 6"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 6"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 6"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 6"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 6"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Mention"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Smart Hyperlink"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Hashtag"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Unresolved Mention"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Tableau Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:8.0pt;
mso-para-margin-left:0cm;
line-height:107%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri",sans-serif;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;}
</style>
<![endif]--></div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-87756297335943755992017-06-21T16:12:00.002+02:002017-06-21T16:13:11.649+02:00Banques ! Voici des sujets digitaux bouillantissimes<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
Deux vidéos sur le digital et la banque avec des explications simples sur la révolution des Blockchains, de l'intelligence artificielle, de la Big Data, de l'IOT et sur l'arrivée des Fintech.<br />
Bref, tous ces gentils sujets qui empêchent le monde bancaire de dormir sur ses deux oreilles.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/5RjWZBLOAM0" width="560"></iframe>
</div>
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/Ze3nT9IeOXU" width="560"></iframe></div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-29922082581534546212017-02-01T17:09:00.002+01:002017-02-01T17:10:11.184+01:00Design is how it works<div dir="ltr" style="text-align: left;" trbidi="on">
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>FR</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]-->
<br />
<div class="MsoNormal">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG1wvr-zP7jwGa9zo23sh8V5VrvxpER6KaFZhTTHiEvNtnMLnkAUeOkSy1H1edAx6rcFUz7WEuk-33abdSmNbj-vSPOInnhytcKH6kTMzRjtqnMD8lV80M4MOen_N3-HXpt3J7n6yw8Zc/s1600/steve_jobs.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG1wvr-zP7jwGa9zo23sh8V5VrvxpER6KaFZhTTHiEvNtnMLnkAUeOkSy1H1edAx6rcFUz7WEuk-33abdSmNbj-vSPOInnhytcKH6kTMzRjtqnMD8lV80M4MOen_N3-HXpt3J7n6yw8Zc/s320/steve_jobs.jpg" width="320" /></a>“Most people make the mistake of thinking design is what it
looks like. People think it’s this veneer — that the designers are handed this
box and told, ‘Make it look good!’ That’s not what we think design is. It’s not
just what it looks like and feels like. Design is how it works.” – Steve Jobs</div>
<!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="false"
DefSemiHidden="false" DefQFormat="false" DefPriority="99"
LatentStyleCount="372">
<w:LsdException Locked="false" Priority="0" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 9"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 9"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footnote text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="header"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footer"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index heading"/>
<w:LsdException Locked="false" Priority="35" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="table of figures"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="envelope address"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="envelope return"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footnote reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="line number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="page number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="endnote reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="endnote text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="table of authorities"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="macro"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="toa heading"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 5"/>
<w:LsdException Locked="false" Priority="10" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Closing"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Signature"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="true"
UnhideWhenUsed="true" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Message Header"/>
<w:LsdException Locked="false" Priority="11" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Salutation"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Date"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text First Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text First Indent 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Note Heading"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Block Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Hyperlink"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="FollowedHyperlink"/>
<w:LsdException Locked="false" Priority="22" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Document Map"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Plain Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="E-mail Signature"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Top of Form"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Bottom of Form"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal (Web)"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Acronym"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Address"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Cite"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Code"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Definition"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Keyboard"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Preformatted"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Sample"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Typewriter"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Variable"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal Table"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation subject"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="No List"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Contemporary"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Elegant"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Professional"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Subtle 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Subtle 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Balloon Text"/>
<w:LsdException Locked="false" Priority="39" Name="Table Grid"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Theme"/>
<w:LsdException Locked="false" SemiHidden="true" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" SemiHidden="true" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" QFormat="true"
Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" QFormat="true"
Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" QFormat="true"
Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" QFormat="true"
Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" QFormat="true"
Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" QFormat="true"
Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" SemiHidden="true"
UnhideWhenUsed="true" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="TOC Heading"/>
<w:LsdException Locked="false" Priority="41" Name="Plain Table 1"/>
<w:LsdException Locked="false" Priority="42" Name="Plain Table 2"/>
<w:LsdException Locked="false" Priority="43" Name="Plain Table 3"/>
<w:LsdException Locked="false" Priority="44" Name="Plain Table 4"/>
<w:LsdException Locked="false" Priority="45" Name="Plain Table 5"/>
<w:LsdException Locked="false" Priority="40" Name="Grid Table Light"/>
<w:LsdException Locked="false" Priority="46" Name="Grid Table 1 Light"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark"/>
<w:LsdException Locked="false" Priority="51" Name="Grid Table 6 Colorful"/>
<w:LsdException Locked="false" Priority="52" Name="Grid Table 7 Colorful"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 1"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 1"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 1"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 1"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 1"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 2"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 2"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 2"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 2"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 2"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 3"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 3"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 3"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 3"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 3"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 4"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 4"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 4"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 4"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 4"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 5"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 5"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 5"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 5"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 5"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 6"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 6"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 6"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 6"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 6"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="46" Name="List Table 1 Light"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark"/>
<w:LsdException Locked="false" Priority="51" Name="List Table 6 Colorful"/>
<w:LsdException Locked="false" Priority="52" Name="List Table 7 Colorful"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 1"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 1"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 1"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 1"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 1"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 2"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 2"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 2"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 2"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 2"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 3"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 3"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 3"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 3"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 3"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 4"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 4"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 4"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 4"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 4"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 5"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 5"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 5"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 5"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 5"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 6"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 6"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 6"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 6"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 6"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Mention"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Tableau Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri",sans-serif;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;}
</style>
<![endif]--></div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-16309157712133763182016-05-16T17:45:00.003+02:002016-05-21T10:55:35.657+02:00La convergence de l'entreprise avec le design d'interaction n'est plus optionnelle ! Une école l'a bien compris.<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj41nk998e0S_PgFpzH_eB7fTbaT23W3Daw6VW07cNz13uB_x5_oAQV3hyphenhyphenl6C22HxPg5E1OBgvM6BDL19dkw3V0hlz1Zow-9Ae3ggA41EeKTSUl4A_Hz8fZCLj4a-fOqnz5HvoQzu6nG10/s1600/Design+3D.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj41nk998e0S_PgFpzH_eB7fTbaT23W3Daw6VW07cNz13uB_x5_oAQV3hyphenhyphenl6C22HxPg5E1OBgvM6BDL19dkw3V0hlz1Zow-9Ae3ggA41EeKTSUl4A_Hz8fZCLj4a-fOqnz5HvoQzu6nG10/s320/Design+3D.jpg" width="320" /></a></div>
<b>Si le 19e siècle fût le siècle des ingénieurs et le 20e siècle celui des marketeurs, le 21e siècle est celui des designers, </b>explique <a href="https://www.linkedin.com/in/dominiquesciamma" target="_blank">Dominique Sciamma, Directeur de Strate - Ecole de Design.</a><br />
<div class="MsoNormal">
<o:p></o:p></div>
</div>
<div class="MsoNormal">
Il y a encore peu de temps, toutes les entreprises qui étaient impliquées par la notion de conception
s’intéressaient essentiellement à la conception de produit. Aujourd’hui, la
transformation numérique du monde amène les designers et les ingénieurs à
concevoir non plus des produits mais, l’expérience de ce produit. Le nouvel objet du design et de la production est l’interaction. </div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
Le design est un processus de conception traditionnellement centré sur l'humain. C'est pour cela que le designer sera le métier emblématique du
21e siècle. L’entreprise qui se penche
sur ce que l’utilisateur pense, vie, aime, désir, est une entreprise qui prend les mêmes chemins que ceux emprunter par le
designer.<br />
Les technologies de rupture investissent notre quotidien : imprimante 3D, <a href="http://www.weekly.fr/article/Realite-augmentee--elle-va-chambouler-l-informatique-d-entreprise--2016-05-12_3363.html" target="_blank">réalité augmentée</a>, hologramme, <a href="http://dominique.sciamma.com/wp-content/uploads/2013/01/Article-Dominique-SCIAMMA_RI-FEVRIER-2012.pdf" target="_blank">robotique</a>, objets connectés... Les méthodes UX actuelles vont devoir évoluer pour répondre au design d'une relation plus complexe que nos simples interfaces actuelles.</div>
<div class="MsoNormal">
Enfin, l’entrepreneur du 21e siècle, en raison d'une concurrence de plus en plus forte et d'un bouleversement technologique de plus en plus rapide devra adopter le design d'interaction et s'attacher à le mettre au centre de ses processus de conception. </div>
<div class="MsoNormal">
C'est dans cette perspective éclairée que l'école de design <a href="http://www.stratecollege.fr/" target="_blank">STRATE</a> a mis en place un nouveau Cursus, celui de <a href="http://www.stratecollege.fr/formation/designer-3d-experience" target="_blank">Design 3D Experience</a>. Je vous laisse découvrir plus concrètement mon propos avec cette vidéo :</div>
<div class="MsoNormal">
<o:p></o:p></div>
</div>
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/iZxxs80Y4-0" width="560"></iframe></div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-42296382719049379612016-02-28T21:52:00.003+01:002016-03-02T11:57:09.655+01:00Psychologie cognitive, un trou dans la raquette UX<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg_COiAizIsKMC0VfEa8Sbc70-gNlc19Y1IO-fPiger5ugdoPFArsMf86HuiHB_Jq0sQdX29iLG-GTBf0AZ2YUm5ABdDBb-X3H78vgK9t0pLHe8qa-NC1xaSs9rjG5CY4pzUF_JYQwDuo/s1600/psychologie-cognitive.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg_COiAizIsKMC0VfEa8Sbc70-gNlc19Y1IO-fPiger5ugdoPFArsMf86HuiHB_Jq0sQdX29iLG-GTBf0AZ2YUm5ABdDBb-X3H78vgK9t0pLHe8qa-NC1xaSs9rjG5CY4pzUF_JYQwDuo/s1600/psychologie-cognitive.jpg" /></a></div>
<b>Un excellent outil UX est un outil qui nous permet de prévoir la capacité des futurs utilisateurs à se servir du produit ou du service que nous sommes en train d’élaborer. Dans le domaine de la prédiction, les travaux du prix Nobel, <a href="https://fr.wikipedia.org/wiki/Daniel_Kahneman" target="_blank">Daniel Kahneman</a> bousculent nos idées reçues.</b></div>
<div class="MsoNormal">
Après la lecture de l’article de <a href="http://iaminterface.com/author/josephclawrence/">Joseph C Lawrence</a>
intitulé « An alternative to Personas”, il m’a semblé important de
creuser cette question. La recherche sur le fonctionnement de l'esprit humain
évolue rapidement à travers des disciplines comme la <a href="https://fr.wikipedia.org/wiki/Psychologie_cognitive" target="_blank">Psychologie cognitive</a>. Ces évolutions rendent perfectibles un grand nombre de
petits «modèles» et parmi eux, ceux de l’UX. La curiosité doit nous pousser à
nous interroger au sujet de ces évolutions afin d’appréhender
les pistes d’amélioration de nos précieux outils d'aide à la conception. <o:p></o:p></div>
<br />
<div class="MsoNormal">
<h4 style="text-align: left;">
<b>L’illusion de validité :</b></h4>
</div>
<div class="MsoNormal">
Les méthodes UX sont toutes basés
sur un certain nombre de postulat c'est-à-dire sur un certain nombre de
principes non démontrés. Notamment, nous pensons spontanément que notre
personnalité et nos comportements sont cohérents dans le temps et dans les
différents contextes. Certes, nos humeurs peuvent fluctuer mais, nous pensons
que notre personnalité rend nos comportements prévisibles. Cette attente
exagérée de cohérence est une erreur courante. Nous sommes enclins à penser que
le monde est plus prévisible qu'il ne l’est réellement, parce que notre mémoire
maintient automatiquement et continuellement une histoire sur ce qui se passe,
et parce que les règles de la mémoire ont tendance à rendre cette histoire la plus
cohérente possible et à supprimer les alternatives. <br />
La confiance que nous éprouvons quand nous faisons un jugement n’est pas une
évaluation motivée par la probabilité. La confiance est un sentiment déterminé
surtout par la cohérence de l'histoire et par la facilité avec laquelle elle
vient à l'esprit, même si les preuves de sa véracité sont rares et peu fiables.
Je vous invite à lire l’article de <a href="http://www.nytimes.com/2011/10/23/magazine/dont-blink-the-hazards-of-confidence.html?pagewanted=all&_r=1" target="_blank">Daniel Kahneman : Don’t Blink! TheHazards of Confidence</a>. Pour parler du phénomène, il emploi le nom de «illusion
de validité".<o:p></o:p></div>
<div class="MsoNormal">
<h4 style="text-align: left;">
<b>Deux systèmes cognitifs : </b></h4>
</div>
<div class="MsoNormal">
Dans son livre <a href="https://en.wikipedia.org/wiki/Thinking,_Fast_and_Slow" target="_blank">« Thinking,Fast and Slow », Daniel Kahneman</a> ajoute que chacun d'entre nous fonctionnent avec deux systèmes cognitifs pour la prise de décision. La thèse
principale est que le système 1 est caractérisé comme «rapide, automatique,
fréquente, émotionnel, stéréotypé, inconscient», tandis que le système 2 est
caractérisé comme «lent, laborieux, logique, analytique, conscient». Nous
utilisons, tous, les deux systèmes mais, ce qui est important est que nous
utilisons un système en particulier selon la façon dont l'information nous est
présentée, et aussi en partie selon de notre environnement et notre état
d'esprit.<o:p></o:p></div>
<div class="MsoNormal">
<h4 style="text-align: left;">
<b>L'épreuve de réalité :</b></h4>
</div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxZ5YprrR5kfcvWpK8WKVeioQi5-xtq9ngnhBVUYM3nXd6HIBmWwR9eNpg2PoYLD_R1oyq_j55E-BpdGbV44e0vN6Pv-LLjJ1KnIdXEcMnBx49TZfbh8SyDOpIozTFY0gmqB0Exjk7-d0/s1600/Image-app2.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxZ5YprrR5kfcvWpK8WKVeioQi5-xtq9ngnhBVUYM3nXd6HIBmWwR9eNpg2PoYLD_R1oyq_j55E-BpdGbV44e0vN6Pv-LLjJ1KnIdXEcMnBx49TZfbh8SyDOpIozTFY0gmqB0Exjk7-d0/s320/Image-app2.jpg" width="277" /></a></div>
Lors d’un récent projet, je me suis confronté à cette
réalité. Nous devions élaborer <a href="http://christophe-weiffenbach.blogspot.fr/2014/10/la-1ere-application-mobile-pensee-et.html" target="_blank">une application mobile destinée aux parieurs hippiques</a>. L’enjeu essentiel de notre démarche UX était de faire un produit qui
permet aux parieurs d’avoir en quelques secondes toutes les informations qui sont nécessaires pour choisir son pari. Cette problématique est transposable à de nombreuses applications décisionnelles. Nous avons donc réfléchit et conçu
un premier prototype que nous avons testé auprès de parieurs et avons construit
petit à petit notre application, en alternant des phases de test utilisateurs avec des
phases de développements. Une dizaine d’itérations ont été nécessaires pour
réaliser la première version. Durant ces tests, le groupe de parieurs, avec qui
nous travaillions, était enthousiaste au sujet de l’application. Pour eux, ils
en étaient certains, cette application mobile allait rencontrer un succès important
dans la mesure où elle correspondait parfaitement aux besoins de rapidité, d’information
et de confort d’utilisation qu’un parieur pouvait rêver. Eh bien, ce ne fût pas
le cas ! Depuis, nous avons analysé les raisons et trouvé un certain
nombre de petites erreurs qui ont demandé quelques réaménagements de l’interface
mais, le problème de fond n’étaient pas là. Nous avions oublié le fameux
contexte émotionnel dont parle <a href="https://fr.wikipedia.org/wiki/Daniel_Kahneman" target="_blank">Daniel Kahneman</a>. Nos parieurs n’ont pas du tout
la même façon d’appréhender une application dans le contexte de tests utilisateurs
que dans le contexte émotionnel très particulier dans lequel ils sont plongés
lors de leurs paris. Nous leurs présentions des informations détaillées, très
utiles rationnellement alors que leurs états émotionnels n’étaient pas en phase
avec cette richesse d’information. Au lieu de cela, nous aurions dû présenter
moins d'informations. Nous aurions dû présenter des indications très visuelles, réductrices certes mais, correspondantes
au système 1 caractérisé comme «rapide, automatique, fréquente, émotionnel, stéréotypé,
inconscient».<br />
<br />
<o:p></o:p></div>
<div class="MsoNormal">
<b>Le défi relever
par l’UX, est de rapprocher les équipes projet, le plus près possible du réel.
Il n’est pas question ici de jeter nos <a href="http://www.weloveusers.com/methodes/personas.html">Personas</a>, nos
<a href="https://fr.wikipedia.org/wiki/Test_utilisateur" target="_blank">tests utilisateurs</a> ou tout autre outil UX par la fenêtre mais, de prendre conscience qu’ils peuvent
nous induire en erreur. Pour éviter cet écueil, il serait judicieux de les
réexaminer. Car en fonction de l'heure et du lieu même où nos utilisateurs
seront quand ils seront face à notre interface, il se pourrait qu’ils soient
des personnes entièrement différentes et que leurs comportements ne soit pas
ceux escomptés et testés. Les méthodes UX nous permettent d’éviter un
grand nombre de problèmes utilisateurs mais, elles permettent d’appréhender
qu’une seule dimension. Des nouveaux outils doivent être mis au point afin de
tester les différentes dimensions cognitives. Seule une mise à l’épreuve dans la
réalité semble-t-elle probante en la matière ?</b></div>
</div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-43034007084818584502016-02-13T13:32:00.000+01:002016-02-16T13:00:54.113+01:00Découvrez les deux secrets d'une entreprise véritablement centrée clients !<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuAqglX0XHzAHrb-wf0m_13JH9ayX9X325wOY4KaZrD25VNQgaepw-TM6BzLZkoQFIK-or1exAdOnyJv_bKTGuOQ-Tq8z8423eG3axtDBczniySokbvcLQrxx4lAYi0LGRo2mi8pgtx3c/s1600/Jean-Fran%25C3%25A7ois+Zobrist.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuAqglX0XHzAHrb-wf0m_13JH9ayX9X325wOY4KaZrD25VNQgaepw-TM6BzLZkoQFIK-or1exAdOnyJv_bKTGuOQ-Tq8z8423eG3axtDBczniySokbvcLQrxx4lAYi0LGRo2mi8pgtx3c/s200/Jean-Fran%25C3%25A7ois+Zobrist.jpg" width="200" /></a></div>
<b>Les projets centrés clients ne peuvent véritablement fonctionner sur du long terme, que si l'ensemble de l'entreprise pousse dans ce sens. C'est pour cela que si, parmi les méthodes UX, une série d'astuces permet d’insuffler le bon état d'esprit aux équipes, elles ne sont pas adaptée pour influer l'ensemble des strates de l'entreprise.</b><b> Alors, centrer son entreprise sur le client... qu'est-ce que cela implique précisément ?</b><br />
« En
ce pauvre monde qui mérite d’être ménagé, il faut avancer pas à pas. Procédez
selon les circonstances, et respectez les personnes. »
(Charles De Gaulle)<br />
<div class="MsoNormal" style="text-align: left;">
Même si cela ne concerne pas directement le digital, dans cette conférence, Jean-François Zobrist illustre parfaitement les règles de management qui permettent à une entreprise de centrer, avec succès, toute son organisation sur le client. Vous allez être surpris par la belle leçon qu'il nous donne et qui vaut pour nous tous.<br />
Les deux secrets de l'entreprise véritablement centrée clients ? Management par la confiance et amour du client !<br />
<b><br /></b>
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/2jjEN5hdFwc" width="560"></iframe><b><br /></b><br />
Conférence « L’entreprise libérée : le management par la confiance. » Jean–François Zobrist<br />
<br /></div>
<div class="MsoNormal" style="text-align: left;">
<div class="MsoNormal">
<b>Voici quelques pépites choisies</b> de la conférence
« L’entreprise libérée : le management par la confiance. »
Jean–François Zobrist (<a href="http://www.favi.com/" target="_blank">www.favi.com</a>)</div>
<ul style="text-align: left;">
<li><b>« Service
RH </b>= Service Rendre Heureux !!! »
</li>
<li><b>1 seul objectif : </b>« Qu’est-ce
que je peux faire de plus et de moins cher pour mes clients ? »</li>
<li><b>Pour éviter les blocages : « Faites
sans dire que vous allez faire ».</b> « Metaction :
c’est l’action qui génère la réflexion qui débouche sur plus d’action.
L’Anaction : la réflexion débouche sur la réflexion qui débouche sur rien
du tout. Le syndrome Hollande, quoi … »</li>
<li><b>Éliminer les strates inutiles</b> « Pas
de chef de service, pas de tension, pas de problème ». « C’est
la structure qui génère les problèmes »</li>
<li><b>Changer de logiciel :</b> « La
structure parle toujours de gagner des sous, c’est négatif. Faut baisser les
coûts de 5%. Cela fait bander personne. Faire plus, PLUS, c’est génial. »</li>
<li><b>Ne
cherchez jamais à améliorer l’existant</b>, la structure passe son temps à
améliorer l’existant. Laissez faire ceux qui sont directement impliqués dans l'action. »</li>
<li><b>« Un
problème n’a pas une solution unique parfaite.</b> La structure passe son temps en
réunions pour faire des solutions uniques parfaites. La solution à un problème
c’est une suite de solutions imparfaites. Et c’est la somme des solutions
imparfaites qui finit par faire la solution parfaite. L’ouvrier les connait,
les solutions parfaites. »</li>
<li><b>« Allez
vers la confiance. »</b> Plus de contrôle mais, vous pourriez penser que : « Faut
pas déconner quand même. La confiance n’exclut pas le contrôle.» Réponse : « T’es marié
toi ? Tu vas faire une expérience. Quand
ta femme va chez le coiffeur, systématiquement, tu vas téléphoner chez le
coiffeur pour savoir si elle est chez le coiffeur. Je peux t’assurer que dans
six mois, t’es cocu.» Conclusion : On peut pas aller
vers la confiance si on ne va pas jusqu’au bout. Quand vous démarrez vous ne
pouvez pas arrêter. Si vous ralentissez, la structure bloque tout derrière,
c’est foutu ! »</li>
<li><b> « Tout
système libertaire n’est libertaire que parce qu’il y a deux valeurs limites.</b>
Si je sors de ces limites, on est plus dans le système. Le couple, il y a deux
valeurs limites : la fidélité (physique, morale, intellectuelle), le
respect de l’autre (la gentillesse). Si vous sortez de ces limites, c’est plus
un couple, c’est autre chose. Le système judéo-chrétien a deux valeurs limites,
aime ton prochain comme toi-même et ne fait pas à autrui ce que tu ne voudrais
pas qu’on te fasse. Tant qu’on est là-dedans, on est en accord avec la morale
ou avec la religion. Le musulmans, c’est ‘il n’y a qu’un dieu
et son nom est Allah, et c’est le respect de la tradition. Les ricains, c’est
la liberté et le respect de la propriété. C’est la base de la
démocratie…. »</li>
<li><b>Les deux valeurs limites dans la plupart de entreprises : Tout prévoir, zéro risque</b>. « Nous,
nos valeurs limites : l’homme est bon. Parce que l’homme c’est le seul
mammifère placentaire qui respecte les vieux, qui les,soigne, qui soigne
les blessés, qui soigne les malades, le seul. L’homme est foncièrement bon. Et
nous on a fait le pari que l’homme est bon. Aucun contrôle. On ne contrôle ni
les prix de revient, ni les temps, rien, rien, rien. Tout contrôle est détruit.
Toute personne qui fait un contrôle, on la recase ailleurs. Et l’autre limite,
c’est l’amour du client. Quoi qu’on fasse, il faut que ça serve l’amour d’un
client, interne ou externe. </li>
<li><b>Éliminer tous les papiers qui ne concernent pas le client,</b> cela représente 80% des
papiers, On échange des chiffres, on reçoit des tableaux de bord mais, il n'y a pas le
client derrière,… </li>
<li><b>Et il
faut un rêve partagé</b>. Et nous, notre rêve partagé, c’est le village. Toujours plus et
moins cher pour mon client et dans ce village. ». « Un
beau rêve partagé, ça doit commencer par ‘merde’. C’est simple tout ça, c’est
pas des grandes phrases. »</li>
<li><b>« Les
valeurs limites, il en faut que deux</b>. Trois c’est cul de sac, quatre, c’est un
parc. Quand on a un parc et on fait des moutons. </li>
<li><b>« Est-ce
qu’il faut accepter le droit à l’erreur ?</b> Le seul fait de se poser la
question fait que l’on connait qui a fait l’erreur. Pour moi, l’erreur est
collective. Si quelqu’un fait une erreur, c’est que ça vient du système, de la
structure, donc moi [le patron]. Je me suis jamais posé la question quand il y
avait un problème de savoir qui avait fait le problème. »</li>
<li><b>« Les
primes, c’est un os qu’on donne à un chien.</b> T’as été gentil, je te donne un os.
Comment voulez-vous motiver les gens avec des primes. </li>
<li><b>Une augmentation, c’est
une preuve de confiance ». </b>« Management
, ça vient du français ‘ménager’, c'est-à-dire manipuler en ménageant. »</li>
<li><b>« Prôner
sans organiser.</b> On passe son temps à organiser sans prôner. Prôner sans
organiser. Laissez les gens s’auto-organiser. C’est stupide d’organiser. Mais
prôner au moins. Expliquez aux gens, motivez. »</li>
<li><b>« Innovez !</b>
Quand on recherche, on trouve ce que l’on a cherché. Quand on innove, on trouve
quelque chose qu’on a pas cherché. Moi, l’innovation ça a été de faire la
corrélation ‘performance = bonheur’ qui est une innovation. »</li>
</ul>
</div>
</div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-20717133536598899892016-01-07T11:16:00.001+01:002016-01-08T17:11:08.432+01:00Recherche participants pour une enquête sur « l’acceptabilité des objets connectés » !<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl11sOoSihk2RNA5SptBcsEnWW7Sl9PyWNh02ZYXoxqH1lkmqxLkl2SQ0CaC_F_fCDGSLeSzndqryjQjGGDqdIUPG0vKCfglzKUIjPKl7hEV7JEprlJafVS4EhG6xrNw75NWt_ZW82eXs/s1600/objets-connect%25C3%25A9s.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl11sOoSihk2RNA5SptBcsEnWW7Sl9PyWNh02ZYXoxqH1lkmqxLkl2SQ0CaC_F_fCDGSLeSzndqryjQjGGDqdIUPG0vKCfglzKUIjPKl7hEV7JEprlJafVS4EhG6xrNw75NWt_ZW82eXs/s320/objets-connect%25C3%25A9s.jpg" width="320" /></a></div>
<b>Dans
le cadre de son doctorat en Marketing à l'université de Toulouse,
Elodie Attie recherche des participants pour son enquête sur
« l’acceptabilité des objets connectés ».</b><br />
<br />
<div class="MsoNormal">
Si, vous lisez ce message avant le 22 janvier 2016, si, vous utilisez des objets connectés et si, vous avez 15 petite minutes alors cela se passe là ==> <a href="http://goo.gl/forms/CQpDiRhqK6" target="_blank">http://goo.gl/forms/CQpDiRhqK6</a>. </div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Merci de diffuser ce billet à un maximum de personnes (pro
ou privés) autour de vous qui possèdent des objets connectés.</div>
Les résultats de l’enquête seront
publiés dans un article d’un N° spécial de Journal of Marketing Management.
<br />
<div class="MsoNormal">
Pour ceux qui veulent en savoir plus, ci-joint la <a href="https://iotday.wordpress.com/programme" target="_blank">présentation du
mémoire de M2</a> recherche présenté par Elodie Attie (PhD student) & Lars
Meyer-Waarden (Full Professor in Marketing) lors des Journées d’étude le 5
novembre 2015 organisée par Christophe Benavent (Université Nanterre) sur
l’Adoption et Appropriation des IoT.</div>
</div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-70559213782553025802016-01-05T19:00:00.000+01:002016-01-18T12:05:14.545+01:0010 liens pour UX-ement bien commencer 2016 !<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVSA2VpNQErokNf8MTldeXuxPT19IHM4pjW4vJsvxQYcVobmDjE4i6GrcDxuZFyiuqQ3o3NIwzelg-FBmGPFRDr55bZorcs5Wc-Ao78RlBFo-h1dFD0EYRcllSGWh1YvN4DUv67v_sGIY/s1600/UX-typo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVSA2VpNQErokNf8MTldeXuxPT19IHM4pjW4vJsvxQYcVobmDjE4i6GrcDxuZFyiuqQ3o3NIwzelg-FBmGPFRDr55bZorcs5Wc-Ao78RlBFo-h1dFD0EYRcllSGWh1YvN4DUv67v_sGIY/s400/UX-typo.jpg" width="400" /></a></div>
<div style="text-align: center;">
Pour bien débuter 2016, année qui ne manquera pas d'être merveilleusement plus centrée utilisateurs, voici une liste à la Prévert de 10 liens les plus emblématiques de 2015 :</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
1/ <span style="color: black;"><a href="https://www.uber.com/" target="_blank">L'application la plus tapageuse </a></span></div>
<div style="text-align: center;">
2/ <span style="color: black;"><a href="http://www.samuel-medvedowsky.com/" target="_blank">Le book UI le plus abouti</a></span> </div>
<div style="text-align: center;">
3/ <span style="color: black;"><a href="https://www.google.com/trends/explore#q=UX&date=1%2F2015%2012m&cmpt=q&tz=Etc%2FGMT-1" target="_blank">Les pays les plus UX</a></span> </div>
<div style="text-align: center;">
4/ <span style="color: black;"><a href="https://www.linkedin.com/pulse/why-apples-products-so-confusing-ignore-design-don-norman" target="_blank">L'article UX le plus lu </a></span></div>
<div style="text-align: center;">
5/ <span style="color: black;"><a href="https://www.blablacar.fr/" target="_blank">Le site le plus Buzz</a></span> </div>
<div style="text-align: center;">
6/ <span style="color: black;"><a href="http://www.axance.fr/" target="_blank">L'agence la plus UX</a></span></div>
<div style="text-align: center;">
7/ <span style="color: black;"><a href="https://vimeo.com/121037431" target="_blank">La conférence UX of the year</a> </span></div>
<div style="text-align: center;">
8/ <span style="color: black;"><a href="http://www.amazon.com/Intertwingled-Information-Everything-Peter-Morville/dp/0692225587" target="_blank">Le livre de l'année (je ne l'ai pas encore lu...)</a></span></div>
<div style="text-align: center;">
9/ <span style="color: black;"><a href="http://flupa.eu/blog/" target="_blank">L'association de l'année</a></span> </div>
<div style="text-align: center;">
10/ <span style="color: black;"><a href="https://www.google.com/design/spec/material-design/introduction.html" target="_blank"><span style="color: black;">The</span> recueil de bonnes pratiques </a></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
A tous, bonne et fructueuse année 2016 !</div>
</div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-22508149732019449942015-12-18T19:20:00.000+01:002015-12-22T16:28:36.479+01:00UX super-hero : Tendances 2016<div dir="ltr" style="text-align: left;" trbidi="on">
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>FR</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:DontVertAlignCellWithSp/>
<w:DontBreakConstrainedForcedTables/>
<w:DontVertAlignInTxbx/>
<w:Word11KerningPairs/>
<w:CachedColBalance/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]-->
<br />
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><span style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><a href="https://www.blogger.com/goog_1195553720"><img alt="" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz8ZA_cO8LDTFRuLazGiFXJYZ5MPT59hlQ587ph7bN9KcsWLfaYdOD3FqRSqGdmZo9sXw5Bz-Ko-85NeBKCmgctrGM2d0GVsUlr4OMTs0hzp8egfpQQvSiAbVrrv06g9Nn7kpkGl9hFGQ/s320/UX-superheroe.jpg" title="UX Design is Not a One Man Show" width="308" /></a></span></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://en.dailysocial.id/post/ux-design-is-not-a-one-man-show#">http://en.dailysocial.id/post/ux-design-is-not-a-one-man-show#</a></td></tr>
</tbody></table>
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>FR</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:DontVertAlignCellWithSp/>
<w:DontBreakConstrainedForcedTables/>
<w:DontVertAlignInTxbx/>
<w:Word11KerningPairs/>
<w:CachedColBalance/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]-->
<br />
<div class="MsoNormal">
<b>Pour certains, 2016 sera l'année où</b> les deux lettres UX apparaîtront sur leurs profils Linkedin, pour d'autres, 2016 sera l'année où la
<a href="http://www.designersinteractifs.org/actualites/actu/quelles-differences-entre-design-dinteraction-et-ux-design" target="_blank">conception d'interfaces</a> s'uniformisera un peu plus, avec des modèles bien normées
et un flat design qui au passage a aplati certaines imaginations. </div>
<div class="MsoNormal">
C'est l'année où la question rituelle sera : Quel est
exactement le besoin utilisateur que vous essayez de résoudre en introduisant
ce <a href="http://www.designersinteractifs.org/actualites/actu/quelles-differences-entre-design-dinteraction-et-ux-design" target="_blank">nouveau modèle d'interaction</a> ? </div>
<div class="MsoNormal">
C'est aussi l'année où la réflexion ne se posera plus qu'en
termes d'interfaces et d'écrans supplémentaires. Car, si l'utilisateur peut
encore parfois, ouvrir cette application météo magnifiquement
conçue, pour vérifier les prévisions, il est sûr en revanche que, la chose la plus utile que
l'application puisse faire, serait de nous envoyer, une notification 15 minutes
avant la pluie. </div>
<div class="MsoNormal">
Une année où les gens voudront encore, comme le bon sens l'exige, faire qu'une seule chose à la fois
et être guidés à travers un flux plutôt que d'être invité à choisir
parmi plusieurs points de décision à chaque étape. Les gens aiment la commodité
et la simplicité d'une expérience linéaire. Pas étonnant que les applications
<a href="https://en.wikipedia.org/wiki/Business_process_management" target="_blank">BPM (Business Process Management)</a> sont ainsi, de plus en plus plébiscitées
comme choix d'applications CRM. </div>
<div class="MsoNormal">
Enfin, sous l'effet de températures particulièrement douces de cette fin d'année, les U et les X ont fleuri sur les titres
des annonces d'emploi pour tout types de poste : UX ingénieur, UI / UX Designer,
UX Architecte, UX front Ingénieur. Cela prouve que l'expérience utilisateur
devient une préoccupante nécessité. Les entreprises auront bientôt toutes, au moins un
professionnel en charge de superviser l'expérience utilisateur de ses produits
et de ses services. De là à dire que l'UX viendra, en 2016, au secours du gouvernement
pour lutter contre le chômage, il n'y a qu'un pas que je franchirai que sous l'injonction exclusive de mon super-héro préféré.</div>
<!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Tableau Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;}
</style>
<![endif]--></div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-28725057377616433202015-12-02T14:07:00.003+01:002015-12-08T11:47:53.065+01:00Le Material Design, un bien et un mal...<div dir="ltr" style="text-align: left;" trbidi="on">
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>FR</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:DontVertAlignCellWithSp/>
<w:DontBreakConstrainedForcedTables/>
<w:DontVertAlignInTxbx/>
<w:Word11KerningPairs/>
<w:CachedColBalance/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]-->
<br />
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
</div>
<b>Google vient de mettre en ligne, un recueil très concret de bonnes pratiques concernant la conception d'interface. Cette initiative intéressante est un pas
sur la route d'une écriture universelle d'application mais, cette route
appauvrie fatalement l'imaginaire de cette merveilleuse
discipline. </b><br />
<br />
<b><u>La</u> mauvaise idée</b></div>
<div class="MsoNormal">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_PxhQcGaMgxQ4vXXm7ePH4k7qgvncpgOcLdOwN8T9NVeWRLHo40ohB2dNVtpkelC1xpFBdE2U-Wcw1UkUPhyDejrvURQjj9KJmIqScBOIbqVMYncJGaseafKBO_V5A2SV69IxndCBRso/s1600/icone-google3.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_PxhQcGaMgxQ4vXXm7ePH4k7qgvncpgOcLdOwN8T9NVeWRLHo40ohB2dNVtpkelC1xpFBdE2U-Wcw1UkUPhyDejrvURQjj9KJmIqScBOIbqVMYncJGaseafKBO_V5A2SV69IxndCBRso/s320/icone-google3.png" title="Material Design" width="320" /></a>Beaucoup pense que l'empathie, cette magnifique capacité à
se projeter mentalement dans la peau d'un autre, (en l’occurrence d'un utilisateur) suffira pour concevoir
une application ou un site web.
Mais, l'ensemble des composants d'une interface (icônes, couleurs, grille, ...),
le nombre excessif d'étapes, les temps de chargement, les ruptures d'interfaces
peuvent très rapidement perdre l'utilisateur. <u>Ne comptez pas sur l'originalité
de votre idée et sur son potentiel d'intérêt en terme de fonctionnalités pour, compenser le fait que
l'utilisateur n'aura pas le temps, ni la motivation à consacrer pour comprendre
l'utilisation de votre produit.</u></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b><u>La</u> solution : l'UX mais...</b></div>
<div class="MsoNormal">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGXwP9ZHXBrMFK0XYAK5lmHLKRcfROGmp7OoXUm-o-Bt-rkjqTFofKQV5_K1IN-sMFlasacHjitGlzM4_wLBfPQYkflkdAlpg_oHOheW5C4sjaynCe70t5FiMI6bIem9QlgpEwokmvPXo/s1600/icone-google4.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGXwP9ZHXBrMFK0XYAK5lmHLKRcfROGmp7OoXUm-o-Bt-rkjqTFofKQV5_K1IN-sMFlasacHjitGlzM4_wLBfPQYkflkdAlpg_oHOheW5C4sjaynCe70t5FiMI6bIem9QlgpEwokmvPXo/s320/icone-google4.png" width="320" /></a>La solution pour éliminer ce risque est d'adopter une
méthode de conception centrée utilisateurs mais, si vous n'avez pas les
ressources, ni le goût à investir vos équipes autour des méthodes UX, le seul
conseil habituellement donné est celui d'éliminer toute créativité. Copier les
interfaces très connues et très utilisées. Ce n'est pas toujours simple surtout
si votre projet apporte une nouveauté en terme de fonctionnalité mais, cela peut
prévenir des grosses erreurs de conception même si cela ne garantie rien. <br />
Pour vous donner un peu plus de chance, Google vient de créer un concept de
design d'interface le "Materiel design".</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Le Material Design une tentative de design universel</b></div>
<div class="MsoNormal">
Le Material Design est un ensemble de règles dictées
par Google. Ces règles sont dédiées à la création l’interface pour les
logiciels et les applications mobiles. Le but est de garantir un minimum de
facilité d’utilisation aux interfaces avec un design unique et homogène. Le
guide mis en ligne et réalisé par Google est bien fait et intéressant :
<a href="https://www.google.com/design/spec/material-design/introduction.html">https://www.google.com/design/spec/material-design/introduction.html</a>.</div>
<div class="MsoNormal">
Un grand nombre d'informations sont décrites d'une façon
simple et utile pour tous les designers d'interface. Une bonne occasion de revisiter ses classiques. Cette tentative d'élaborer <u>la</u> Bible du design d'interface répond à la profusion d'applications mobiles et donc à la profusion d'interfaces avec une mauvaise utilisabilité. L'avenir nous dira si les professionnels qui travaillent sur la conception d'interface seront influencés par cette publication et en feront une tendance.</div>
<!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Tableau Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;}
</style>
<![endif]--></div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-39054498100312791502015-10-29T18:48:00.001+01:002015-12-04T10:10:34.311+01:00Pour des Burger Menu bien digestes !<div dir="ltr" style="text-align: left;" trbidi="on">
Le burger menu est une icône de navigation (☰) qui remplace, de plus en plus, sur les sites web, le menu texte présentant les différentes rubriques. Si le Burger, le Kebab, le Döner, le Bento ou le Meatballs Menu ont conquis les interfaces des applications, leur utilisation dans tout l'univers du digital fait-elle pour autant, l'unanimité chez les utilisateurs ?<br />
C'est à cette question pertinente que tente de répondre <a href="http://www.blogoergosum.com/40709-burger-menu-approche-t-lindigestion" target="_blank">cet article</a> intelligemment assaisonné.<br />
Bon appétit !<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVRY0WCPHQEQJc_ihZGlq1vNIGg8Si3gdEu5vuALvmTSlsn5L-iri1SfC4nxugRs3Nd7jqraDYlq3n0-XR6h19K6XgSx2RMqOTaHvygoKB0L3daG-dh0HbX-8txnHIwqib3MdNp2U8LZU/s1600/the+mystery+meat+of+mobile+navigation.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVRY0WCPHQEQJc_ihZGlq1vNIGg8Si3gdEu5vuALvmTSlsn5L-iri1SfC4nxugRs3Nd7jqraDYlq3n0-XR6h19K6XgSx2RMqOTaHvygoKB0L3daG-dh0HbX-8txnHIwqib3MdNp2U8LZU/s400/the+mystery+meat+of+mobile+navigation.png" width="400" /></a></div>
<br />
<div style="text-align: left;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-29499653630825647012015-09-18T17:04:00.001+02:002015-09-18T17:18:49.634+02:00Pelouse interdite ou l'UX piétiné<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg_z2B80peFVi4Pm4OQM7xlxgd0nVbAq5JOGdHlArlfA-msxproSG1PRzhTKbIDXvaa-7LrhV9GRceUoj5fIwdH9oA_ydbx1TF4oRXYm6P89eqbbJC2g1Wr9kbOXEp9P9bZ_ASoyzdgfA/s1600/Design-VS-Experience.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg_z2B80peFVi4Pm4OQM7xlxgd0nVbAq5JOGdHlArlfA-msxproSG1PRzhTKbIDXvaa-7LrhV9GRceUoj5fIwdH9oA_ydbx1TF4oRXYm6P89eqbbJC2g1Wr9kbOXEp9P9bZ_ASoyzdgfA/s320/Design-VS-Experience.jpg" width="320" /></a></div>
Voici une photo qui illustre parfaitement le risque pris par les projets digitaux lorsqu'ils ne prennent pas ou mal en compte l'expérience utilisateur.<br />
Dans le cas présent, seules vos chaussures seront couvertes de boue les jours de pluie et il sera difficile de négocier à la baisse le coût d'entretien des pelouses. On pourrait suggérer d'installer un beau panneau PELOUSE INTERDITE et une petite clôture pour empêcher le passage et un gardien pour faire respecter l'interdiction. Cela justifiera pendant encore quelques temps la place de ceux qui sont à l'origine de la route ;-)<br />
<br />
<br /></div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-57791562197778285232015-08-15T11:59:00.002+02:002018-06-12T16:28:39.452+02:00Quelle place pour l'animation dans votre interface ?<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: right;">
</div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhszOJUuzhfAVQQewv2zgBiCOhEc6QMkDnGhCIraYcWeIkQe-FmwksQvoVvJT1f6FbpEpQ7WZPRvwWmI3PFdhhszO7uc26-s9fBBjMo0h2aSQKPoxNGtofvacuv5-VVwuvIEa8XoWG6sWc/s1600/draft_08.gif" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" data-original-height="600" data-original-width="800" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhszOJUuzhfAVQQewv2zgBiCOhEc6QMkDnGhCIraYcWeIkQe-FmwksQvoVvJT1f6FbpEpQ7WZPRvwWmI3PFdhhszO7uc26-s9fBBjMo0h2aSQKPoxNGtofvacuv5-VVwuvIEa8XoWG6sWc/s320/draft_08.gif" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="background-color: rgba(255, 255, 255, 0); font-size: xx-small;"><span style="text-align: left;">Interface réalisée par </span><a href="https://dribbble.com/vitwai" style="text-align: left;" target="_blank">Vitaly </a></span><span style="color: black; font-size: xx-small;"><a href="https://dribbble.com/vitwai">Rubtsov</a></span></td></tr>
</tbody></table>
L'animation pour les interfaces est souvent un point fort pour s'assurer l'adhésion des utilisateurs mais, cela constitue un vrai enjeu pour le projet, en terme d'investissement, un risque qu'il convient donc d'assurer lors de la conduite du projet.<br />
<span style="background-color: rgba(255, 255, 255, 0);"><br /></span>
<span style="background-color: rgba(255, 255, 255, 0);"><b>La performance : </b></span><br />
<span style="background-color: rgba(255, 255, 255, 0);">Les animations sont souvent gourmandes en poids et impact la performance. C'est sûrement pour cela qu'elles se retrouvent plus souvent dans les applications mobiles que sur les sites web ou sur les applications métiers. Cet aspect performance doit être analysé par les équipes MOE qui statueront selon l'architecture technique envisagée.</span><br />
<br />
<span style="background-color: rgba(255, 255, 255, 0);"><b>Evitez les chausse-trapes :</b></span><br />
Dans le projet, les animations ne peuvent être conçues qu'à la fin et elles apparaissent alors, comme non indispensables dans la mesure où, l'interface est déjà validée comme efficiente. Ainsi, il important de déterminer dés le départ un budget spécifique à l'animation de l'interface, qu'il faudra s'efforcer le plus possible de préserver. Il est important également de garder en mémoire, un argumentaire bien structurer sur les avantages des animations pour vos utilisateurs afin, de rafraîchir la mémoire de ceux qui remettrait en question leurs utilités.<br />
<br />
<b>Gérer la conception avec une méthode Agile centrée utilisateurs :</b><br />
Les animations jouent un rôle important dans l'utilisabilité et l'ergonomie en rendant explicite la navigation mais, dans le cadre d'une méthode Agile centrée utilisateurs, la création des animations d'une interface est autant portée par l'équipe formée par le designer graphique et les développeurs<span style="background-color: rgba(255, 255, 255, 0);"> </span>que par l'équipe formée par le PO, l'expert UX et l'ergonome.<br />
<span style="background-color: rgba(255, 255, 255, 0);">Pour concevoir les animations, elles</span> doivent être préalablement décrites au moyen de storyboards qui seront validés par toute l'équipe Agile avant leurs réalisations. Si possible, il est également préférable de réaliser une maquette animée, <span style="background-color: rgba(255, 255, 255, 0);">même succinctement, </span>que l'on pourra tester auprès des utilisateurs.<br />
En effet, une fois l'interface terminée, elle doit passer par l'épreuve des tests utilisateurs et tous les problèmes ergonomiques "importants" détectés entraîneront un coût supplémentaire pour réaliser les modifications et un retard pour le projet. De la même manière, une fois réalisée, il sera difficile de multiplier les modifications pour faire des variantes ou des améliorations. C'est sûrement pour cela que les interfaces savamment animées comme celle réalisée par <a href="https://dribbble.com/vitwai" target="_blank">Vitaly Rubtsov</a> (<span style="background-color: rgba(255, 255, 255, 0); text-align: center;">UI/UX Designer travaillant en Ukraine) ci-dessus ou encore celle réalisée par <a href="https://dribbble.com/t13nv" target="_blank">Artem Borodynya</a> (web designer à St Petersbourg en Russie) ci-dessous, </span>ne sont pas encore légions.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg04unAphNzxFQHVDPizSG-39LFJUduYAynzXyN14YJiePdDGqNP6OBfaBXx1vvjJU3Vq0uONjGFmchxodk5F8gN1Xh1CFTdu9G5-UxrcflpZDNNDB3sY2OH6U8ykw7QJwfDEGjl5TmXyI/s1600/allshots3.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="600" data-original-width="800" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg04unAphNzxFQHVDPizSG-39LFJUduYAynzXyN14YJiePdDGqNP6OBfaBXx1vvjJU3Vq0uONjGFmchxodk5F8gN1Xh1CFTdu9G5-UxrcflpZDNNDB3sY2OH6U8ykw7QJwfDEGjl5TmXyI/s320/allshots3.gif" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="background-color: rgba(255, 255, 255, 0); font-size: xx-small;"><span style="text-align: left;">Interface réalisée par </span><a href="https://dribbble.com/vitwai" style="text-align: left;" target="_blank">Vitaly </a></span><span style="color: black; font-size: xx-small;"><a href="https://dribbble.com/vitwai">Rubtsov</a></span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-87387393930080485312015-08-10T17:05:00.000+02:002015-08-17T13:56:38.406+02:00Pourquoi le Web Design est mort ?...<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqnpf000A9Gt0RRCaAO64cIS6mF4s6m_LPVubDfBz6bhinu7kRawUW3kGXnH86ndQWuvCDDfebcdKCldY1-TKiX8PuOwngulI-Ly7slYLVCbFkuJxOeA8Gu6jlAEyA0i2eShwaueyZiYk/s1600/image.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqnpf000A9Gt0RRCaAO64cIS6mF4s6m_LPVubDfBz6bhinu7kRawUW3kGXnH86ndQWuvCDDfebcdKCldY1-TKiX8PuOwngulI-Ly7slYLVCbFkuJxOeA8Gu6jlAEyA0i2eShwaueyZiYk/s320/image.jpg" width="320" /></a></div>
<span id="result_box" lang="fr">... Excellent titre porté par <a href="http://uxmag.com/articles/why-web-design-is-dead" target="_blank">un article paru</a> sur le magazine en ligne "<a href="http://uxmag.com/" target="_blank">UX Mag</a>" et é<span class="hps">crit par le concepteur UX</span> <span class="hps">d'origine chilienne</span>, <a href="http://sergio.nouvel.me/" target="_blank"><span class="hps">Sergio</span> <span class="hps">Nouvel</span></a><span class="hps">.</span> <span class="hps">Il travaille</span> <span class="hps">en Amérique latine et il </span><span class="hps">est également co</span><span class="atn">-</span>fondateur de <span class="hps"><a href="https://www.getonbrd.com/" target="_blank">Get on Board</a></span>, <span class="hps">une plateforme</span> <span class="hps">d'emploi</span> <span class="hps">pour </span><span class="hps">les professionnels</span> <span class="hps">du digital.</span></span><br />
<span lang="fr"><span class="hps">Pour résumer son point de vue, nous pouvons dire que <span class="hps">les changements d'usage concernant le digital, sont portés par les nouveaux supports sur lesquels les contenus numériques se sont invités et s'inviteront demain. Cela impacte en profondeur le web design (UI). <a href="http://uxmag.com/articles/why-web-design-is-dead" target="_blank">Lire l'article</a>.</span></span></span><br />
<span lang="fr"><span class="hps"><span class="hps">Ce mouvement sonnent lentement le glas</span> d'internet sur le traditionnel support Desktop et par conséquent, sonne également le glas <span class="hps">du web design et de ses seules règles esthétiques sur lesquelles, il s'appuyait</span><span class="hps">. Le web design ne peut plus tenir la place centrale mais, il s'inclut naturellement parmi l'éventail des compétences nécessaires à la conception d'interfaces comme l'UX et l'Ergonomie. <br />Ecoutez ci-dessous, la conversation entre Sergio Nouvel et UX magazine à ce sujet :</span></span></span><br />
<div id="gt-edit" style="display: none;">
<div style="width: 100%;">
<textarea autocapitalize="off" autocomplete="off" autocorrect="off" class="goog-textarea" dir="ltr" id="contribute-target" name="edit-text" rows="1" spellcheck="false" style="-ms-overflow-x: auto; -ms-overflow-y: hidden; box-sizing: border-box; height: auto; padding-right: 20px;" tabindex="0" wrap="SOFT"></textarea><br />
<div aria-hidden="true" aria-label="Supprimer le texte" class="clear-button goog-toolbar-button" data-tooltip-align="t,c" data-tooltip="Supprimer le texte" id="gt-clear" role="button" style="display: none; right: 0px;" unselectable="on">
<span class="jfk-button-img" unselectable="on"></span><br /></div>
</div>
</div>
<div id="gt-res-tools">
<div id="gt-res-tools-l">
<div id="gt-pb-star">
<div aria-hidden="false" aria-label="Enregistré" class="goog-toolbar-button goog-inline-block trans-pb-button" data-tooltip-align="t,c" data-tooltip="Enregistré" role="button" tabindex="0" unselectable="on">
<span class="jfk-button-img" unselectable="on"></span><br /></div>
</div>
</div>
</div>
</div>
<iframe frameborder="no" height="450" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/133287163&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" width="100%"></iframe><br /></div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0Paris48.470004883803959 1.054687525.89787538380396 -40.2539065 71.042134383803955 42.3632815tag:blogger.com,1999:blog-7857018369416020754.post-71138835158783354592015-06-24T18:46:00.001+02:002015-07-22T10:31:44.704+02:00Teaser, une nouvelle application mobile pour découvrir les annonces des films à l'affiche au cinéma...<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC3Ap6_RsQM517HnEU10-sBswm72Dipe6SDdmJK8cTHm_IQKhdkHpTxCYtxLC4R9SHh2EolQkAlyYn1rswtRLkGz-560j0NDNEXaWs8LQlriQY47dFePA9d2gXpDk_tNaA82ssJbKGdQ0/s1600/Teaser-appli.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC3Ap6_RsQM517HnEU10-sBswm72Dipe6SDdmJK8cTHm_IQKhdkHpTxCYtxLC4R9SHh2EolQkAlyYn1rswtRLkGz-560j0NDNEXaWs8LQlriQY47dFePA9d2gXpDk_tNaA82ssJbKGdQ0/s400/Teaser-appli.jpg" width="400" /></a>...mais, pas que ! Testez cette nouvelle application (uniquement disponible sur Apple store) et écrivez votre avis sur sa conception en commentaire de cet article. Cela aidera sûrement à la faire connaître... ou pas ;-).</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<a href="https://itunes.apple.com/au/app/teaser-discover-great-films/id938709093?mt=8" target="_blank">Téléchargement depuis le store</a><br />
<a href="http://www.teaserapp.com/" target="_blank">Voir le site</a></div>
</div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-28267218918880163162015-03-17T19:06:00.002+01:002015-07-22T10:31:07.249+02:00Embarquez de l'UX dans votre voiture !<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
<b>Les champs d'investigation de l'UX sont nombreux et la
conception d'interface pour les navigateurs de bord est un domaine où
beaucoup de choses restent encore à mettre au point. C'est en tous cas l'avis
de Martin Oberhäuser à juger du dernier prototype sortit de son bureau d'étude
éponyme basé à Hambourg.</b><o:p></o:p></div>
<div class="MsoNormal">
Je partage avec lui cette étonnante constatation : pour
quelques centaines d'Euros, nous pouvons placer des mini ordinateurs ultra
puissants que sont nos smartphones dans nos poches mais, dans nos voitures, les
outils GPS proposent une expérience utilisateur qui est loin d'être à la hauteur. Ils se sont donc attaqués à ce sujet. Leur interface propose des
widgets qui peuvent être réarrangés sur une grille flexible. Les widgets sont
disponibles en plusieurs tailles et peuvent ainsi être librement combinés pour
une expérience utilisateur personnalisée. <o:p></o:p></div>
<div class="MsoNormal">
Pour Martin Oberhäuser et son équipe, ce concept en est
encore qu'au stade de l'expérimentation. Il a été construit en quelques
semaines comme un projet en parallèle de leurs dossiers. Chapeau à cette équipe qui propose souvent de très beaux projets. Ils leurs restes donc toute
une phase de conception UX avec les automobilistes pour faire évoluer ce
magnifique prototype. Je leur souhaite bonne route !</div>
<br />
<iframe allowfullscreen="" frameborder="0" height="800" mozallowfullscreen="" src="https://player.vimeo.com/video/122412551" webkitallowfullscreen="" width="500"></iframe></div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0tag:blogger.com,1999:blog-7857018369416020754.post-17198981847210909572015-03-12T21:14:00.002+01:002015-03-16T11:24:18.467+01:00Fidélisation clients et caisse enregistreuse, un passionnant mariage de raison<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyF0OBF4p8pwvPNwopwZDI0IQ8Dpzv6DKd8j3xwoJjJCRjaAqZ19rTC8tAubPa7RBYywgk_KNQFszQRJYdyV43TjDR5L07M7KpTryGs40Ibg40sYF6S5wFDV0chS5myK3124qONis72hU/s1600/caisse+enregistreuse.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyF0OBF4p8pwvPNwopwZDI0IQ8Dpzv6DKd8j3xwoJjJCRjaAqZ19rTC8tAubPa7RBYywgk_KNQFszQRJYdyV43TjDR5L07M7KpTryGs40Ibg40sYF6S5wFDV0chS5myK3124qONis72hU/s1600/caisse+enregistreuse.png" /></a></div>
<div class="MsoNormal">
Dans les faits, les restaurants et les salons de coiffure
sont les plus friands des fonctionnalités qui autorisent une fidélisation
optimale de la clientèle. Concrètement, la fidélisation par la caisse enregistreuse passe toujours par la création de comptes clients individualisés,
entre autres. Mais la stratégie prospective va bien au-delà puisqu’à partir de
ces comptes, l’on procède aisément à une segmentation clientèle, c’est-à-dire à
la catégorisation de clients ayant des préférences similaires. Sans oublier la
place des périphériques dans la fidélisation clientèle.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Les comptes clients individualisés</b><o:p></o:p></div>
<div class="MsoNormal">
C’est d’abord une base de données qui retrace les flux de
transactions des clients. Ces données renseignent sur la fréquence des
transactions de chaque client, mais aussi et surtout sur les produits ou
services qu’il achète le plus.<o:p></o:p></div>
<div class="MsoNormal">
Les données évoluent évidemment au fur et à mesure que de
nouvelles transactions sont effectuées. Le compte d’un client particulièrement
fidèle n’est donc jamais statique mais évolutif.<o:p></o:p></div>
<div class="MsoNormal">
Pour déterminer les clients bénéficiaires d’offres
promotionnelles, un restau ou un salon de coiffure s’en tiennent aux
statistiques des comptes.<o:p></o:p></div>
<div class="MsoNormal">
Mieux encore, le compte client individualisé est la
meilleure arme de segmentation clientèle via une <a href="http://www.soluglobe.com/">caisse enregistreuse tactile</a>. L’expérience
nous apprend d’ailleurs que prospecter tout le monde, c’est prospecter
personne. Par la segmentation clientèle, on cerne mieux les besoins des
clients.<o:p></o:p></div>
<div class="MsoNormal">
Comme pour la newsletter d’un site e-commerce, une
facturation périodique (généralement tous les mois) est aussi possible avec
certains logiciels de caisse enregistreuse.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Anticiper pour mieux satisfaire les attentes des clients</b><o:p></o:p></div>
<div class="MsoNormal">
Les données de ces comptes clients s’imbriquent fortement
avec d’autres données de la <a href="http://www.soluglobe.com/" target="_blank">caisse enregistreuse</a>, entre autres l’état du stock.<o:p></o:p></div>
<div class="MsoNormal">
La segmentation clientèle permet de cerner les priorités de
la boutique. Ces priorités sont déterminées en fonction des préférences des
clients.<o:p></o:p></div>
<div class="MsoNormal">
La segmentation clientèle peut se faire cumulativement et/ou
alternativement en fonction du sexe, de la tranche d’âges ou en fonction des
périodes de l’année. Par exemple, quels sont les produits les plus demandés
pendant une période X ou Y ?<o:p></o:p></div>
<div class="MsoNormal">
Bien évidemment, l’anticipation commence toujours par une
véritable étude de l’état du marché. On doit répondre à la traditionnelle
question : pourquoi telle ou telle catégorie de clients achèterait chez et
non ailleurs ?<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify;">
</div>
<div class="MsoNormal">
L’étude de marché se fait, pour l’essentiel, sur le terrain
(au sens propre de l’expression) mais également à l’aide de la caisse
enregistreuse, ou plus précisément des comptes clients. Avec les coordonnées
des clients, on peut les fidéliser par la facturation périodique, l’envoi de
mails ou de texto depuis la caisse pour les tenir informés de nouveaux
produits.</div>
<o:p></o:p></div>
Christophe WEIFFENBACHhttp://www.blogger.com/profile/18036650252051334843noreply@blogger.com0