{"id":4800,"date":"2015-03-12T16:44:12","date_gmt":"2015-03-12T20:44:12","guid":{"rendered":"https:\/\/toutlemonde-ux.com\/wp\/?p=4800"},"modified":"2019-02-22T12:34:14","modified_gmt":"2019-02-22T17:34:14","slug":"la-simplification-des-outils-de-creation","status":"publish","type":"post","link":"https:\/\/toutlemonde-ux.com\/?p=4800","title":{"rendered":"La simplification des outils de cr\u00e9ation"},"content":{"rendered":"<p>[et_pb_section bb_built=\u00a0\u00bb1&Prime;][et_pb_row][et_pb_column type=\u00a0\u00bb4_4&Prime;][et_pb_text]<\/p>\n<h3>Si la cr\u00e9ativit\u00e9 n\u2019a pas de limites, il est bon de savoir que les utilisateurs ont maintenant de plus en plus acc\u00e8s \u00e0 des outils leur permettant de donner vie \u00e0 leur vision.<\/h3>\n<p>Autrefois complexes, nombreux sont ces outils de cr\u00e9ation qui ont \u00e9t\u00e9 d\u00e9mocratis\u00e9s permettant ainsi \u00e0 un plus grand nombre d\u2019utilisateurs de voir leurs ambitions cr\u00e9atives prendre forme.<\/p>\n<p>Mais comment un processus de cr\u00e9ation \u00e0 la base complexe a pu \u00eatre simplifi\u00e9 en un logiciel ou une application offrant une exp\u00e9rience facile, agr\u00e9able et surtout lib\u00e9ratrice pour que l\u2019utilisateur atteigne sa vision cr\u00e9ative?<\/p>\n<p>Pour son \u00e9dition de f\u00e9vrier, Tout le Monde UX vous propose d\u2019entendre deux cas d\u2019outils de cr\u00e9ation simplifi\u00e9e : l\u2019application StopMo de l\u2019ONF permettant de cr\u00e9er des films d\u2019animation et le logiciel 2020 qui a r\u00e9volutionn\u00e9 le design d\u2019int\u00e9rieur de la maison.<\/p>\n<p>\u00ab\u00a0Les pr\u00e9sentations ont \u00e9t\u00e9 film\u00e9es lors de l\u2019\u00e9v\u00e9nement gr\u00e2ce a l\u2019\u00e9quipement de w.illi.am. Merci \u00e0 Pascale Morneau pour la synth\u00e8se des pr\u00e9sentations.\u00a0\u00bb<\/p>\n<ul>\n<li style=\"text-align: left;\"><strong>Les pr\u00e9sentations ont \u00e9t\u00e9 film\u00e9es lors de l\u2019\u00e9v\u00e9nement gr\u00e2ce a l\u2019\u00e9quipement de <a href=\"http:\/\/blog.w.illi.am\/la-simplification-des-outils-de-creation-sujet-du-premier-tlmux-2015\/\">w.illi.am.<\/a><\/strong><\/li>\n<li style=\"text-align: left;\"><strong>Merci \u00e0\u00a0Pascale Morneau\u00a0pour la\u00a0synth\u00e8se des pr\u00e9sentations.<\/strong><\/li>\n<\/ul>\n<h2 data-external-id=\"titre_de_la_presentation\" data-required=\"false\" data-field-id=\"17539858\" data-app-field-id=\"17539858\">Conf\u00e9rence 1 : Comment simplifier une exp\u00e9rience de cr\u00e9ation classique<\/h2>\n<p>L\u2019application StopMo Studio de l\u2019ONF permet de r\u00e9aliser des films d\u2019animation image par image, c\u2019est la simplification d\u2019un processus cr\u00e9atif aussi vieux que la cam\u00e9ra photo et que le montage de films. Une technique encore complexe il y\u2019a \u00a0quelques ann\u00e9es et utilis\u00e9es par des animateurs professionnels qui est maintenant accessible pour le grand public. Comment donc arriver a cr\u00e9er une application a partir d\u2019une technique complexe et l\u2019adapter aux plateformes moderne de cr\u00e9ation.<\/p>\n<p>L\u2019application <i>StopMo<\/i> pour <i>iPad<\/i> permet de r\u00e9aliser des films d\u2019animation image par image, un processus cr\u00e9atif aussi vieux que la cam\u00e9ra photo. Cette technique autrefois utilis\u00e9e seulement par des animateurs professionnels est maintenant accessible au grand public, gr\u00e2ce \u00e0 l\u2019application con\u00e7ue par l\u2019\u00e9quipe de Matthieu.<\/p>\n<p>Matthieu raconte la gen\u00e8se de ce projet. Avant de cr\u00e9er <i>StopMo<\/i>, l\u2019\u00e9quipe a con\u00e7u et lanc\u00e9 une autre application de la m\u00eame veine: <i>PixStop<\/i>. Cette derni\u00e8re comportait certaines interactions associ\u00e9es \u00e0 des techniques d\u2019animation, comme le grattage de la pellicule. Gr\u00e2ce \u00e0 cette premi\u00e8re exp\u00e9rience et \u00e0 l\u2019\u00e9volution du <i>iPad,<\/i> qui offrait de nouvelles possibilit\u00e9s, le projet a gagn\u00e9 en maturit\u00e9. Pour l\u2019application <i>StopMo<\/i>, l\u2019ONF avait un objectif clair: elle d\u00e9sirait maintenant permettre aux jeunes enfants d\u2019apprendre comment faire du cin\u00e9ma.<\/p>\n<p>Le concept de la nouvelle application a pris forme gr\u00e2ce au travail collaboratif d\u2019une petite \u00e9quipe de concepteurs, designers, d\u00e9veloppeurs et sp\u00e9cialistes en conception d\u2019applications<i>iPad<\/i>.<\/p>\n<p>Jean-S\u00e9bastien explique comment l\u2019\u00e9quipe a r\u00e9ussi \u00e0 simplifier l\u2019animation image par image, un processus jusqu\u2019\u00e0 maintenant extr\u00eamement long. Pour comprendre le proc\u00e9d\u00e9 de l\u2019animation, les collaborateurs ont pass\u00e9 beaucoup de temps avec des gens ayant travaill\u00e9 avec Norman McLaren, un grand nom du cin\u00e9ma d\u2019animation sur la sc\u00e8ne mondiale. Les concepteurs ont ensuite pu \u00e9tablir les premi\u00e8res fonctionnalit\u00e9s \u00e0 int\u00e9grer \u00e0 l\u2019application.<\/p>\n<p>L\u2019\u00e9quipe a su r\u00e9aliser un prototype rapidement et l\u2019am\u00e9liorer ensuite avec des mises \u00e0 jour fr\u00e9quentes. Le travail it\u00e9ratif avec des sp\u00e9cialistes et des cin\u00e9astes est au c\u0153ur de la r\u00e9ussite de l\u2019application. Les validations rapides et la bonification progressive du produit ont donn\u00e9 le r\u00e9sultat que l\u2019on a aujourd\u2019hui: une application qui inclue le montage ergonomique, l\u2019ajout et le travail d\u2019une trame sonore, le fondu enchain\u00e9, l\u2019ajout de photos, le dessin sur image et plus.<\/p>\n<p><i>StopMo<\/i> fonctionne aussi bien avec les adultes que les enfants. Ces derniers sont \u00e9tonnants \u00e0 voir lorsqu\u2019ils utilisent une tablette. Matthieu relate des activit\u00e9s qu\u2019il a faites avec son jeune neveu de trois ans qui a \u00e9t\u00e9 capable de cr\u00e9er des films avec l\u2019application. <i>StopMo<\/i> est class\u00e9e dans les 30 meilleures applications de 2014 au Canada par la boutique virtuelle d\u2018<i>Apple<\/i>. Elle sera bient\u00f4t disponible en chinois, en allemand et en espagnol.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1271\" src=\"http:\/\/pascalemorneau.com\/wp-content\/uploads\/2015\/03\/StopMoScreenshots.png\" alt=\"StopMoScreenshots\" width=\"660\" height=\"747\" \/><br \/>\nQuelques saisies d\u2019\u00e9crans de l\u2019application <em>StopMo<\/em><\/p>\n<p><a href=\"http:\/\/pascalemorneau.com\/wp-content\/uploads\/2015\/03\/MatthieuStreliski_Jean-SebastienBeaulieu.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1260\" src=\"http:\/\/pascalemorneau.com\/wp-content\/uploads\/2015\/03\/MatthieuStreliski_Jean-SebastienBeaulieu.jpg\" alt=\"MatthieuStreliski_Jean-SebastienBeaulieu\" width=\"960\" height=\"540\" \/><br \/>\n<\/a>Jean-S\u00e9bastien Beaulieu et Matthieu Str\u00e9liski<\/p>\n<h3><strong>Matthieu Str\u00e9liski,\u00a0Directeur, d\u00e9veloppement des plateformes \u00e0 l\u2019Office national du film\u00a0<a href=\"http:\/\/www.onf.ca\/\">ONF<\/a><\/strong><\/h3>\n<p><em>Matthieu Str\u00e9liski est dipl\u00f4m\u00e9 d\u2019HEC Montr\u00e9al en management et cumule plus de 10 ans d\u2019exp\u00e9rience dans le domaine des communications et de la culture Web. Cette exp\u00e9rience, il l\u2019a acquise \u00e0 l\u2019agence de cin\u00e9ma Cin\u00e9ac \u00e0 titre de vice- pr\u00e9sident, ainsi qu\u2019\u00e0 l\u2019agence Web CloudRaker o\u00f9 il occupait la fonction de directeur de comptes. En 2009, il a joint les rangs de l\u2019Office national du film du Canada o\u00f9 il a particip\u00e9 \u00e0 la mise en place de la plateforme novatrice ONF.ca. Il a ensuite dirig\u00e9 la strat\u00e9gie francophone en mati\u00e8re de r\u00e9seaux sociaux durant quatre ans. Matthieu est \u00e9galement cofondateur de la section montr\u00e9alaise de l\u2019organisation CreativeMornings. Matthieu est maintenant Directeur, d\u00e9veloppement des plateformes \u00e0 l\u2019ONF.<\/em><\/p>\n<h3><strong>Jean-S\u00e9bastien Beaulieu<\/strong><\/h3>\n<p><em>Artisan de la premi\u00e8re heure du site ONF.ca, JS Beaulieu travaille \u00e0 faire \u00e9voluer de fa\u00e7on coh\u00e9rente la pr\u00e9sence de l\u2019Office national du film sur le web et sur les nouvelles plateformes. Il a co-r\u00e9alis\u00e9 les apps Les ateliers McLaren et ONF Studio StopMo.<\/em><\/p>\n<h2 data-external-id=\"titre_de_la_presentation\" data-required=\"false\" data-field-id=\"17539858\" data-app-field-id=\"17539858\">Conf\u00e9rence 2 :\u00a0Simplifier\u00a0un\u00a0logiciel complexe pour en faire une application accessible pour tous<\/h2>\n<p>20-20 a \u00e9t\u00e9 cr\u00e9\u00e9e en 1987 avec son si\u00e8ge social \u00e0 Laval et embauche plus de 500 employ\u00e9s implant\u00e9e dans 11 pays, 20-20 aide les designer professionnel avec un logiciel dans la famille des logiciel complexe de CAO comme Autocad. Mais dans un effort de cr\u00e9er un logiciel accessible a tous, ils ont cr\u00e9\u00e9e des versions en ligne du m\u00eame logiciel. Stephan viendra expliquer \u00e0 TLMUX le processus de simplification d\u2019un logiciel complexe pour en faire une application accessible pour tous et pour expliquer \u00e9galement le mod\u00e8le d\u2019affaires sous-jacent permettant de cr\u00e9er une compl\u00e9mentarit\u00e9 entre le logiciel complexe et sa version en ligne.<\/p>\n<p>L\u2019application <i>Ideal Spaces<\/i> de <i>2020<\/i> permet aux gens de faire rapidement un plan r\u00e9aliste de leur am\u00e9nagement int\u00e9rieur, sur les sites de diff\u00e9rents d\u00e9taillants et magasins (<i>Ikea<\/i> se trouve parmi eux) ou encore, en magasin avec un conseiller. Le designer et le client peuvent ainsi visualiser le r\u00e9sultat concret de leurs id\u00e9es en images.<\/p>\n<p><i>Ideal Spaces<\/i> est vendue avec un logiciel plus complexe, <i>2020 Design<\/i>, permettant de prendre en charge tout le processus de cr\u00e9ation d\u2019un am\u00e9nagement. 100 000 licences de ce syst\u00e8me applicatif ont \u00e9t\u00e9 vendues et <i>Ideal Spaces<\/i> compte sur des millions d\u2019utilisateurs.<\/p>\n<p>L\u2019exp\u00e9rience d\u2019<i>Ideal Spaces<\/i> prend en charge les diff\u00e9rentes relations que les designers peuvent avoir avec leurs clients. Stephan \u00e9num\u00e8re les trois \u00e9tats d\u2019esprit possibles des clients, qui d\u00e9finissent ces relations:<\/p>\n<p>\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 les clients qui veulent r\u00e9aliser eux-m\u00eames leur am\u00e9nagement<\/p>\n<p>\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 les clients qui veulent participer au processus<\/p>\n<p>\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 les clients qui veulent faire r\u00e9aliser enti\u00e8rement leur am\u00e9nagement.<\/p>\n<p>D\u2019un point de vue de l\u2019UX, c\u2019est sans doute cette flexibilit\u00e9 quant \u00e0 la prise en charge de diff\u00e9rents besoins qui conf\u00e8re sa grande force \u00e0 <i>Ideal Spaces<\/i>. Elle est assez simple pour \u00eatre utilis\u00e9e par les clients, mais assez compl\u00e8te pour servir les designers. Ces derniers disposent d\u2019ailleurs du logiciel plus complexe et plus complet avec lequel ils peuvent importer le travail r\u00e9alis\u00e9 auparavant. <i>Ideal Spaces<\/i> permet aussi \u00e0 l\u2019utilisateur d\u2019\u00e9changer et de collaborer autour de son projet d\u2019am\u00e9nagement.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1261\" src=\"http:\/\/pascalemorneau.com\/wp-content\/uploads\/2015\/03\/parcours_client.jpg\" alt=\"parcours_client\" width=\"778\" height=\"484\" \/><br \/>\nLe parcours du client pour la r\u00e9alisation de son am\u00e9nagement int\u00e9rieur<\/p>\n<p>Stephan nous livre un autre secret derri\u00e8re le succ\u00e8s de l\u2019application: la compr\u00e9hension du parcours-client, parfois mieux connu par son nom anglais \u00ab<i>customer journey<\/i>\u00bb. Cette m\u00e9thode consiste \u00e0 comprendre le cheminement de l\u2019utilisateur dans sa qu\u00eate r\u00e9elle. Pour la cr\u00e9ation d\u2019un am\u00e9nagement int\u00e9rieur, les grandes \u00e9tapes du parcours client identifi\u00e9es par les concepteurs de<i>2020<\/i> sont celles-ci: inspirer et r\u00eaver, planifier et cr\u00e9er, param\u00e9trer et valider et enfin, commander et installer.<\/p>\n<p>M\u00eame si les clients parcourent rarement ces \u00e9tapes de fa\u00e7on lin\u00e9aire, Stephan nous assure que cette compr\u00e9hension a permis \u00e0 l\u2019\u00e9quipe de rendre l\u2019application performante.<\/p>\n<p>Pour la partie \u00abInspirer et r\u00eaver\u00bb, par exemple, il est devenu facile pour l\u2019utilisateur d\u2019explorer ses options et de cr\u00e9er diff\u00e9rents am\u00e9nagements rapidement. Le client peut ainsi explorer diff\u00e9rentes configurations et des mat\u00e9riaux vari\u00e9s tout en visualisant des r\u00e9sultats tr\u00e8s r\u00e9alistes. Nul besoin de mentionner \u00e0 quel point il est facile de r\u00eaver gr\u00e2ce \u00e0 de telles fonctionnalit\u00e9s. Les utilisateurs peuvent aussi demeurer r\u00e9alistes puisqu\u2019ils ont d\u00e9j\u00e0 une id\u00e9e du prix qu\u2019il leur en co\u00fbterait avec ces am\u00e9nagements exploratoires. Ils peuvent enfin enregistrer ces projets et les conserver pour y revenir plus tard, soit pour continuer de s\u2019inspirer, ou encore, pour passer \u00e0 la prochaine \u00e9tape.<\/p>\n<p>Le logiciel avanc\u00e9 vise lui aussi la simplicit\u00e9. Le designer est assist\u00e9 pendant qu\u2019il int\u00e8gre tous les d\u00e9tails techniques. Par exemple, il sera avis\u00e9 si la course d\u2019une porte entre en conflit avec un autre meuble ou s\u2019il place une fen\u00eatre ailleurs que sur un mur.<\/p>\n<p><i>2020<\/i> a su adapter ses produits aux r\u00e9alit\u00e9s des entreprises et des utilisateurs \u00e0 travers le monde sans rien laisser au hasard. M\u00eame l\u2019achat des am\u00e9nagements cr\u00e9\u00e9s en ligne par les clients est pris en charge, \u00e0 l\u2019aide d\u2019un bouton \u00abacheter\u00bb, en apparence anodin, portant l\u2019application \u00e0 un niveau sup\u00e9rieur pour les entreprises et les utilisateurs.<\/p>\n<h3><strong>Stephan Dagenais,\u00a0Gestionnaire de plateforme\u00a0et\u00a020-20 Design R&amp;D \/ Gestionnaire de produit chez\u00a0<\/strong><strong><strong><strong><a href=\"http:\/\/www.2020technologies.com\/\">2020 Technologies<\/a><\/strong><\/strong><\/strong><\/h3>\n<p><em>Stephan est actuellement gestionnaire R&amp;D chez 20-20 Technologies, il est avec 20-20 depuis plus de 25 ans ou il a aussi occup\u00e9 le r\u00f4le d\u2019Architecte logiciel Senior, de d\u00e9veloppeur Senior et bien d\u2019autres postes strat\u00e9gique.<\/em><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb3.19.15&Prime;][et_pb_column type=\u00a0\u00bb4_4&Prime;][et_pb_text _builder_version=\u00a0\u00bb3.19.15&Prime;]<\/p>\n<h2>Commanditaires<\/h2>\n<p>[\/et_pb_text][et_pb_gallery _builder_version=\u00a0\u00bb3.19.15&Prime; gallery_ids=\u00a0\u00bb6692,6691,6684,6690,6685,6686,6683,6682,6680,6703,6704,6688&Prime; posts_number=\u00a0\u00bb13&Prime; show_title_and_caption=\u00a0\u00bboff\u00a0\u00bb show_pagination=\u00a0\u00bboff\u00a0\u00bb hover_overlay_color=\u00a0\u00bbrgba(255,255,255,0.9)\u00a0\u00bb border_width_all_image=\u00a0\u00bb30px\u00a0\u00bb border_color_all_image=\u00a0\u00bb#ffffff\u00a0\u00bb \/][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p><div class=\"et_pb_row et_pb_row_0 et_pb_row_empty\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div> Si la cr\u00e9ativit\u00e9 n\u2019a pas de limites, il est bon de savoir que les utilisateurs ont maintenant de plus en plus acc\u00e8s \u00e0 des outils leur permettant de donner vie \u00e0 leur vision. Autrefois complexes, nombreux sont ces outils de cr\u00e9ation qui ont \u00e9t\u00e9 d\u00e9mocratis\u00e9s permettant ainsi \u00e0 un plus grand nombre d\u2019utilisateurs de [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":4534,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<h3>Si la cr\u00e9ativit\u00e9 n\u2019a pas de limites, il est bon de savoir que les utilisateurs ont maintenant de plus en plus acc\u00e8s \u00e0 des outils leur permettant de donner vie \u00e0 leur vision.<\/h3><p>Autrefois complexes, nombreux sont ces outils de cr\u00e9ation qui ont \u00e9t\u00e9 d\u00e9mocratis\u00e9s permettant ainsi \u00e0 un plus grand nombre d\u2019utilisateurs de voir leurs ambitions cr\u00e9atives prendre forme.<\/p><p>Mais comment un processus de cr\u00e9ation \u00e0 la base complexe a pu \u00eatre simplifi\u00e9 en un logiciel ou une application offrant une exp\u00e9rience facile, agr\u00e9able et surtout lib\u00e9ratrice pour que l\u2019utilisateur atteigne sa vision cr\u00e9ative?<\/p><p>Pour son \u00e9dition de f\u00e9vrier, Tout le Monde UX vous propose d\u2019entendre deux cas d\u2019outils de cr\u00e9ation simplifi\u00e9e : l\u2019application StopMo de l\u2019ONF permettant de cr\u00e9er des films d\u2019animation et le logiciel 2020 qui a r\u00e9volutionn\u00e9 le design d\u2019int\u00e9rieur de la maison.<\/p><p>\"Les pr\u00e9sentations ont \u00e9t\u00e9 film\u00e9es lors de l\u2019\u00e9v\u00e9nement gr\u00e2ce a l\u2019\u00e9quipement de w.illi.am. Merci \u00e0 Pascale Morneau pour la synth\u00e8se des pr\u00e9sentations.\"<\/p><ul><li style=\"text-align: left;\"><strong>Les pr\u00e9sentations ont \u00e9t\u00e9 film\u00e9es lors de l\u2019\u00e9v\u00e9nement gr\u00e2ce a l\u2019\u00e9quipement de <a href=\"http:\/\/blog.w.illi.am\/la-simplification-des-outils-de-creation-sujet-du-premier-tlmux-2015\/\">w.illi.am.<\/a><\/strong><\/li><li style=\"text-align: left;\"><strong>Merci \u00e0\u00a0Pascale Morneau\u00a0pour la\u00a0synth\u00e8se des pr\u00e9sentations.<\/strong><\/li><\/ul><h2 data-external-id=\"titre_de_la_presentation\" data-required=\"false\" data-field-id=\"17539858\" data-app-field-id=\"17539858\">Conf\u00e9rence 1 : Comment simplifier une exp\u00e9rience de cr\u00e9ation classique<\/h2><p>L\u2019application StopMo Studio de l\u2019ONF permet de r\u00e9aliser des films d\u2019animation image par image, c\u2019est la simplification d\u2019un processus cr\u00e9atif aussi vieux que la cam\u00e9ra photo et que le montage de films. Une technique encore complexe il y\u2019a \u00a0quelques ann\u00e9es et utilis\u00e9es par des animateurs professionnels qui est maintenant accessible pour le grand public. Comment donc arriver a cr\u00e9er une application a partir d\u2019une technique complexe et l\u2019adapter aux plateformes moderne de cr\u00e9ation.<\/p><p>L\u2019application <i>StopMo<\/i> pour <i>iPad<\/i> permet de r\u00e9aliser des films d\u2019animation image par image, un processus cr\u00e9atif aussi vieux que la cam\u00e9ra photo. Cette technique autrefois utilis\u00e9e seulement par des animateurs professionnels est maintenant accessible au grand public, gr\u00e2ce \u00e0 l\u2019application con\u00e7ue par l\u2019\u00e9quipe de Matthieu.<\/p><p>Matthieu raconte la gen\u00e8se de ce projet. Avant de cr\u00e9er <i>StopMo<\/i>, l\u2019\u00e9quipe a con\u00e7u et lanc\u00e9 une autre application de la m\u00eame veine: <i>PixStop<\/i>. Cette derni\u00e8re comportait certaines interactions associ\u00e9es \u00e0 des techniques d\u2019animation, comme le grattage de la pellicule. Gr\u00e2ce \u00e0 cette premi\u00e8re exp\u00e9rience et \u00e0 l\u2019\u00e9volution du <i>iPad,<\/i> qui offrait de nouvelles possibilit\u00e9s, le projet a gagn\u00e9 en maturit\u00e9. Pour l\u2019application <i>StopMo<\/i>, l\u2019ONF avait un objectif clair: elle d\u00e9sirait maintenant permettre aux jeunes enfants d\u2019apprendre comment faire du cin\u00e9ma.<\/p><p>Le concept de la nouvelle application a pris forme gr\u00e2ce au travail collaboratif d\u2019une petite \u00e9quipe de concepteurs, designers, d\u00e9veloppeurs et sp\u00e9cialistes en conception d\u2019applications<i>iPad<\/i>.<\/p><p>Jean-S\u00e9bastien explique comment l\u2019\u00e9quipe a r\u00e9ussi \u00e0 simplifier l\u2019animation image par image, un processus jusqu\u2019\u00e0 maintenant extr\u00eamement long. Pour comprendre le proc\u00e9d\u00e9 de l\u2019animation, les collaborateurs ont pass\u00e9 beaucoup de temps avec des gens ayant travaill\u00e9 avec Norman McLaren, un grand nom du cin\u00e9ma d\u2019animation sur la sc\u00e8ne mondiale. Les concepteurs ont ensuite pu \u00e9tablir les premi\u00e8res fonctionnalit\u00e9s \u00e0 int\u00e9grer \u00e0 l\u2019application.<\/p><p>L\u2019\u00e9quipe a su r\u00e9aliser un prototype rapidement et l\u2019am\u00e9liorer ensuite avec des mises \u00e0 jour fr\u00e9quentes. Le travail it\u00e9ratif avec des sp\u00e9cialistes et des cin\u00e9astes est au c\u0153ur de la r\u00e9ussite de l\u2019application. Les validations rapides et la bonification progressive du produit ont donn\u00e9 le r\u00e9sultat que l\u2019on a aujourd\u2019hui: une application qui inclue le montage ergonomique, l\u2019ajout et le travail d\u2019une trame sonore, le fondu enchain\u00e9, l\u2019ajout de photos, le dessin sur image et plus.<\/p><p><i>StopMo<\/i> fonctionne aussi bien avec les adultes que les enfants. Ces derniers sont \u00e9tonnants \u00e0 voir lorsqu\u2019ils utilisent une tablette. Matthieu relate des activit\u00e9s qu\u2019il a faites avec son jeune neveu de trois ans qui a \u00e9t\u00e9 capable de cr\u00e9er des films avec l\u2019application. <i>StopMo<\/i> est class\u00e9e dans les 30 meilleures applications de 2014 au Canada par la boutique virtuelle d\u2018<i>Apple<\/i>. Elle sera bient\u00f4t disponible en chinois, en allemand et en espagnol.<\/p><p>\u00a0<\/p><p><img class=\"alignnone size-full wp-image-1271\" src=\"http:\/\/pascalemorneau.com\/wp-content\/uploads\/2015\/03\/StopMoScreenshots.png\" alt=\"StopMoScreenshots\" width=\"660\" height=\"747\" \/><br \/>Quelques saisies d\u2019\u00e9crans de l\u2019application <em>StopMo<\/em><\/p><p><a href=\"http:\/\/pascalemorneau.com\/wp-content\/uploads\/2015\/03\/MatthieuStreliski_Jean-SebastienBeaulieu.jpg\"><img class=\"alignnone size-full wp-image-1260\" src=\"http:\/\/pascalemorneau.com\/wp-content\/uploads\/2015\/03\/MatthieuStreliski_Jean-SebastienBeaulieu.jpg\" alt=\"MatthieuStreliski_Jean-SebastienBeaulieu\" width=\"960\" height=\"540\" \/><br \/><\/a>Jean-S\u00e9bastien Beaulieu et Matthieu Str\u00e9liski<\/p><h3><strong>Matthieu Str\u00e9liski,\u00a0Directeur, d\u00e9veloppement des plateformes \u00e0 l\u2019Office national du film\u00a0<a href=\"http:\/\/www.onf.ca\/\">ONF<\/a><\/strong><\/h3><p><em>Matthieu Str\u00e9liski est dipl\u00f4m\u00e9 d\u2019HEC Montr\u00e9al en management et cumule plus de 10 ans d\u2019exp\u00e9rience dans le domaine des communications et de la culture Web. Cette exp\u00e9rience, il l\u2019a acquise \u00e0 l\u2019agence de cin\u00e9ma Cin\u00e9ac \u00e0 titre de vice- pr\u00e9sident, ainsi qu\u2019\u00e0 l\u2019agence Web CloudRaker o\u00f9 il occupait la fonction de directeur de comptes. En 2009, il a joint les rangs de l\u2019Office national du film du Canada o\u00f9 il a particip\u00e9 \u00e0 la mise en place de la plateforme novatrice ONF.ca. Il a ensuite dirig\u00e9 la strat\u00e9gie francophone en mati\u00e8re de r\u00e9seaux sociaux durant quatre ans. Matthieu est \u00e9galement cofondateur de la section montr\u00e9alaise de l\u2019organisation CreativeMornings. Matthieu est maintenant Directeur, d\u00e9veloppement des plateformes \u00e0 l\u2019ONF.<\/em><\/p><h3><strong>Jean-S\u00e9bastien Beaulieu<\/strong><\/h3><p><em>Artisan de la premi\u00e8re heure du site ONF.ca, JS Beaulieu travaille \u00e0 faire \u00e9voluer de fa\u00e7on coh\u00e9rente la pr\u00e9sence de l\u2019Office national du film sur le web et sur les nouvelles plateformes. Il a co-r\u00e9alis\u00e9 les apps Les ateliers McLaren et ONF Studio StopMo.<\/em><\/p><h2 data-external-id=\"titre_de_la_presentation\" data-required=\"false\" data-field-id=\"17539858\" data-app-field-id=\"17539858\">Conf\u00e9rence 2 :\u00a0Simplifier\u00a0un\u00a0logiciel complexe pour en faire une application accessible pour tous<\/h2><p>20-20 a \u00e9t\u00e9 cr\u00e9\u00e9e en 1987 avec son si\u00e8ge social \u00e0 Laval et embauche plus de 500 employ\u00e9s implant\u00e9e dans 11 pays, 20-20 aide les designer professionnel avec un logiciel dans la famille des logiciel complexe de CAO comme Autocad. Mais dans un effort de cr\u00e9er un logiciel accessible a tous, ils ont cr\u00e9\u00e9e des versions en ligne du m\u00eame logiciel. Stephan viendra expliquer \u00e0 TLMUX le processus de simplification d\u2019un logiciel complexe pour en faire une application accessible pour tous et pour expliquer \u00e9galement le mod\u00e8le d\u2019affaires sous-jacent permettant de cr\u00e9er une compl\u00e9mentarit\u00e9 entre le logiciel complexe et sa version en ligne.<\/p><p>L\u2019application <i>Ideal Spaces<\/i> de <i>2020<\/i> permet aux gens de faire rapidement un plan r\u00e9aliste de leur am\u00e9nagement int\u00e9rieur, sur les sites de diff\u00e9rents d\u00e9taillants et magasins (<i>Ikea<\/i> se trouve parmi eux) ou encore, en magasin avec un conseiller. Le designer et le client peuvent ainsi visualiser le r\u00e9sultat concret de leurs id\u00e9es en images.<\/p><p><i>Ideal Spaces<\/i> est vendue avec un logiciel plus complexe, <i>2020 Design<\/i>, permettant de prendre en charge tout le processus de cr\u00e9ation d\u2019un am\u00e9nagement. 100 000 licences de ce syst\u00e8me applicatif ont \u00e9t\u00e9 vendues et <i>Ideal Spaces<\/i> compte sur des millions d\u2019utilisateurs.<\/p><p>L\u2019exp\u00e9rience d\u2019<i>Ideal Spaces<\/i> prend en charge les diff\u00e9rentes relations que les designers peuvent avoir avec leurs clients. Stephan \u00e9num\u00e8re les trois \u00e9tats d\u2019esprit possibles des clients, qui d\u00e9finissent ces relations:<\/p><p>\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 les clients qui veulent r\u00e9aliser eux-m\u00eames leur am\u00e9nagement<\/p><p>\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 les clients qui veulent participer au processus<\/p><p>\u2013\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 les clients qui veulent faire r\u00e9aliser enti\u00e8rement leur am\u00e9nagement.<\/p><p>D\u2019un point de vue de l\u2019UX, c\u2019est sans doute cette flexibilit\u00e9 quant \u00e0 la prise en charge de diff\u00e9rents besoins qui conf\u00e8re sa grande force \u00e0 <i>Ideal Spaces<\/i>. Elle est assez simple pour \u00eatre utilis\u00e9e par les clients, mais assez compl\u00e8te pour servir les designers. Ces derniers disposent d\u2019ailleurs du logiciel plus complexe et plus complet avec lequel ils peuvent importer le travail r\u00e9alis\u00e9 auparavant. <i>Ideal Spaces<\/i> permet aussi \u00e0 l\u2019utilisateur d\u2019\u00e9changer et de collaborer autour de son projet d\u2019am\u00e9nagement.<\/p><p><img class=\"alignnone size-full wp-image-1261\" src=\"http:\/\/pascalemorneau.com\/wp-content\/uploads\/2015\/03\/parcours_client.jpg\" alt=\"parcours_client\" width=\"778\" height=\"484\" \/><br \/>Le parcours du client pour la r\u00e9alisation de son am\u00e9nagement int\u00e9rieur<\/p><p>Stephan nous livre un autre secret derri\u00e8re le succ\u00e8s de l\u2019application: la compr\u00e9hension du parcours-client, parfois mieux connu par son nom anglais \u00ab<i>customer journey<\/i>\u00bb. Cette m\u00e9thode consiste \u00e0 comprendre le cheminement de l\u2019utilisateur dans sa qu\u00eate r\u00e9elle. Pour la cr\u00e9ation d\u2019un am\u00e9nagement int\u00e9rieur, les grandes \u00e9tapes du parcours client identifi\u00e9es par les concepteurs de<i>2020<\/i> sont celles-ci: inspirer et r\u00eaver, planifier et cr\u00e9er, param\u00e9trer et valider et enfin, commander et installer.<\/p><p>M\u00eame si les clients parcourent rarement ces \u00e9tapes de fa\u00e7on lin\u00e9aire, Stephan nous assure que cette compr\u00e9hension a permis \u00e0 l\u2019\u00e9quipe de rendre l\u2019application performante.<\/p><p>Pour la partie \u00abInspirer et r\u00eaver\u00bb, par exemple, il est devenu facile pour l\u2019utilisateur d\u2019explorer ses options et de cr\u00e9er diff\u00e9rents am\u00e9nagements rapidement. Le client peut ainsi explorer diff\u00e9rentes configurations et des mat\u00e9riaux vari\u00e9s tout en visualisant des r\u00e9sultats tr\u00e8s r\u00e9alistes. Nul besoin de mentionner \u00e0 quel point il est facile de r\u00eaver gr\u00e2ce \u00e0 de telles fonctionnalit\u00e9s. Les utilisateurs peuvent aussi demeurer r\u00e9alistes puisqu\u2019ils ont d\u00e9j\u00e0 une id\u00e9e du prix qu\u2019il leur en co\u00fbterait avec ces am\u00e9nagements exploratoires. Ils peuvent enfin enregistrer ces projets et les conserver pour y revenir plus tard, soit pour continuer de s\u2019inspirer, ou encore, pour passer \u00e0 la prochaine \u00e9tape.<\/p><p>Le logiciel avanc\u00e9 vise lui aussi la simplicit\u00e9. Le designer est assist\u00e9 pendant qu\u2019il int\u00e8gre tous les d\u00e9tails techniques. Par exemple, il sera avis\u00e9 si la course d\u2019une porte entre en conflit avec un autre meuble ou s\u2019il place une fen\u00eatre ailleurs que sur un mur.<\/p><p><i>2020<\/i> a su adapter ses produits aux r\u00e9alit\u00e9s des entreprises et des utilisateurs \u00e0 travers le monde sans rien laisser au hasard. M\u00eame l\u2019achat des am\u00e9nagements cr\u00e9\u00e9s en ligne par les clients est pris en charge, \u00e0 l\u2019aide d\u2019un bouton \u00abacheter\u00bb, en apparence anodin, portant l\u2019application \u00e0 un niveau sup\u00e9rieur pour les entreprises et les utilisateurs.<\/p><h3><strong>Stephan Dagenais,\u00a0Gestionnaire de plateforme\u00a0et\u00a020-20 Design R&amp;D \/ Gestionnaire de produit chez\u00a0<\/strong><strong><strong><strong><a href=\"http:\/\/www.2020technologies.com\/\">2020 Technologies<\/a><\/strong><\/strong><\/strong><\/h3><p><em>Stephan est actuellement gestionnaire R&amp;D chez 20-20 Technologies, il est avec 20-20 depuis plus de 25 ans ou il a aussi occup\u00e9 le r\u00f4le d\u2019Architecte logiciel Senior, de d\u00e9veloppeur Senior et bien d\u2019autres postes strat\u00e9gique.<\/em><\/p>","_et_gb_content_width":"","_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[67],"tags":[],"class_list":["post-4800","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conferences-passees"],"_links":{"self":[{"href":"https:\/\/toutlemonde-ux.com\/index.php?rest_route=\/wp\/v2\/posts\/4800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toutlemonde-ux.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/toutlemonde-ux.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/toutlemonde-ux.com\/index.php?rest_route=\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/toutlemonde-ux.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4800"}],"version-history":[{"count":0,"href":"https:\/\/toutlemonde-ux.com\/index.php?rest_route=\/wp\/v2\/posts\/4800\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toutlemonde-ux.com\/index.php?rest_route=\/wp\/v2\/media\/4534"}],"wp:attachment":[{"href":"https:\/\/toutlemonde-ux.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toutlemonde-ux.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toutlemonde-ux.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}