 bonjour à tous. Je suis Patrick Faust, je suis à la base de développeurs WordPress. Je suis WordPress Trotter, je fais pas mal de work-amps. Je suis consultant digital, consultant SEO. Je fais pas mal de choses de tout ce qui est rapport avec Internet, les sites web. Alors on va passer, on va un peu revenir en arrière. Pourquoi j'ai fait une conférence sur le WordPress ? Parce que l'expérience utilisateur est souvent négligée sur les sites Internet ou vient à la fin du process lorsqu'on crée un site Internet. On parle souvent que de l'UX et rarement de l'expérience utilisateur dans son ensemble. Donc je vais revenir un petit peu en arrière sur mon extérieur, c'est sur Internet en général. Donc quand j'ai commencé à faire des sites Internet, on avait ce genre de choses. Je sais pas si tout le monde a connu ça. D'accord. Ok. Donc on va se connecter à Internet avec un modem. On avait un écran qui était de plus en plus grand et en gros l'expérience utilisateur était assez limité et en tant que développeur, on regardait surtout la taille de l'écran. Donc au début on faisait des sites Internet par rapport à la résolution donc en 800-600. Après c'est passé en 1024 x 768 et ça a monté, ça a monté, ça a monté. Mais on s'occupait vraiment que de la taille de l'écran. Après est arrivé les smartphones, les tablettes et maintenant les téléphones. Donc est arrivé le responsive. Donc là on commence déjà à avoir un peu plus d'expérience utilisateur. Donc on regarde la taille de l'écran mais ça devient de plus en plus compliqué parce qu'il y a beaucoup d'écrans différents, beaucoup de tailles différentes sur les téléphones comme sur les tablettes. On peut orienter le téléphone. Donc on est quelquefois en format visage, quelquefois en format portrait. Donc ça devient de plus en plus compliqué. Et aujourd'hui on est passé du responsive à du mobile first. Parce que quand on regarde les statistiques, de plus en plus de personnes se connectent à Internet avec un smartphone. Donc au niveau du process de la création des sites Internet, il vaut mieux commencer par le mobile et après adapter vers le desktop ou la tablette. Alors qu'avant on faisait le contraire, on faisait un site pour le desktop et on l'adaptait pour le mobile. Et le futur, on a de plus en plus d'objets connectés comme vous avez dit, mais aussi il y a des robots à la maison qui vont faire le ménage, des robots qui ont la domotique. Alors ça fait très longtemps que ça risque la domotique, mais ça c'est vraiment pas trop développé. Ça commence seulement maintenant à vraiment se développer. On a aussi tout ce qui est maintenant, là on sort du cadre de WordPress, mais il faut vraiment voir la chose dans son ensemble. La blockchain, tout ce qui est Big Data, donc gestion des data de ses clients, et bientôt on aura bientôt plus d'ordinateurs. Ça sera Google Home, Amazon, je ne sais plus son nom, bref, il n'y aura même plus d'expérience utilisateur en tant que visuel. Alors, vous avez l'UX, souvent ce que je propose dans le process de l'UX, c'est qu'on en parle à la fin et on parle vraiment de l'UX, d'un site internet. Alors que l'UX démarre bien avant le site internet, donc là je vous ai mis une petite pd, alors quand vous avez un autre pays, une marque, l'expérience utilisateur démarre dès que votre client commence à vous connaître. Donc que ce soit par du mailing, que ce soit par du mailing, ok, du mailing, du mailing, ça peut être des pubs télé, des pubs radio, et tout ça de pas de chose. Et si votre client achète sur votre site internet sur mobile, ça ne veut pas dire que l'expérience utilisateur focalise sur votre site mobile. Il faut vraiment penser, c'est à la mode de dire ça, à 360 pour penser l'expérience utilisateur dans sa globalité. Autre chose, lorsqu'on a un site internet, aujourd'hui on l'inscrit sur les réseaux sociaux, on l'inscrit sur des sites de plateformes, donc par exemple je travaille beaucoup sur le tourisme, donc ce qui est hôtel, restaurant, camping, tout ce genre de choses, on les inscrit sur des plateformes, et donc l'expérience utilisateur démarre déjà sur ces plateformes. Donc il faut que ça soit en concondance entre votre message sur votre site internet et le message que vous allez faire sur ces plateformes. Et par exemple, une des choses aussi, quand on fait du SEO, avant d'arriver sur votre site internet, la première expérience que les utilisateurs c'est ce que vous faites au niveau de Google, ou quand, maintenant. Après, non plus, c'est inclusif. Il faut vraiment penser à tout le monde. Là on parle d'accessibilité, donc c'est la conférence qui est juste après. Il faut vraiment, la différence entre l'inclusion et l'accessibilité, alors ce n'est pas mon domaine principal, mais l'inclusion permet de faire rentrer toutes les personnes différentes dans le process de création, alors que l'accessibilité c'est faire, dans le process de création, vous vous adaptez à ces personnes. Là, c'est la démarche qui est un peu inverse. Bon, la différence est un peu flow, mais bon. Donc je vous invite à, il y a beaucoup de choses à lire, mais je vous mettrai les slides pour plus de détails, si vous voulez. Le plus important, c'est d'être équitable et de l'incrimination, donc que ce soit au handicap, ou que ce soit à des personnes LGBT ou tout un tas de personnes, on va dire, différentes. Alors voilà aussi, être flexible, donc proposer téléphone, mobile, tentateur, mobile, mais aussi tout un tas d'une nouvelle façon de décrire votre marque ou vos produits. Le principal, c'est qu'aujourd'hui, on ne vend plus un produit, mais on vend une expérience. Donc c'est une expérience pour avoir votre produit. Par exemple, l'exemple typique, c'est qu'un escafé aujourd'hui, ils ne vend plus de café, ils vend une expérience. Quand vous regardez les pubs télé de voiture, ils ne vendent pas un mixi qui vous permet d'aller au boulot. Ils vous vendent une expérience. Qu'est-ce que vous avez d'autre ? Dans le tourisme, c'est pareil, toutes les destinations, ils vous vendent une expérience. C'est plus le fait d'aller à la plage, c'est une expérience. Donc il faut toujours intégrer ça dans votre process. Il y a beaucoup de points, donc j'ai mis sur le site. Une fois que le client est sur votre site internet, bonne nouvelle, il faut que votre site internet soit rapide, parce qu'aujourd'hui, c'est un atlant, la personne va partir et c'est un client perdu. Amazon a fait des recherches là-dessus. Quelques milliers secondes de perdu, c'est des pourcentages de chiffres à l'affaire de perdu. Pour avoir un site rapide, première chose, c'est un hébergeur performant. Vous en avez en sponsor, je vous invite à aller découvrir leurs offres, après, au niveau des technologies. C'est un thème léger. Il faut éviter tout ce qui est thème, avec plein de choses qui bougent, des sliders, tout un tas de choses. Il faudrait c'est simple, l'expérience par rapport à votre produit. C'est pas la peine de m'en faire des tonnes. Après, vous avez donc l'AMP, donc maintenant c'est plus très nouveau, mais c'est une nouvelle technologie développée par Google, qui permet d'accélérer les sites internet. C'est-à-dire que votre site internet est simplifié au niveau présentation et il est mis en cache chez Google, ça permet d'aller très vite. Tout le monde n'est pas super fan d'AMP parce que c'est une technologie propriétaire, parce que c'est Google, parce que bon, après c'est un choix. Soit on rentre dans l'AMP, soit on n'y rentre pas. Après, vous avez une autre technologie, on appelle la progressive web app. Donc là, c'est toujours pareil pour augmenter l'expérience utilisateur. Donc les progressives web apps, c'est entre l'application où vous maîtrisez tout l'expérience utilisateur, mais c'est beaucoup de développement, c'est très compliqué, c'est beaucoup plus compliqué que c'est à travers. Du coup, c'est cher, c'est compliqué à mettre en place, les mises à jour, les stores, Google, Apple, donc c'est compliqué. Les progressives web apps, ça permet d'avoir presque l'expérience d'une application tout en vestant sur un site internet. Avec le GPS, un système de cache, surtout ce qui est intéressant, c'est que sur un ordinateur, quand votre client arrive sur votre site internet, en général, sa connexion soit bonne, soit mauvaise. C'est très rare qu'elle monte, qu'elle descend, qu'elle monte, qu'elle descend. Alors que sur le téléphone, si la personne bouge, sa connexion internet peut être très variable. Avec les progressives web apps et un système de cache le moins préemptif, on peut gérer ce genre de choses, perdre de connexion, retour de connexion, notification, et surtout, un peu mon badère à feuveux, c'est écolo. Donc je milite pour que pour que mes clients aient une démarche écolo au niveau de leur site internet pour avoir un hébergeur qui est pauvre en carbone ou aussi possible pas du tout. Et toute la démarche de l'utilisateur, c'est quelque chose qui recherche plus en plus les utilisateurs. C'est une démarche collaborative, économie circulaire, tout ce genre de choses. Donc je fais aussi du conseil pour que l'entreprise s'intègre à plus d'un écosystème vertu. C'est un petit plus et donc bon après on peut aller vers le green watching mais moi j'essaye de s'asseoir le plus possible. Après l'UX, une fois que la personne est sur votre site internet il faut qu'elle s'y retrouve. Donc il faut une navigation claire et simple pour deux raisons c'est que pour le moteur de recherche, avoir une navigation claire ça va permettre pour le moteur de recherche de bien comprendre votre site internet, ce que vous vendez, ce que vous proposez, vos services. Et donc ça va être bénéfique aussi pour vous au niveau du SEO. Mais ça va être bénéfique surtout pour l'utilisateur. Moi quand je fais du SEO, je pense d'abord à l'utilisateur. Donc une navigation claire, par exemple ce que vous faites votre produit, vos produits, vos services, claire et une navigation claire c'est aussi un peu le souci avec WordPress. Vous avez au niveau d'une navigation vous avez des menus qui peuvent être très compliqués moi je lis pour des menus simples vous avez les sidebars avec des liens quand vous vous installez un WordPress de base vous avez souvent les messages récents, les commentaires récents, parce que la base WordPress c'était fait pour un blog mais maintenant on peut faire plein d'autres choses avec. Vous avez aussi des liens vers les auteurs des articles. Le problème c'est que si vous êtes une entreprise ça n'a aucun intérêt d'avoir des liens vers les auteurs des articles sauf si vous êtes un média par exemple. Qu'est ce que vous avez d'autre ? Vous avez des catégories et des étiquettes mal gérées ça peut créer une navigation très compliquée donc ça fait que votre client va se perdre mais surtout ça fait que le moteur d'enchainte va se perdre aussi. Et donc si vous avez par exemple une boutique ou un site avec beaucoup beaucoup beaucoup de contenu par exemple un forum une fac vous avez ce que j'utilise beaucoup donc là c'est un exemple donc vous voyez normalement c'est un gif allumé donc ça aurait du bouger ça ne bouge pas c'est pas grave donc en haut vous avez un moteur de recherche quand vous cliquez vous avez une sorte de méga menu c'est un mix entre un moteur de recherche et un méga menu c'est à dire que c'est un méga menu et vous avez tout un tas de choses très compliquées avec jolies lignées attractives mais au niveau SEO c'est très mauvais alors que là c'est un méga menu qui s'adapte avec moteur de recherche donc c'est pas native dans la page donc le moteur de recherche le moteur de recherche ne le voit pas mais c'est aussi comme un moteur de recherche c'est adapté à ce que l'utilisateur va le rechercher c'est pas il clique et il a tout un moteur de recherche donc ça peut servir aussi donc là c'était une boutique pour un site de médias par exemple west france qui utilise un système pour faire une recherche sur ces articles et donc c'est parce que le moteur de recherche de workpress est vraiment pas très pertinent là ce moteur l'utilise pour donner ce nom il s'appelle un système qui est payant avec une version gratuite je vous remettrai des informations si ça vous intéresse donc c'est un système qui permet aussi d'avoir une géoloclisation sur là et un système de synonyme et de de ce qu'on appelle ça des erreurs de typo donc si vous faites une erreur de recherche il a quand même trouvé ce qu'il recherche une erreur d'orthographe si vous tapez NIS E il ne tombera pas alors après Luc c'est aussi contextuel c'est à dire que par rapport au contexte de votre client il faut s'adapter donc la première chose pour s'adapter c'est faire du SEO c'est à dire que il faut que la personne qui arrive sur votre site cherche vraiment ce que vous faites si elle n'a pas du tout intéressé par vos produits ça n'a aucun intérêt qu'elle vienne sur votre site déjà si aujourd'hui on ne paye plus la bande passante on ne paye plus ce genre de choses entre guillemets une personne qui arrive sur votre site commence déjà à vous coter de l'argent vous prenez par exemple si vous faites un parallèle avec une boutique plus vous avez de personnes qui viennent dans votre boutique plus ça vous coûte de l'argent parce qu'il vous faut un parking plus grand il vous faut plus de place pour que les gens puissent circuler un site s'est un peu pareil la différence c'est que c'est virtuel ça n'a beaucoup moins d'importance mais il faut penser à ça comme ça après il y a la géologie de localisation donc comme je le dis et comme je travaille beaucoup dans le tourisme quand on recherche un restaurant en général on recherche un restaurant qui est proche de soi ou alors on recherche un restaurant là où on va aller en vacances ou là où on va aller se déplacer donc la géologisation est très importante après l'apportement de l'utilisateur donc surtout sur mobile on a tout un tas d'informations en plus donc la géologisation comme au dessus mais on a aussi le fait qu'il marche ou que l'acquivite qui bouge il y a tout un tas d'informations qu'on récupère grâce au mobile ou à une montre avec les ordinateurs ça marche beaucoup moins bien après là c'est le tracking de navigation bon là on est limite sur que traquer les gens c'est pas pas faire n'importe quoi non plus mais par rapport à la navigation de votre client vous allez peut-être comprendre ce qui recherche exactement et donc le mettre l'offre qui l'intéresse bon ça marche vraiment pour les gros sites les boutiques par exemple sur une boutique par rapport à cette navigation vous avez vous voyez les produits qu'il a vu et qu'il n'a pas acheté peut-être qu'il va peut-être changer d'avis et finalement l'acheter quand même donc quand il va naviguer ça marche très bien avec ce qu'on appelle le road targeting par exemple vous allez sur vous allez sur booking vous regardez les hôtels de Nice parce que vous venez au WorldCamp et après vous allez sur un autre site qui n'a rien à voir sur le site du monde pour lire un article sur l'actualité et dans les pubs comme par hasard il va vous proposer un hôtel de Nice et donc ça vous pouvez le faire sur votre propre site internet bon c'est pas quelque chose de très facile à faire mais c'est parce qu'il faut vraiment là c'est ce que je te l'ai vu il faut vraiment avoir énormément de de clients de visiteurs sur votre site pour pouvoir faire du un algorithme qui peut pouvoir savoir ce genre de choses et après par rapport au compte client si vous avez un client c'est déjà votre client il revient sur votre site internet il se connecte avec un login donc vous connaissez ce client quel produit il a déjà acheté vous savez son nom vous savez Willabit son sexe, son âge pas forcément mais vous pouvez le savoir ça dépend de sa fiche client et donc vous pouvez adapter ce genre de choses par exemple il y a un hotel un client a réservé un hotel à Nice dans cet hôtel il a eu besoin du wifi, il a eu besoin de je sais pas, d'une salle de conférence quand il va réserver un hôtel de cette même chaîne vous allez pouvoir le proposer c'est même service directement alors donc il opiera 15 minutes pour des questions vous avez oublié quelque chose qu'il faut qu'on se voit maintenant que j'ai été épaté par le fait que moi j'ai vu que un fait tout seul ce n'est pas le cas question de la relation qu'est-ce que ça va dire fait tout seul oui tout à fait merci beaucoup le fait tout seul c'est ce qu'on appelle le responsive mais au niveau de la conception sur ordinateur je voudrais peut-être lui mettre un slide en plus parce que pour oublier sur un ordinateur on a un clavier donc il y a plein de choses qui sont faciles à rentrer qui sont faciles à rentrer c'est pour ça que par exemple je n'aime pas du tout Instagram parce que je n'aime pas de taper sur téléphone par contre sur téléphone donc il y a beaucoup de choses qui sont compliquées à taper par exemple j'avais dans la tête une copainie aérienne qui avait complètement revu son interface pour réserver un billet d'avion sur mobile c'était beaucoup plus simple déjà grâce à la géoloclisation on mettait en avant les aéroports proches comme ça on pouvait réserver plus facilement un aéroport on n'a pas l'intérêt sur ordinateur surtout que quand vous êtes connecté à un wifi ou ce genre de choses la géoloclisation marche pas terrible c'est souvent à plusieurs centaines de kilomètres près donc c'est ce genre de choses qui ne fonctionnent pas et aussi par exemple pour tout ce qui est formulaire c'est compliqué à remplir sur un téléphone par exemple au support client quand vous devez contacter le support client soit vous le téléphoner il y avait un téléphone ça avait aussi à téléphoner mais taper toutes les informations c'est compliqué à faire sur téléphone donc il faut vraiment repenser tout le process dès le départ c'est à dire que penser pour le téléphone et après rajouter des choses qui sont plus simples à faire sur ordinateur et pas à l'inverse à la conception oui ça c'est sûr je ne fais pas des sites internet sur mon iphone mon téléphone il n'y a pas de soucis la conception se fait sur ordinateur mais vous avez des outils qui permet de simuler un téléphone simuler au niveau de l'écran et au niveau des touches par exemple un truc tout bête sur un téléphone un clic c'est pas du tout la même chose que sur ordinateur un clic on touche c'est la première chose quand on fait un menu il faut bien penser que le menu sera différent surtout par exemple que vous avez un site internet avec un menu sous menu sur un ordinateur ça va ouvrir le sous menu par contre ça vous ne pouvez pas le faire sur un téléphone bon c'est vrai qu'après le responsif ça fonctionne très bien mais le merci la dernière c'est le signe d'accord c'est vrai que c'est des principes un peu généraux donc être prudent de l'église de tout le monde c'est tout des bonnes pratiques à faire lors de la construction de la navigation des menus je vous avrais que c'est pas le pardon vous avez aussi au niveau de à Lausanne ils ont fait une table ronde sur voir passer les femmes donc je vous invite aussi à aller voir cette table ronde donc vous vous êtes tolérant compréhensif avoir de l'empathie avec vos utilisateurs c'est un peu générique, un peu vague c'est compliqué à en parler précisément parce que chaque cas est un peu différent mais c'est les principes un peu généraux les slides je vous les enverrai bonjour c'est à dire que vous avez fait de l'huile de la recherche algolien algolien et c'est foncé algolien comme algos et liens après c'est toujours la limite de pouvoir vendre moi je suis développeur je ne suis pas vendeur donc c'est un peu compliqué comme question pour moi mais le oui c'est une question qu'elle c'est vrai que vouloir vendre faire des choses jolies, faire des choses ça casse un peu vraiment l'huile c'est vraiment pour vendre mais d'un autre côté faire quelque chose où j'ai pas compris la question d'avoir quelque chose de plus fluide plus meilleur de navigation ça permet de avoir de meilleures expériences après est-ce que ça vend plus ou moins c'est vrai que l'intérêt d'une boîte c'est de vendre parce que chez moi personnellement je pense que ça ça vend je préfère me focaliser sur lui plus que sur la vente elle-même et je pense que ça va faire bon après ça c'est une question d'image aussi de l'entreprise ça y pense que l'entreprise veut faire ressortir ça dépend de le paramètre qui ne dépend pas de moi mais vraiment de l'esprit de l'entreprise elle-même donc je sais pas si ça répondait à ta question une dernière question c'est plus simple quand même que créer une application mais ça va beaucoup se développer parce que je n'ai pas repris parce que le tournoi il y aurait eu 52 sites mais sur mobile je crois que au dernier l'anesthétique un utilisateur a 25 applications sur son mobile mais 90% de son temps c'est twitter, facebook sur le lot de choses donc une application mobile vous avez très peu de chance sauf si vous êtes une grosse entreprise une marque très connue un média très connu pour que la personne télécharge votre application l'avantage d'une progressive web app c'est que c'est beaucoup plus léger donc les utilisateurs souvent quand ils ont plus de place sur leurs téléphones parce qu'ils ont fait plein de photos, ils ont fait plein de vidéos plein de selfies, plein de machins la première chose qu'ils vont voir ils vont regarder les applications qui ne se servent pas et c'est que je vais les partir sauf si vous êtes une grosse entreprise la progressive web app c'est beaucoup plus léger j'avais l'exemple par exemple de Pinterest qui est passée d'une application à une progressive web app presque personne l'a remarqué parce que c'est assez proche mais c'est passé d'une application qui fait plusieurs méga à une application qui fait je crois 200 kilos donc quand l'utilisateur va regarder ses applications les plus grosses qui prennent le plus de place comme vous vous êtes tout petit il y a des chances que elles ne sont pas désinstallées et donc ça permet d'avoir des applications très beaucoup plus petites au niveau de votre téléphone tout en ayant presque l'expérience utilisateur d'une application et en plus d'avoir une vraie application pour avoir un site internet bon maintenant il y a des passales entre les deux donc c'est possible de ne pas avoir du contenu à gérer deux choses à gérer en gros avec les progressives web app c'est vraiment surtout avec la pays de WordPress on peut avoir du contenu qui vient de votre site WordPress dans la progressive web app donc vous n'avez pas besoin de gérer le système parce que automatiquement en plus je pourrais vous mettre des liens il y a des plugins qui font ça bon c'est des plugins qui font c'est pas très personnalisé ça fonctionnera très bien pour un site internet assez basique mais ça permet d'avoir une petite base d'une progressive web app et de l'améliorer par la suite parce que comme c'est de la programmation c'est du PHP, c'est du JavaScript c'est des technologies c'est des technologies qui connaissent donc ils vont pouvoir le faire alors qu'une application une vraie application c'est des langages natifs d'Android ou d'appels donc c'est vraiment une technologie différente c'est des langages différents donc c'est des processus différents de création et donc ça va faire vraiment deux produits différents et l'application donc ça fait des coûts en plus les coûts en plus parce que c'est de choses différentes plus c'est des coûts donc il faut faire recruter des personnes ou les faire faire donc les progressive web app c'est plus simple c'est moins cher et c'est presque pareil pour les progressive web app disons moins il y a du trafic pour télécharger l'application pour ce genre de choses voilà ce qui est énergéable dans Internet c'est le data center avec les données plus le routage plus le téléphone mais moins on fait de choses inutiles merci Patrick merci