 Donc oui, petite conférence sur UX, WordPress et les process, donc comme ça vient d'être annoncé, Alexandre Varnia de Zarzecki, pour faire plus court c'est Alex Soiza. Je viens de tweeter justement le lien de la présentation si vous voulez suivre en live et éviter d'avoir à prendre des photos, faire des screenshots, ça sera plus facile. Donc c'était moi où il y en est fait l'homme en peignoir du petit concours qui se passait de mon agence, où je suis justement UX designer, je fais aussi des interventions à Éthique en UX qui est une école du web et je crois que c'est à peu près tout pour moi. Donc commençons. C'est bien justement, il y a pas mal de confs qui ont parlé d'ergonomie, d'utilisateur, de choses comme ça. On va venir d'abord voir un petit peu ce que c'est UX, ce que ça représente parce que c'est des lettres qu'on voit de plus en plus qui veulent tout simplement dire user experience, donc l'expérience utilisateur en français. Donc ça c'est quelque chose qu'on voit de plus en plus. En France maintenant c'est bon, ça y est, c'est enfin développé, comme d'habitude on est en retard, ça fait déjà plus de 10 ans que aux Etats-Unis ou en Angleterre, ça fait un moment que c'est ancré. Mais là maintenant ça y est, il y a un vrai vévent par rapport à ça justement et donc on va voir un petit peu pourquoi. Donc déjà ce qu'il y a à savoir de manière générale, pas que dans le web, c'est que l'expérience est vraiment au-dessus du matériel. Donc quand je parle de matériel, pour vous donner un petit exemple un peu plus concret, dans l'univers de la musique, les ventes de CD c'est pas ce qui marche le plus en ce moment, au contraire, on peut même dire que c'est en chute. Pourtant tout ce qui est concert, événement, les festivals, ça marche de plus en plus parce que c'est l'expérience en fait qu'on vient chercher plus que vraiment le bien matériel. On retrouve facilement cet exemple dans plein d'autres domaines, c'est le cas aussi dans le cinéma où les DVD ne fonctionnent pas alors que les cinémas, vraiment les salles de ciné, ont fait une des meilleures années depuis je ne sais plus combien de temps, donc qu'on ne parle pas du téléchargement illégal ou des choses comme ça. Et sinon un exemple qui peut être un peu plus concret pour vous, c'est tout simplement par exemple un anniversaire quand vous étiez petit, donc c'est quelque chose qui remonte déjà il y a longtemps, vous allez beaucoup vous rappeler d'une expérience que vous avez pu avoir par exemple vos parents qui vous ont emmené à Disneyland Paris plutôt qu'un objet un peu gadget que vous avez reçu. Pourquoi ? Parce que l'expérience justement elle va s'enrichir avec le temps et ça c'est quelque chose qui est extrêmement important et qu'on oublie souvent c'est que toute cette petite chose s'inscrive dans le temps et en fait ça va venir s'améliorer. Alors faut faire aussi attention à ça, c'est qu'une expérience ça va s'enrichir mais c'est pas forcément positif. Un événement qui était négatif va aussi pouvoir le rester voir même se dégrader. Donc ça il va falloir le garder dans un petit coin de la tête. Mais ce n'est pas pour autant qu'il faut dire non tout ce qui est matériel c'est pas bien, il faut absolument pas faire ça mais on veut de l'expérience avant tout. Le matériel peut être vraiment un vecteur pour l'expérience. Il va pouvoir servir à l'améliorer voire même à la transformer. Par exemple quand on part dans une petite balade en forêt avoir une carte c'est un bien matériel tout bête mais qui peut servir à plein de gens. On n'a pas forcément le sens de l'orientation avant que la nuit tombe ça peut être bien de retrouver son chemin ce genre de choses. Ça c'est un petit exemple justement sur ce qui peut être bien dans l'amélioration et on peut même venir le transformer maintenant avec de la réalité augmenter les choses comme ça on peut vraiment changer par exemple ne serait-ce que pour ceux qui connaissent Ingress ou Pokemon Go c'est quelque chose qui va changer juste la manière dont vous allez marcher dans la rue vous allez chercher justement du contenu qui est en plus. Donc ça va vraiment pour ceux qui ont déjà joué Ingress ça modifie la manière dont vous marchez. Moi j'y avais joué un petit peu pendant un moment donc Ingress pour ceux qui connaissent pas c'était un système où il y avait des espèces de portail virtuel partout en fait dans le monde donc dans les villes et donc du coup vous allez regarder sur votre smartphone où il y en a pour pouvoir aller les hacker entre guillemets et en fait ça a vraiment changé la manière dont je me suis promené dans la ville parce que j'ai fait plein de détours justement pour passer par différents lieux et là où ils ont été forts parce que c'est Google qui est derrière ça c'est qu'ils ont placé ces portail à chaque fois sur des monuments généralement qui sont assez intéressants et donc ça vous change en fait la manière de vous déplacer. Eh ben c'est la même chose pour le web. L'expérience est au-dessus du site internet il va falloir réfléchir en fait au service avant la plateforme donc je vais venir plus en détail par la suite donc pas forcément besoin de s'attarder là-dessus. J'aime bien aussi faire un point sur le fait que l'UX n'est pas un métier donc en effet je suis UX designer mais tout le monde en est responsable c'est quelque chose de vraiment large donc là vous voyez pas forcément c'est pas très important mais c'est un des nombreux patatoïdes qui représentent tout ce que vient toucher l'UX et donc dedans on peut trouver l'interaction du design de l'architecture il y a vraiment plein plein plein de domaines et donc dans une agence web ou sur un projet ça va être la même chose que ce soit le chef de projet le développeur le designer tout le monde a sa part de responsabilité dans justement l'expérience utilisateur mais donc on trouve quand même des UX designer. Alors pourquoi on trouve des UX designer justement pour avoir un gage justement de ce côté là et être sûr que des personnes s'occupent de ça mais c'est pas pour autant que une fois qu'on a un UX designer c'est lui qui s'occupera de tout il est là justement pour superviser et généralement les personnes qui sont UX designer c'est des personnes qui ont ce qu'on appelle des compétences en t donc une compétence en t donc t-shape en anglais si jamais ça vous intéresse c'est que vous voulez chercher c'est une personne qui va être compétente dans plusieurs domaines mais experte dans une seule moi par exemple avant de vraiment être UX designer j'ai été designer j'ai été intégrateur donc j'ai vu un petit peu tout ce qui pouvait toucher à la techno au design et c'est après que je me suis vraiment spécialisé dans la conception et même dans la conception là encore il y a plein plein de champs différents dans lequel se spécialiser ce soit pour l'arbe la structure de contenu la conception vraiment pure et dure de la recherche utilisateur il ya plein de domaines donc c'est pour ça que le mot UX designer est aussi très vague en fonction de l'agence de la manière dont elle va travailler ça peut être d'autres choses et justement petite parenthèse par rapport aux gens qui sont en agence un UX designer c'est pas un designer et design en anglais ça veut dire concevoir c'est pas forcément le côté créage je suis un artiste il ya plein plein plein d'agences françaises en fait qui ont commencé à voir des UX UX designer pour pouvoir dire et nous aussi regardez on est en UX c'est trop bien sauf qu'en fait non elle est fait juste du design en pensant un petit peu UX on va voir justement que ça serait intéressant d'aller un petit peu plus loin que cette partie là pour comprendre l'UX évidemment user expérience il ya l'utilisateur qui est au centre c'est primordial mais il ya aussi le contexte et le système donc le système c'est pour nous l'ordinateur le téléphone le contexte c'est justement dans où c'est qui ça va être utilisé ces différentes choses là mais je répète encore une fois la notion de temps est quelque chose qu'on oublie beaucoup et qui est très importante aussi et pour résistir une expérience on a ce qu'on appelle les cycles du mémorable donc simple inattendu concret les crédibles émotionnels et scénarisés c'est difficile de pouvoir faire quelque chose qui s'inscrivent dans toutes ces clés là l'idée c'est de pouvoir en fait se poser les questions à chaque fois sur ce que je propose à l'utilisateur est ce que dans ce domaine là je suis bon ou pas et d'essayer d'aller le plus loin possible donc je vais m'arrêter ici pour tout ce qui est UX si jamais ça vous intéresse je vous conseille vivement d'aller regarder ce que fait Karine l'allemand qui est une chercheuse justement sur tout ce qui est ergonomie expérience utilisateur et c'est très rare justement que les chercheurs communiquent avec le grand public donc ça c'est quelque chose qui est assez intéressant et qu'elle fait en plus elle fait énormément de confes et ces sites sont disponibles sur slideshare et si vous voulez justement un peu plus en savoir sur les bases les manières de travailler luxe il y a ce livre design d'expérience utilisateur qui parle concrètement de comment faire des ateliers travailler justement la conception un peu plus enfin vraiment dans le concret et c'est vraiment disponible pour tout le monde que vous soyez justement dans le design ou pas et c'est même encore plus intéressant si vous êtes des clients d'accord donc je vous le conseille vraiment ce que moi justement je vais pas aller vraiment plus dans le concret on va plus voir comment intégrer luxe dans vos projets pour justement éviter les petits problèmes qui pourraient exister donc la base d'un projet généralement c'est on reçoit un cahier des charges on va s'occuper de faire une design de faire un design justement et de pouvoir montrer les maquettes les faire valider pour partir ensuite en phase d'intégration s'ensuit le développement puis leur recette bon la mise en prod après si tout se passe bien malheureusement il ya quelques petits problèmes qu'on va rencontrer à l'interprétation du fonctionnement derrière la création c'est un des plus gros problèmes donc là je vais vous parler aussi j'ai oublié d'en parler un petit peu avant je vous parle aussi là de ce que j'ai vécu donc moi je suis arrivé chez biapi qui était un studio de dev à la base qui se transforme en agence web donc maintenant on est une agence avec tous les profils et il a fallu justement changer ces process là donc le problème d'interprétation justement derrière les créations il se fait à deux niveaux d'abord le cahier des charges est ce que le chef de projet comprend et ce qui dit à justement au déat de faire et après il ya le client quand il va valider la maquette et qui va se dire très bien cette chose va fonctionner comme ça je valide ça me va bien sauf que ce qui y a aussi comme problème avec ce fonctionnement là de création directement c'est que le site est avant tout créé par le client les retours qu'il va nous faire c'est je veux que le logo soit plus gros pas cette typo cette couleur et donc du coup on n'est plus du tout centré sur l'utilisateur l'effet tunnel là c'est dès que les créations ont été validés le client a validé les créations donc ça part en intégration en développement et il ne va plus rien voir avant justement qu'on arrive en face de recettes et les gros problèmes qu'il ya c'est justement ce qui était lié en amont avec les interprétations c'est les retours clients qui peuvent être très problématiques non mais on avait dit qu'on ferait ça moi je pensais que ça les fonctionnait de telle manière et donc du coup on est un petit peu dans un dans une impasse parce qu'on a déjà développé tout le projet le client n'est pas content nous on ne peut pas non plus revenir forcément complètement là dessus et ça c'est généralement ce qui fait des clients pas contents des clients pas contents ça fait une mauvaise réputation derrière donc c'est pas bon et puis même pour l'agence travailler sur un projet qui aboutit mal c'est jamais quelque chose de très agréable même pour chaque membre qui travaille sur le projet donc comment éviter tout ça il va falloir évidemment travailler la conception en amont ça c'est important justement ce côté de travailler la conception en amont parce que c'est des fois où on se dit ok on va voir par la suite ce qu'on va pouvoir changer modifié si le travail est fait en avant va pouvoir éviter vraiment tous ces petits projets c'est des petits problèmes connaître le projet donc ça ça paraît tout simple mais le projet donc il est apporté par un client le client il se réveille pas un matin disant ah oui je veux un nouveau site donc il y a un but alors bien précis faut voir des fois le client il veut juste un site qui est moderne beau il va peut-être falloir creuser un petit peu plus c'est pour ça que généralement on organise un premier atelier avec le client l'idée c'est vraiment comprendre ses besoins donc pour ça en amont de l'atelier prendre connaissance de tout ce que vous pouvez au niveau du cahier des charges du commercial s'il a aimé si jamais il a déjà interagé avec le client le chef de projet à les regarder s'il ya déjà un site existant ce qui peut exister aussi dans ce domaine là et quand vous allez aller justement à cet atelier vous allez faire comme si vous ne connaissez rien ça va vous permettre de ne pas assumer certaines choses de se dire ou d'interpréter plutôt certaines choses et de poser absolument toutes les questions auxquelles vous n'auriez pas forcément pensé ou même si vous avez déjà les réponses de pouvoir confronter ce que vous avez compris et ce que le client va vous dire le but c'est vraiment d'aller plus loin que je veux un site moderne et beau là ce qu'il faut savoir c'est pourquoi on a cette volonté de lancer ce projet là qu'est ce qu'il ya vraiment derrière et petit bonus pour la fin connaître l'ensemble des décisionnaires la personne avec laquelle vous allez interagir donc c'est la personne qui va vous valider justement tout ce qui va arriver par la suite mais des fois elle a une personne qui au dessus d'elle ou peut-être plusieurs personnes et vu que c'est un supérieur elle n'a pas envie à chaque fois de l'embêter pour toutes les validations et elle va attendre d'avoir un gros paquet à faire valider sauf que si elle elle a valider en amont et qu'une fois qu'elle va faire valider ça par le décisionnaire lui dit ah bah non c'est pas ce que je veux ça nous fait repartir et ça nous fait retomber dans les problèmes qu'on a vu avant justement des retours qui peuvent arriver un peu trop tard toujours pendant cet atelier là c'est là qu'on va commencer à s'intéresser à l'utilisateur il faut cerner qui il est donc pour ça les questions justement doivent être orientées à au bout d'un moment vers ça qui va utiliser ce site internet pourquoi pour qui ce projet est fait qu'est-ce qui va leur être proposé ne pas hésiter à le demander clairement au client généralement ils ont une petite idée c'est pas forcément la bonne mais c'est bien de savoir aussi pour qui le client pense faire son site et après il va falloir aussi et là c'est très important de le faire comprendre au client faire une distinction entre le coeur de cibles et les cibles qui peuvent être secondaires le client par défaut il dans 80% des cas il va vouloir justement un site qui est pour tout le monde un site qui est pour tout le monde c'est un site qui est pour personne pourquoi parce que vous n'allez pas pouvoir être pertinent dans ce que vous allez proposer vous pourrez pas aller à fond justement par rapport à votre coeur de cibles si jamais vous avez un coeur de cibles identifié vous allez vraiment pouvoir développer des fonctionnalités pour cette cible là d'accord et les cibles qui aura secondaire justement celle là vont venir se rattacher à ce qui existe déjà donc après l'atelier donc normalement c'est là où vous notez plein de choses il ya différentes manières de fer moi généralement c'est papier crayon je vous conseille pas trop forcément d'avoir un ordinateur parce que le temps de taper les choses comme ça des fois vous pouvez perdre le fil il y en a qui enregistre en vrai c'est très rare que quand on enregistre des sons on les réécoute par la suite donc surtout prendre des notes après l'atelier va falloir se fixer des objectifs alors les objectifs il va falloir qu'il soit clairement identifié voilà donc spécifique mesurable atteignable réaliste et aussi inscrit dans le temps ça c'est très important il ya une confiliaire justement qui parlait de bouffer 40 000 euros d'affaires et donc du coup c'est comme ça ça va fonctionner faut vraiment que ce soit réaliste et justement dans le temps c'est comme ça que vous allez aussi pouvoir gagner la confiance de votre client et vous aussi pouvoir vous améliorer par la suite ça c'était par rapport à ce que vous avez compris des besoins du client la deuxième étape les personnes pour ceux qui ne connaissent pas le persona c'est une personne type qui va regrouper un ensemble d'utilisateurs c'est elle qui est derrière justement la cible prioritaire le coeur de cible et les cibles secondaires c'est très important d'en avoir parce que quand vous allez travailler par la suite vous avez toujours réfléchir par rapport à cette personne là est ce que je développe justement cette fonctionnalité pour elle ou pour elle est ce que c'est pertinent de faire cette page là est ce que ce parcours correspond vraiment aux attentes de cet utilisateur petite parenthèse sur les appels d'offre parce que les appels d'offre on n'a pas l'occasion de faire justement un atelier avec le client même des fois on l'appelle et il nous répond pas forcément stop au maquette tout le temps je veux une deux trois versions je veux une home je veux une page intérieure des choses comme ça en fait c'est pas du tout pertinent de travailler comme ça parce que les éléments vont être trop subjectifs le client va valider ça il va faire j'aimais bien celle qu'avait du jaune là avec la grosse typo donc du coup vous allez travailler énormément perdre pas forcément beaucoup de temps mais ça va être vraiment l'idée de faire quelque chose de joli si vous travaillez un petit peu plus intelligemment justement vous allez essayer de tirer un maximum d'infos du cahier des charges que vous avez et proposer un fonctionnement donc quand je parle de fonctionnement ça veut dire de réfléchir peut-être à lui proposer une nouvelle arboréissance une stratégie de contenu voire même justement des wireframe en fait pour vraiment montrer qu'on a compris ces besoins évidemment j'avais encore voilà donc là les besoins clients sont extrêmement important parce que pendant cette phase là le but c'est de gagner donc il faut montrer qu'on a compris justement et par rapport aux objectifs qu'on avait avant qui était smart c'est là que vous pouvez dire pas juste un 40 000 euros de chiffre d'affaires mais vraiment vous on a compris que c'est cette cible qui vous intéressait on sait comment l'atteindre on sait comment soit vous apporter une nouvelle base de clients soit comment convertir plus fin il ya vraiment des petits objectifs qui peuvent être réalistes et qui peuvent beaucoup plus convaincre et après évidemment ne pas hésiter à accompagner un groupe un book justement de toutes vos créations qui permettront aux clients justement de voir ce que vous savez faire parce qu'une création justement pour qu'elle soit validée par le client il faut que ça lui plaise et même si vous allez proposer plein de créations vous savez forcément que ça va être retravaillé par la suite donc il vaut mieux fonctionner comme ça pour bien poser les bases et après pouvoir aller justement sur la création après rien n'empêche non plus de donner une petite intention graphique des fois ça fonctionne quand même mieux qu'en allant donc le but c'était vraiment de convaincre et rassurer le client ici on n'a pas trop parlé du utilisateur c'est à dire on analyse d'abord les besoins justement du client pour pouvoir gagner l'appel d'offre et c'est une fois que l'appel d'offre va être emporté que là on va pouvoir venir lui parler justement grâce aux ateliers qu'on a vu avant de l'utilisateur parce qu'il y a encore un travail justement qui se fait de ce point de vue là de dire ok donc ce site ce n'est pas pour vous vous êtes le client mais c'est pour ces utilisateurs là donc revenons à la conception les contenus analyser les contenus existants et futurs alors on n'a pas forcément des contenus qui existent mais il y en a forcément qui vont exister donc l'idée c'est déjà de pouvoir dresser une arborescence de là justement comment on vont se structurer ces contenus comment va y accéder donc avoir aussi une stratégie de contenu en fonction de est ce que vous allez avoir du contenu chaud qui va être publié souvent qui va amener des utilisateurs ou au contraire quelque chose de froid qui est consulté donc du coup sur quoi vous allez vouloir les renvoyer ensuite et ne pas oublier cette histoire de storytelling ça c'est quelque chose qu'on entend de plus en plus parler donc c'est le fait de raconter une histoire c'est ne pensez pas à une page toute seule donc en effet on a vu avec donc d'autres confes mobile first et des choses comme ça qu'une page doit avoir un objectif précis mais votre site ne vit pas juste pour une page il y a d'autres pages qui vont être ensemble il faut que le tout s'accorde bien c'est ça aussi dans la manière de raconter une histoire tous ces éléments sont important en fait pour la navigation qui qui va exister sur votre projet donc maintenant on va pouvoir déterminer des gabarits alors c'est quelque chose c'est une phase qui est très importante par rapport à wordpress et pour les chefs de projet aussi c'est ça va nous permettre en fait de savoir combien à peu près de pages on va avoir d'avoir l'ensemble du projet qu'est ce qui va exister justement comme gabarit mais ça peut en fait vite poser des problèmes en conception parce que vous allez peut-être devoir rentrer dans ces boîtes vous allez faire des recherches par la suite vous allez peut-être vous rencontre que ce type de contenu là finalement n'est plus pertinent où il devenu obsolète le remplaçait par un autre et donc ça peut poser problème après c'est assez formateur pour le client parce que ça lui permet déjà de réfléchir en termes de pages c'est plus juste un site qui va faire ça et qui a qui met mes actualités en avant mais plutôt ok il ya ça qui va exister comme page tel type tel type tel type je me suis engagé avec l'agence pour faire ça et ça permet d'avoir déjà un premier spectre un premier spectre désolé de de ce qui va exister donc quand plus tard il va faire oui mais moi je voulais aussi ça aussi ça non parce que vous êtes déjà engagé de ce niveau là mais vu que ça peut poser problème c'est là qu'il est très important d'être transparent justement avec le client il ya différentes manières de travailler qui existe donc waterfall et scrum en sont quelques une je ne vais pas en parler tellement waterfall c'est le cas classique où justement on valide tout en avant on dit tout ce qui va exister comme page qu'est ce qui va être fait techniquement le cahier des charges et rédiger valider après on pourra partir en effet en design et ainsi de suite ainsi de suite si jamais il ya des changements qui arrivent en cours de route justement on veut plutôt un nouveau type de contenu c'est un peu dur de venir intégrer ça ou des changements le scrum là c'est complètement l'opposé c'est plutôt ben on a vu que cette page est très très importante on va faire les specs dessus on va pouvoir la faire en design après elle part en dev on va ensuite se concentrer sur une autre partie ainsi de suite et donc là ça se construit plus au fur et à mesure entre les deux nous on propose en fait aux clients de fonctionner par lotissement et c'est quelque chose que les clients en fait apprécie pas mal on va identifier les en fait tout ce qui va faire le minimum viable du projet c'est à dire qu'est ce qu'il faut pour lancer le projet de base quelle page va exister quelle fonctionnalité et une fois que on se sera concentré là dessus on va pouvoir en effet faire toutes les rédactions partir en design développement et c'est après dans un lot 2 qu'on viendra soit rajouter justement des nouvelles fonctionnalités des nouveaux contenus des nouvelles pages et de repartir encore dans cette phase justement de ben redesign développement et tout et à la fin de pourquoi en fait c'est bien aussi de fonctionner donc déjà pour nous parce que ça nous permet de mettre en place rapidement un projet donc déjà le client voit plus rapidement son site en ligne donc ça lui plaît et surtout quand on va retravailler sur des autres lot par la suite ça va aller beaucoup plus vite parce qu'il va être formé justement à ça il va savoir comment quand on va lui dire bah oui justement j'ai fait un atelier on va faire un atelier 8 il va savoir comment ça va se passer ça va aller beaucoup plus rapidement et pour s'assurer de tout ça il va encore falloir faire un atelier avec le client donc lui parler de l'arboréissance lui faire valider justement cette arborescence pareil pour les les gabarits clés donc de bien penser à les faire valider parler avec lui justement un petit peu plus du contenu et là c'est aussi très très important et c'est très difficile aussi à faire parce que le client généralement quand il vient vers vous il a une idée de projet il sait ce qu'il va y avoir mais dans les grandes lignes il n'a pas encore du vrai contenu malheureusement ne pas travailler avec du vrai contenu c'est quelque chose qui devient très vite dangereux le lorem ypsum c'est bien pour les créations pour remplir un petit peu de contenu mais après ça peut vite poser des problèmes donc l'exemple basique mais pas trop gênant c'est j'ai fait le design pour tous mes titres qui sont en quelques caractères mais au final ça va être plutôt des titres qui vont faire plusieurs phrases donc bon ça peut venir pousser le contenu mais il y a pire par contre par exemple sur un formulaire où on s'est dit bon bah on va mettre tel champ tel champ on va demander ça à l'utilisateur et bien après le client qui dit ah bah non je veux demander aussi ça aussi ça aussi ça ce qui commence à nous rallonger un formulaire et un formulaire très long c'est aussi de forte probabilité pour qu'il ne soit pas rempli et pas soumis alors que l'avoir découpé par exemple en plusieurs étapes qui sont indiqués clairement ça fonctionne mieux ça c'est des choses qui nous permettent de le savoir avant et justement d'éviter ces problèmes par la suite donc il faut pas hésiter à forcer le client quitte justement à l'accompagner ça ça peut être très intéressant aussi parce qu'ils sont pas forcément tous aussi à l'aise que nous avec le web et ce qui se fait dans les standards il ya beaucoup de personnes aussi qui font justement par rapport à ce qu'ils ont vu ou du print ou des choses comme ça donc ça peut être bien aussi de les accompagner de ce côté là et souvent pendant ce petit atelier en fait on va avoir des fonctionnalités qui se glissent c'est à dire le client qui dit ah bah oui du coup sur cette page là vu qu'on aura ce contenu là ça serait bien de permettre à l'utilisateur de s'inscrire où il faut absolument le rediriger vers tel contenu et donc en fait ces petites fonctionnalités faut vraiment les noter pour pouvoir justement par la suite les ressortir et c'est parti pour les onnings et les wireframe alors ça normalement c'est ce que vous connaissez un peu plus donc petit rappel sur ce qu'on a déjà avec tous nos petits ateliers et nos phases de recherche ce sont les objectifs donc issus en effet du cahier des charges des recherches qu'on a pu faire de l'atelier les personnes à de la même manière l'arboré sens et les gabarits et contenu donc tout ça il faut bien l'avoir justement avant d'attaquer les onnings il ya autre chose aussi là que j'ai pas rappelé mais qui est très très très très important c'est le contexte qu'on a vu tout au début justement sur ce qui définit c'est lui le contexte va être très important surtout maintenant avec tout ce qui est responsive mobile des choses comme ça c'est là aussi qu'on va se dire en fonction de tout ce qu'on a là est-ce que c'est pertinent par exemple de faire du mobile first ou justement le mobile first le but c'est d'avoir un objectif par page ou au contraire on va plutôt aller dans l'autre sens faire du responsive c'est là justement qu'on se pose ces questions là et c'est avec le zoning qu'on va porter des réponses donc les onnings c'est papier écrions le but du zoning donc c'est ce que vous voyez ou pas d'ailleurs derrière mais le but c'est vraiment en fait d'aller vite il va falloir définir l'organisation des pages comment on y accède le principe de navigation mais tout se fait dans les grandes lignes c'est pour ça que ces onnings c'est vraiment des zones vous allez juste dire ici on va avoir tel type de contenu est-ce que là on va avoir une site bar la navigation va se faire de telle manière on va avoir le menu qui se place au dessus mais le but c'est pas de tout de suite trouver la bonne solution vous allez itérer vous allez faire plein de solutions différentes les tester voir lesquelles peuvent fonctionner lesquelles posent des problèmes et peut-être mixer aussi des après différentes solutions et c'est pour ça d'ailleurs qu'on utilise du papier et du crayon parce que si vous partez directement sur ordinateur vous allez avoir une idée le temps de la réaliser vous allez peut-être avoir d'autres idées mais vous allez vouloir finir déjà la première idée que vous avez l'autre idée que vous aviez va du coup se détériorer un petit peu enfin vous perdez énormément de temps alors que là l'idée c'est juste d'aller rap d'aller vite donc papier crayon ça ne sert à rien non plus de réinventer la roue sauf si vous avez vraiment un projet innovant qui va créer des nouveaux usages ou ce genre de choses vous allez pas tout de suite dire ouais je vais mettre mon logo en bas à droite parce que ça fait plus sympa non maintenant il ya des standards les gens savent utiliser le web utiliser ça quand vous allez faire vos recherches que ce soit aussi vos recherches concurrentiels c'est à dire regarder ce qui se fait dans le domaine comment les autres agissent mais aussi une recherche fonctionnelle ça c'est quelque chose qui est assez intéressant et qui se fait moins souvent c'est de regarder aussi dans d'autres domaines par exemple si vous travaillez sur un site de réservation de chambre d'hôtel vous allez peut-être aller regarder donc tout ce qui se fait en réservation de chambre d'hôtel mais aller peut-être voir aussi ce qui fait dans les compagnies aériennes comment je vais faire pour réserver un billet il ya peut-être des fonctionnements justement qui peuvent être intéressants de sortir d'autres domaines pour les amener dans le vôtre quand enfin une solution se dessine par rapport à tout ça vous arrivez à avoir une navigation des feuilles qui se les feuilles les pages qui s'enchaînent bien un parcours utilisateur qui a l'air de fonctionner par rapport à vos objectifs et les personnages que vous avez créés on va passer au wireframe donc il ya vraiment une différence entre zoning et wireframe le wireframe c'est vraiment plus poussé en termes de contenu et donc quand je dis plus poussé c'est qu'en fait on va trouver dessus tous les contenus qui va y avoir ainsi que les fonctionnalités si jamais il ya un select je veux savoir comment il fonctionne qu'est ce qu'il va y avoir derrière comme typologie est-ce que je peux sélectionner plusieurs choses il ya plein de petites enfin même sur les transitions est ce que ce bouton là de validation il va rediriger vers cette page là ou cette page là en fonction des erreurs et surtout n'est pas encore question de design ici donc c'est là que vous partez avec une solution un logiciel donc il y en a plein qui existe que ce soit des logiciels complètement dédié à ça comme axure balsamique il y en a plein plein plein vous pouvez même les enfin j'en parlerai pas plus que ça ici parce que c'est pas ce qui est intéressant mais surtout ne pas faire de design parce que là ce qui nous intéresse c'est comment fonctionnent les choses et dès lors que vous allez venir mettre un petit peu de design quand vous parce qu'il va falloir les faire valider avec le client c'est wireframe là au moins l'avantage de ne pas voir design c'est que si vous dis non c'est sur le fonctionnel vous savez que c'est le fonctionnement qui n'aime pas ou que ce contenu n'est pas placé au bon endroit ou telle chose si vous mettez un petit peu de design qui vous dit non je n'aime pas ça vous savez pas si du coup il n'aime pas ce bouton qui est de telle couleur ou il n'aime pas vraiment ce bouton qui est positionné ici ou qui fait tel tel fonctionnement donc c'est bien de le garder en tête et les wireframe comme je le disais lui c'est quelque chose qui est pour tout le monde donc vous n'êtes pas tout seul responsable vous allez devoir les faire valider avec tous les autres profils que ce soit gestion de projet chef développeur ou designer parce qu'ils vont avoir un point de vue sur le projet que vous n'avez pas forcément donc ça on le verra par la suite mais c'est extrêmement important justement d'avoir ça parce que vous pouvez penser à des solutions qui peut-être techniquement ne peuvent pas être mis en en oeuvre ou alors par rapport au cadre du projet pour la gestion de projet et horscope donc il ya plein de choses comme ça qui sont importants et c'est une fois que l'ensemble de l'équipe est d'accord sur un wireframe que vous pouvez aller le faire valider aux clients donc voilà quand je vous dis qu'un wireframe c'est juste un petit exemple c'est détaillé c'est qu'on va trouver vraiment tout le contenu mais on va aussi trouver plein d'annotations sur le côté pour dire justement comment tel ou tel bouton fonctionne qu'est ce qu'on va trouver derrière et ainsi de suite donc c'est wireframe qu'on a c'est vraiment ce qui va nous servir de pierre angulaire en fait du projet déjà parce que c'est la première chose concrète que va valider le client là pour le moment vous l'avez amené sur un premier atelier pour parler de ces besoins de ces utilisateurs qui là ensuite vous l'avez amené pour un atelier pour parler des gabarits et des contenus en fonction du projet vous pouvez faire un seul atelier d'ailleurs si jamais vous avez fait tout le travail bien en amont mais là il va vraiment pouvoir valider quelque chose de concret il va pouvoir voir l'âge voir vraiment le début de son site après c'est aussi important d'être présent lors de cette première validation parce que malheureusement les wireframe c'est pas quelque chose qui sont forcément habitués et c'est dur de se projeter donc il faut vraiment faire comprendre à quoi ça sert qu'on est là pour le fonctionnement et il ya un gros travail d'évangélisation aussi à faire de ce côté là donc accompagnez les pour la première validation ensuite pour ce qui est création la création va pouvoir justement partir des wireframe pour voir les différents éléments qui existent qu'est ce qu'il va falloir créer par rapport à l'identité qui peut exister ou justement qu'il va falloir créer le front va voir ce qui est au niveau des fonctionnalités comment les mettre en place comment ça va justement interagir le bac de pouvoir mettre en place tous les environnements existants que ce soit le wordpress le github enfin justement grâce aux fonctionnalités même si là le développeur n'a pas de maquette de créa il peut faire le site en entier il doit pouvoir fonctionner ce site juste sur la base de ces wireframe et enfin la gestion va pouvoir finaliser toutes toutes les spécifications qui existent qui a déjà été commencé normalement avec le cahier des charges mais c'est là qu'on va pouvoir vraiment l'ancrer et le signer avec le client donc ça c'est important parce que c'est là où derrière quand le client va vous dire oui ben alors moi je voulais plutôt ça comme ça vous allez pouvoir vraiment dire non on est parti là dessus on a validé ça donc après si on fait une modification d'accord mais il faut repartir dans une phase justement peut-être de budgétisation et ainsi de suite et ça j'ai rajouté en plus que l'ux peut construire un proto alors ça c'est pas forcément dans cet ordre là et c'est pas forcément sur tous les projets un prototype ça peut servir à plusieurs choses ça peut être pour que le client se rende compte un petit peu mieux de comment le site va vivre comment ça va fonctionner ça être plus facile aussi de voir justement un parcours utilisateur se dessiner ça peut être aussi pour faire des tests avec des utilisateurs voire justement en fonction de vos personnels vous allez pouvoir recruter des personnes et leur donner vraiment le prototype mais c'est quelque chose qui peut être fait des fois en amont vraiment des wireframe aussi c'est ça peut être directement travailler sur le prototype ou ne pas en faire fin c'est vraiment quelque chose qui peut être optionnel et qu'il faut qu'il se soit adapté au projet et wordpress dans tout ça donc on a déjà vu en effet qu'au niveau des types de contenus c'était très très important justement d'avoir ça les wireframe vont vraiment nous servir c'était les types de contenus c'était vraiment un tournoi important dans wordpress que ce soit d'un point de vue bac ou d'un point de vue front parce que ça nous a permis vraiment de structurer les contenus voir les liaisons qu'il va y avoir avec et donc ça vu que c'est inscrit dans les wireframe on va pouvoir savoir comment ça va fonctionner et aussi pour justement les fonctionnalités dont je parlais les plugins ça c'est donc la chance qu'on a justement avec la communauté wordpress c'est qu'il y a énormément de plugins existants et qu'il y a forte chance que la fonctionnalité que vous avez imaginé sur telle ou telle page existe sous forme de plugins donc si c'est le cas il va falloir justement la tester voir si elle correspond à vos attentes est ce qu'elle va pas générer des nouveaux templates sur les ou des contraintes qui va falloir prendre aussi en compte voir adapter du coup votre conception par rapport à ça pour vous montrer un petit exemple concret on a eu des clients donc pour qui on a dû travailler un middle office donc quelque chose qui permettait de faire le lien entre le bac le bac office justement et pouvoir mettre directement du contenu dedans donc on a travaillé déjà en conception donc on s'est posé la question de tous les contenus commence à aller agir est ce que justement on va pouvoir sélectionner plusieurs thèmes est ce qu'il y a va y avoir d'autres champs qui vont apparaître par la suite en fonction de quoi ça va être fait une fois que ce travail a été fait c'est là justement qu'on fait la validation en interne et malheureusement fin surprise mais qui arrive dans 80% des cas c'est que le client n'a pas le budget pour ce fonctionnement là donc en front en effet on avait de l'auto complétion ça fonctionne bien on a des sélectours qui nous permettent d'avoir des formuleurs qui soient jolis malheureusement le budget n'est pas là donc le travail qui a été fait là dessus n'a pas pu être gardé il a fallu repartir en conception sauf que ça n'a pas été du travail inutile c'est à dire que maintenant qu'on sait que le problème c'est le budget on a le fonctionnement qui est présent on sait ce qu'on veut on sait les liaisons qui va y avoir en fonction des différents contenus mais maintenant on va pouvoir chercher une solution qui fait ça et ensuite l'adapter donc d'un point de vue front ça nous a donné un formulaire qui est moche donc là c'est la solution c'était assez f du coup pour ce que ça peut intéresser mais par contre derrière on avait le fonctionnement qui était tout fait et là le fait de l'avoir vu en amont ça nous a permis de pas avoir ce problème par la suite parce que si jamais on était parti sur cette solution qu'on était parti justement en face de design en face de front et que c'est après peut-être au développement que le développeur aurait fait ou là ça me parait peut-être un peu lourd justement ça de la manière dont ça va être interagir ou pire si le développeur ne se rend pas compte justement de cette charge de travail et qui commence à travailler dessus le moment où justement on va faire bon bah là on n'a plus de jours pour travailler on en est où le fait de revenir à une solution comme ça serait du coup extrêmement coûteuse parce que même si elle est plus simple et qu'elle rentre dans le budget le travail a déjà été fait et continuer dans l'autre sens c'est pareil ça nous bloquerait donc c'est pour ça que c'est un vraiment intéressant de travailler la conception en amont petit parenthèse aussi sur le back office j'aime bien faire des parenthèses c'est quelque chose enfin qui peut-être nous paraît acquis pour nous tous mais le back office de wordpress c'est quand même quelque chose d'assez bien fait justement d'un point de vue cms et là sur le back office l'utilisateur va être le client et donc c'est extrêmement important donc bon déjà pour le fonctionnement du site en effet sur les différentes liaisons mais aussi sur la contribution du contenu qu'est ce qui va être demandé comment ça va être fait on va aussi pouvoir venir en fonction du projet désactiver certaines fonctionnalités et de permettre justement au client de ne pas faire non plus n'importe quoi avec ce back office là il y a aussi la gestion des droits qui est assez intéressante parce que souvent on a aussi des clients qui vont être nombreux derrière sur le back office et ça va pouvoir créer des workflows donc qui sont naturelles de wordpress avec justement différents niveaux d'admins mais qui permettent aussi d'avoir une expérience là pour les personnes qui vont être sur le back office vraiment plus poussées et l'avantage qu'on a aussi de pouvoir le travailler il y a des fois il y a des travail de conception qui se font aussi sur le back office j'en suis à peu près à 38 alors peut-être les patchbuilder c'est quelque chose que les marquetteux adorent parce qu'en effet on va pouvoir mettre des étoiles dans les yeux des clients ouah vous allez pouvoir faire votre site tout de suite vous déplacer des blocs on a du whizzy week donc what you see is what you get ça est un rendu directement en fait dans le navigateur sauf que ça peut vite devenir dangereux le problème qu'on a avec les patchbuilder c'est qu'il faut vraiment cadrer cette fonctionnalité parce que en effet le client peut faire ce qu'il veut et du coup c'est aussi le problème je sais pas si vous avez déjà reçu des propositions de maquette de clients ou des choses comme ça il ya des fois quand on reçoit des choses même sous pp t on se dit que si on leur donne la possibilité de faire pareil avec un site ça peut être problématique parce que du coup le client ce qui va oublier c'est que quand construit une page c'est dans un objectif bien précis et donc ce qui veut absolument c'est placer les contenus en haut mais est ce que c'est intelligent par rapport à ses objectifs on ne sait pas autre gros problème qu'il va y avoir c'est que quand on va avoir un bloc c'est parce que des fois aussi du coup il faut développer des blocs en fonction des fonctionnalités et on s'est dit bon ben c'est bon ça vit bien ici mais si du coup le client veut l'utiliser d'une autre manière à laquelle on avait pas pensé ça va y un peut-être casser le fonctionnement la manière dont il est affiché pareil aussi là sur les problématiques de responsive donc c'est quelque chose qu'il faut vraiment cadrer avec le client avec justement des caillers des charges bien clair mais qui peut quand même présenter aussi certains avantages ça nous est déjà arrivé nous de pour des projets de faire de la conception directement avec du page boulder et donc au moins le client en même temps de faire le zoning le travail de wireframe peut avoir un proto et voir même un petit peu à quoi ressemblera son site surtout s'il a déjà choisi un thème qui lui plaît donc c'est aussi un gain de temps qui peut se faire de ce côté là mais attention justement après aux libertés qui peuvent exister ne pas délaisser le design parce que là en effet on parle de wireframe qui sont très très précises mais ça peut être extrêmement frustrant pour un directeur artistique de travailler sur ces wireframe là parce que tout justement le contenu les fonctionnalités sont là certaines choses en effet fonctionnent sur le wireframe le zoning parce que c'est en noir et blanc et puis on a fait des petites annotations mais en vrai avec le design qui va y avoir ça va peut-être mal vivre donc il faut surtout ne pas hésiter pour ceux qui s'occupent du design à être force de proposition et à faire des allers-retours aussi avec lui x ça c'est extrêmement important de faire des allers-retours avec lui x et pas que pour la phase de design la phase de technique aussi il ya des fonctionnement qui peuvent être inventés et après on se rend compte que quand on le code ah bah tiens c'est bizarre qui est ça faudrait peut-être le changer ne pas hésiter à voir ces allers-retours à chaque fois donc là ce qu'on a vu c'était vraiment pour introduire le luxe dans vos projets en effet ce que vous allez donner à vos utilisateurs vous savez pas comment ils vont l'utiliser et c'est très très important j'adore ce gifle d'aller plus loin dans lui x parce que lui x avant tout de l'itération on va devoir essayer de faire quelque chose on va se rendre compte justement que même si on avait des personnes à des objectifs et tout il ya des nouveaux usages qui viennent vivre ou pas donc du coup il va falloir à voilà les mesurer ces résultats et pouvoir tirer des conclusions alors il ya plein de solutions qui existent là s'en est juste quelques-unes on peut faire de la b testing qui est quand même une bonne solution pour voir par rapport aux objectifs justement il est mesuré faire des tests utilisateurs repartir en face de recherche développer des nouvelles fonctionnalités justement par rapport aux usages qui peuvent se créer se fixer des nouveaux objectifs parce que des fois les objectifs ont été fixés ne sont pas forcément les bons ne sont pas atteignables et pouvoir aussi affiner les personnes un persona c'est quelque chose qui existe juste le temps d'une phase de projet et normalement à la fin de vos projets vous les tuer vos personnels pour en créer des nouveaux par la suite parce que justement vous allez leur apporter des solutions ils vont peut-être leurs besoins vont évoluer des choses comme ça oui donc voilà lui x c'est vraiment trouver une solution vous allez pas pouvoir trouver la solution qui sera la meilleure parce que déjà on ne peut pas forcément l'apprédire et ça c'est aussi une chose que je trouve un petit peu dommage dans certaines conférences qu'on a pu voir c'est qu'on nous présente nous dire alors oui faire ça c'est bien avoir par exemple il faut qu'on soit absolument à moins de deux cliques de du contenu qu'on veut atteindre des choses comme ça le problème c'est qu'en fait à chaque cas on peut trouver un contre-exemple où justement ça serait pas pertinent de faire ça et je sais vraiment votre projet qui va définir si cette solution peut être mise en place et pertinente donc du coup cette itération ça va être dans le but de trouver une solution mesurer voir si justement elle peut fonctionner et si c'est pas le cas ne pas hésiter à l'abandonner pour partir sur une autre ou l'affaire évoluer et voilà merci merci alexand ça c'est un sujet vraiment passionnant je pense qu'on va avoir beaucoup de questions alors c'est parti ça va se passer au fond bonjour merci je suis ravi d'être venu parce que j'ai failli pas venir pour moi lui qui c'était vraiment un super gros mot je savais pas de quoi ça parlait donc merci de m'avoir fait découvrir est ce que tu peux m'expliquer la différence entre lui c'est la gestion de projet par exemple au sein d'une agence et donc deuxième question est ce que le chef de projet sert encore à quelque chose non faut pas avoir des chefs de projet c'est le mal si tant et qu'il en vrai non si donc du coup lui x oui ça en fait les chefs de projet sont aussi responsables de lui à différents niveaux en fait ils vont devoir s'assurer que tout le long du projet par rapport aux objectifs qu'on a pu se fixer il reste atteignable et c'est lui qui suit aussi qui sert de fil rouge et le chef de projet et aussi la personne qui va être la vraiment la personne référente pour le projet donc c'est elle qui va faire le lien en fait et qui va servir en même temps de couvre feu à tout le reste de l'équipe c'est elle qui fait les qui dit aux clients ce qui se passe et les autres personnes qui a derrière justement pour les laisser travailler et que ce soit bien sur le projet c'est la chef de projet ou le chef de projet qui va dire ça se passe comme ça il faudrait faire ça faudrait mettre ça en place et il peut y avoir aussi des chefs de projet qui soient spécialisés justement dans l'ux en fonction des agences après il ya différents chefs de projet il peut y avoir des chefs de projet techniques d'autres justement plus référencement par exemple référencement c'est quelque chose que j'ai pas abordé mais qui est extrêmement important mais donc du coup non on a besoin de ces chefs de projet même si j'aimerais bien l'en passer des fois oui merci beaucoup c'était très très intéressant et j'ai compris que les processus en agence sont assez sophistiqués moi je travaille à mon compte donc les choses se passent plus simplement comment est-ce que vous arrivez dans un processus comme celui-ci de garder le client et de garder sa passion si je m'explique un peu au départ un client qui veut faire un site internet il va être ouais super on va créer un site ça va être super ils ont super envie quand un client se rend compte au bout d'un moment que c'est un pro long processus de validation après validation et on passe par des wireframes la passion et l'intérêt pour le projet peut quand même vraiment plonger en fait moi je l'ai vécu j'étais en agence avant aussi comment est-ce que vous arrivez à travers tous ces processus là à garder l'attention du client et garder le plaisir de travail justement là-dessus faut vraiment être honnête en fait avec le client dès le départ et vu qu'on a des process qui sont justement bien fixés mais qui peuvent demander pas mal de phases de validation dès le début du projet on va annoncer tout ça au client on va dire comment ça va se passer on va lui montrer qu'il ya certaines phases dans le calendrier où il va falloir qu'il soit absolument disponible parce que justement là on va lui demander une validation sur telle chose là on va lui demander une validation là il y aura un atelier et donc au moins dès le début il sait à quoi s'attendre et il n'y a pas de surprise par la suite là encore bah c'est pareil c'est c'est de lui x mais sur la gestion de projet de comment ça va être amené après en fait on s'est rendu compte que créer justement ces ateliers avec les clients là ça aide aussi énormément parce que ça l'implique beaucoup plus il n'a pas juste des documents à regarder et à dire oui ou non là on l'implique vraiment dans son projet parce que faut pas oublier que c'est lui c'est son projet quand même à la base et le fait de l'inclure comme ça dedans c'est quand même un petit peu plus bénéfique et le problème qu'il peut y avoir justement dans d'autres fonctionnement où on envoie juste des choses de validation ben le client peut avoir cette sensation que bah c'est plus tellement son projet c'est moi j'ai dit que je voulais ça et après l'agence va créer les choses de telle ou telle manière et donc du coup c'est aussi ce qui peut poser un problème parce que les clients vont vouloir prouver que c'est toujours leur projet dire non moi je veux que ça fonctionne comme ça ça fonctionne comme ça des fois c'est pas parce que ils veulent que ça fonctionne comme ça c'est pour montrer qu'ils ont toujours leur mot à dire dans le projet donc les inclus avant ça enlève aussi ça donc ils doivent s'approprier le prix projet comme ça alors une question au fond bonjour merci pour ta conf moi je voudrais revenir sur ta parenthèse back office et est ce que toi tu as un process particulier sur sur l'utilisation du bac office pour le client est ce que par exemple tu tu vas masquer donc toutes les fonctionnalités super flu pour lui ou à les plus loin jusqu'à l'habillage sur mesure pour tel type de client alors là dessus nous sur le le back office en fait avec la première phase de recherche sur les besoins on va essayer déjà de partir vers une solution qui correspond le plus possible à ce que le client va vouloir après on va venir adapter justement rajouter quelque chose là mais on a aussi pareil toujours en fin de projet un atelier pour de prise en main et on va livrer aussi un document d'utilisation par rapport à ça après on n'est pas encore allé aussi loin dans la personnalisation du back office mais ce qui nous arrive plus souvent par contre de faire c'est justement construire un middle office qui pour certaines typologies justement de client n'ont besoin que de certaines fonctionnalités et avoir ce middle office permet d'avoir quelque chose de clair et simple et en même temps d'avoir les fonctionnalités qui se cache derrière pour le back office bonjour alex entre merci pour ton intervention la question que j'ai aujourd'hui au niveau de UX c'est d'avoir des choses c'est le premier aspect c'est concernant le user journey parce que là en général qu'on parle de UX c'est vraiment pour un produit mais puisqu'on en est spécifiquement sur votre presse est-ce que tu as ce que tu arrives par exemple à développer un user journey par exemple pour un site internet de A à Z et la deuxième question c'est que puisque tu organises des ateliers en général pour les ateliers on il est dit que on doit utiliser par exemple d'un méthode de design design faking pour ça mon sens le design faking c'était un autre domaine mais en réalité c'est un designer designer dit non en fait le UX le design faking c'est pas une autre domaines c'est pas un autre domaine en fait c'est la méthode qu'on utilise pour pouvoir dialoguer avec le client donc est ce que c'est chose que j'ai entendu est ce que c'est vrai c'est pas vrai et quel conseil tu pourrais donner dans ce sens là merci alors donc le premier sur c'était les user journey c'est ça donc là-dessus c'est en fait ça c'est pas forcément lié à WordPress donc c'est quelque chose qui est fait justement pareil en amont avec les wireframe et le zoning plus avec le zoning justement on regarde ce qui serait intéressant d'avoir et après justement quand on va partir dans la phase de wireframing on va venir précisément mettre ici tel ou tel élément pour se rappeler justement que là ça serait bien de ramener l'utilisateur vers là pour justement rester cohérent sinon après pour ce qui est des ateliers c'est en fait les ateliers vont vraiment changer et s'adapter au client on a des ateliers où on va vraiment faire jouer le client on va avoir des systèmes de cartes on va dessiner en live ou des choses comme ça et d'autres projets où ça serait trop gros où ça prendrait trop de temps où ça serait pas pertinent et on va du coup plus aborder des questions essayez justement de faire répondre le client donc j'ai pas vraiment de réponses malheureusement à t'apporter de ce côté là pareil mais là encore c'est pas forcément lié à WordPress bonjour bonjour bonjour d'Amyen toujours de Strasbourg j'ai une remarque et une question la première remarque c'est merci d'avoir fait une console UX je pense que pour les développeurs ça fait jamais de mal mais j'ai quand même un problème avec cette conférence je suis désolé c'est qu'en fait UX ça veut dire user experience et que j'ai quasiment pas entendu le mot utilisateur en fait pendant cette conférence que on a parlé beaucoup du client on s'est beaucoup centré sur le client mais qu'en fait je vais aller volontairement dans l'extrême mais le client s'en fout parce qu'il va être important ça va être le résultat final qu'on va lui rendre et donc l'adaptation ou non du projet à sa clientèle et non pas au client et dans toutes les phases que tu as présenté je suis globalement d'accord avec la démarche mais mais pas sur la place du client parce que trop souvent des faces des clients qui vont vous dire oui mais ma femme n'aime pas n'aime pas la typographie vous avez choisi oui mais mon enfant ne veut pas utiliser le jaune qui est sur ce site là oui mais par exemple voilà les cibles les cibles sont pas directement sont pas directement toujours accessible maintenant j'aimerais bien te répondre voilà et donc la question qui va aussi avec sinon c'était juste on parlait beaucoup de thème premium en fait pendant ce pendant ce world camp et je voulais avoir ton avis sûrement sur la possibilité de pouvoir mettre en commun de lui que c'est des thèmes premium dans des projets web parce qu'il paraît quand même relativement très compliqué merci et bon week-end merci alors pour ta première question en effet il a beaucoup été question du client parce que ce qui était intéressant ici c'était les process en agence par rapport à lui donc ce que j'ai dit au début de ma conférence quand j'ai fait la phase sur lui x c'est que j'allais pas plus aller dans lui x mais sur comment on allait mettre des process pour pouvoir faire de lui x donc j'ai bien précisé que les personnes a été extrêmement important et merci d'ailleurs ta question parce que j'ai oublié de le préciser dans la conférence vos personnes a ça sert en effet à justement pouvoir bien réfléchir pour votre utilisateur et d'avoir justement ces débats avec le client là quand il vous dit oui non mais en effet moi j'aimerais tel typo tel rose ou des choses comme ça ça c'est pas les vraies questions mais plutôt qu'elle j'aimerais avoir cette fonctionnalité là où il faut absolument qu'il passe par cette page ou qui s'abonne ici ou qui le logo soit plus gros en fait vos personnes a vont permettre de vous donner une justification parce que vous allez répondre au client pas en disant non mais moi je pense vraiment qu'il faut faire ça comme ça ou on pense qu'il faut faire ça mais plutôt regarder par rapport à votre personne a si vous mettez ça comme ça ça ne va pas correspondre à ses objectifs à ces motivations donc ah t'as envie de répondre ben non tu peux pas et donc du coup les personnes il faut quand même enfin je suis des effets faut rappeler quelque chose qui est dans les projets très très rapidement sur les personnes a le problème c'est quand on est et c'est le cas de beaucoup d'exagérateurs on se plante très régulièrement sur les personnes à la santé s'utilisateur ça n'a aucune valeur non donc par rapport à ça les personnes a c'est quelque chose de très compliqué à construire parce qu'en effet un persona dessus vous allez donc donner un profil lui donner des buts des motivations et plein d'autres choses qui normalement se font à travers la recherche vous allez devoir aller faire énormément de recherche pour être vraiment sur le bon utilisateur malheureusement on n'a pas de budget pour faire ça parce que c'est quelque chose qui est très très dur et très long à faire énorme et il y a même des agences qui sont spécialisées juste pour ça donc on va devoir un peu créer des personnes a il vaut mieux avoir un créer un persona même un petit peu fictif qui ne va pas correspondre vraiment à la réalité parce que ça permet justement de faire ce que j'ai dit avant et de pouvoir se référer au persona quand le client a certaine décision et du coup j'avais complètement oublié ton autre question d'après c'était quoi ah oui les thèmes premium et ça donc c'est en fait c'est oui on travaille aussi avec des thèmes premium parce que toute cette phase de l'atelier que t'as fait avec le client les besoins que tu vas ressortir des fois tu peux te rendre compte qu'en effet la seule chose qu'il a besoin c'est d'un thème premium de l'adapter un petit peu lui apporter certains plugins et donc c'est pas gênant tu peux faire du x sur un thème premium je ne sais pas si t'es la réponse que t'attendais mais voilà on a une question devant oui ça arrive oui bonjour je voudrais savoir quelle place vous donnez à l'ergonome enfin quelle différence vous faites entre celui qui s'occupe de l'expérience utilisateur l'ergonome enfin personnellement parce que je n'en vois pas alors en fait c'est celui qui est en amont du projet donc l'ergonome c'est donc celui qui va faire tout le travail justement sur les wireframe les ateliers les recherches la création des personas c'est lui en fait qui fait tout ce travail en amont et donc c'est là que après c'est même mieux de l'avoir aussi avant que le projet soit signé parce que justement ça permet de déjà interagir avec le client et d'avoir directement ses retours et c'est lui qui va aboutir justement wireframe et donc tout le début du projet le cadrage du projet se fait avec l'ergonome et après par la suite du projet c'est là où les allers retours sont important parce que quand va y avoir du design ça va être s'adapter par rapport à wireframe pareil pour le développement pareil pour le front et c'est là à chaque fois en fait où il va y avoir des allers retours mais qui vont être juste par à coup avec l'ergonome donc c'est surtout en amont du projet qu'il est présent moi j'avais aussi une question par rapport à l'ergonomie parce que pour toi le lui x designer c'est l'ergonome ou c'est quelqu'un d'autre alors alors pour moi il c'est la même personne de plus en plus que ça soit en agence ou chez un annonceur moi j'ai surtout été chez l'annonceur et je pour moi c'était quand ce terme a commencé à paraître je me suis dit ok en gros ils ont mixé des designers et des ergonomes et ils ont dit tiens va appeler ça lui x designer donc pour moi la notion de l'ergonomie est vraiment intrinsèquement liée à lui x designer oui donc en fait c'est parce qu'en agence l'ergonome et lui x designer en effet c'est la même personne et c'est justement ce que j'expliquais avec la petite slide sur qui est lui x designer c'est que maintenant en fait les lui x designer il en a dans plein plein plein de catégories mais en agence en fait il s'occupe majoritairement de l'ergonomie et donc c'est pour ça quand on l'appelle lui x designer ou ergonome c'est la même chose parce qu'il fait le même travail mais il y a des lui x designer qui peuvent ne jamais toucher justement à l'ergonomie parce que c'est ceux qui vont être responsables juste de la phase de recherche de la phase de création justement de personnes à ou des gens et donc du coup c'est pas eux qui vont être liés à l'ergonomie c'est d'ailleurs comme ça qu'un travail peut être aussi mieux amené c'est une personne qui travaille en amont sur les phases de recherche et qui amène tous après pour une personne sur l'ergonomie parce qu'ils vont ils vont pouvoir confronter leurs points de vue la personne va pouvoir se mettre vraiment à la place des des personnes à qui elle a créé et du coup l'autre personne va pouvoir tester les les interfaces qu'elle a créé donc mais en effet dans les agences web les ergonomes sont les lui x designer merci alexandre on va s'arrêter là il y avait beaucoup de questions