{"id":251538,"date":"2023-06-19T09:23:00","date_gmt":"2023-06-19T06:23:00","guid":{"rendered":"https:\/\/inform.click\/la-valeur-de-la-conception-web-pour-un-parcours-client-fluide\/"},"modified":"2023-06-19T09:33:00","modified_gmt":"2023-06-19T06:33:00","slug":"la-valeur-de-la-conception-web-pour-un-parcours-client-fluide","status":"publish","type":"post","link":"https:\/\/inform.click\/fr\/la-valeur-de-la-conception-web-pour-un-parcours-client-fluide\/","title":{"rendered":"La valeur de la conception Web pour un parcours client fluide"},"content":{"rendered":"<p>\n  La cartographie du parcours client est une pratique marketing essentielle aux strat\u00e9gies marketing. Les marques et les entreprises adaptent maintenant cela afin d&rsquo;obtenir une approche holistique des campagnes. La cr\u00e9ation d&rsquo;un parcours client pour les sites Web devrait \u00eatre un point de d\u00e9part, car c&rsquo;est l\u00e0 que la plupart des \u00e9quipes marketing n&rsquo;ont pas suivi.\n<\/p>\n<p>\n  Le parcours client identifiera les points de contact des clients lorsqu&rsquo;ils visitent le site, et en identifiant ces points de contact et en les corrigeant, s&rsquo;il y a des probl\u00e8mes qui doivent \u00eatre r\u00e9solus, les am\u00e9liorer rapprochera votre campagne de la r\u00e9alisation des objectifs.\n<\/p>\n<p>\n  La cr\u00e9ation d&rsquo;une carte client commence, comme pour toutes les autres activit\u00e9s de marketing, par la recherche. La recherche doit se voir accorder la plus haute priorit\u00e9 dans la hi\u00e9rarchie des t\u00e2ches lors de la cr\u00e9ation d&rsquo;une campagne. \u00c9tant donn\u00e9 que la pr\u00e9occupation porte principalement sur le parcours client du site, la recherche impliqu\u00e9e ici s&rsquo;articulera autour du public cible.\n<\/p>\n<h5>\n  Personnalit\u00e9 du client<br \/>\n<\/h5>\n<p>\n  Cr\u00e9er un Customer Person consiste \u00e0 donner une repr\u00e9sentation visuelle ou graphique des visiteurs du site. Le nombre de personas que vous identifierez variera en fonction du trafic moyen que votre site re\u00e7oit. Il est alors important de segmenter avec les bases de la recherche marketing: la d\u00e9mographie et la localisation. Pour am\u00e9liorer vos profils de clients, vous devez \u00e9galement inclure la psychographie de votre public et les clients entrent vraiment dans les moindres d\u00e9tails de la conception que vous adopterez pour votre site afin de les s\u00e9duire. Trier les donn\u00e9es peut \u00eatre \u00e9crasant et pour vous aider \u00e0 choisir les outils dont vous avez besoin pour trier les donn\u00e9es de votre site, Peter Wayner a dress\u00e9 une <a href=\"http:\/\/www.infoworld.com\/article\/2616959\/big-data\/7-top-tools-for-taming-big-data.html\" target=\"_blank\" rel=\"noopener\">liste d&rsquo;outils<\/a> qui vous aideront dans cette t\u00e2che.\n<\/p>\n<p>\n  Identifier les profils de personnalit\u00e9 de votre public est une t\u00e2che ardue. Heureusement, Michael King a \u00e9crit un <a href=\"https:\/\/moz.com\/blog\/personas-understanding-the-person-behind-the-visit\" target=\"_blank\" rel=\"noopener\">excellent article<\/a> \u00e0 ce sujet. En gros, il s&rsquo;agit de faire de la segmentation marketing pour donner une repr\u00e9sentation des visiteurs du site, ce qui contribuera \u00e0 am\u00e9liorer le parcours de vos clients.\n<\/p>\n<p>\n  Il est important de noter qu&rsquo;en cr\u00e9ant un personnage client, vous devez \u00e9galement savoir d&rsquo;o\u00f9 vient votre public. Sachant cela vous donnera une id\u00e9e plus pr\u00e9cise sur les int\u00e9r\u00eats des visiteurs avant d&rsquo;aller sur votre site. Google Analytics est un outil \u00e9vident \u00e0 utiliser \u00e0 cet \u00e9gard. Pour le v\u00e9rifier, rendez-vous sur le profil Google Analytics de votre site. Cliquez sur Audience&nbsp;&gt; Centres d&rsquo;int\u00e9r\u00eat&nbsp;&gt; Segments sur le march\u00e9&nbsp;:\n<\/p>\n<p>\n  Cela vous am\u00e8nera ensuite \u00e0 ce tableau de donn\u00e9es.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f10ad402.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f10ad402.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Ces donn\u00e9es repr\u00e9sentent des cat\u00e9gories de sites que vos visiteurs ont d\u00e9j\u00e0 visit\u00e9s. Comme il s&rsquo;agit de cr\u00e9er des personas client, recherchez les cat\u00e9gories qui re\u00e7oivent un trafic de qualit\u00e9. La d\u00e9termination du trafic de qualit\u00e9 d\u00e9pend des objectifs du site. Cela signifie utiliser des m\u00e9triques ou une combinaison de m\u00e9triques qui correspondent \u00e0 la norme \u00e0 laquelle les objectifs sont adapt\u00e9s. Normalement, ces mesures incluent le taux de rebond, les nouvelles visites et la dur\u00e9e moyenne du site. Un point important \u00e0 consid\u00e9rer est le filtrage des donn\u00e9es. L&rsquo;utilisation de donn\u00e9es non filtr\u00e9es provenant du trafic de r\u00e9f\u00e9rence dans la cr\u00e9ation de personnalit\u00e9s client compliquera les choses, alors soyez prudent en le faisant. Veuillez vous r\u00e9f\u00e9rer \u00e0 <a href=\"https:\/\/megalytic.com\/blog\/how-to-filter-out-fake-referrals-and-other-google-analytics-spam\" target=\"_blank\" rel=\"noopener\">cet article<\/a> pour filtrer les fausses r\u00e9f\u00e9rences dans Google Analytics.\n<\/p>\n<p>\n  Une fois que vous avez d\u00e9j\u00e0 identifi\u00e9 les bonnes sources de votre trafic de r\u00e9f\u00e9rence, celles qui dirigent une quantit\u00e9 importante de trafic vers votre site ex\u00e9cutent les URL vers certains v\u00e9rificateurs de site populaires disponibles en ligne. Ceux couramment utilis\u00e9s sont <a href=\"https:\/\/www.similarweb.com\/\" target=\"_blank\" rel=\"noopener\">Similarweb<\/a> et <a href=\"https:\/\/www.alexa.com\/\" target=\"_blank\" rel=\"noopener\">Alexa<\/a>, mais il y en a d&rsquo;autres qui font la m\u00eame chose. Ils peuvent vous donner un aper\u00e7u du ou des sites que vous souhaitez v\u00e9rifier dans leurs versions gratuites, mais pour en savoir plus, vous pouvez avoir la possibilit\u00e9 de passer \u00e0 leurs comptes premium.\n<\/p>\n<p>\n  Voici un aper\u00e7u d\u00e9mographique de Similarweb.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f131576b.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f131576b.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Alexa :\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f150655e.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f150655e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Comparer et compl\u00e9ter les donn\u00e9es de ces 3 outils donnera une estimation plus pr\u00e9cise de vos donn\u00e9es visiteurs.\n<\/p>\n<h5>\n  Alignement des objectifs<br \/>\n<\/h5>\n<p>\n  Une fois les personas du client identifi\u00e9s, l&rsquo;\u00e9tape suivante consiste \u00e0 les aligner sur les objectifs du site par \u00e9tapes du parcours. Les \u00e9tapes du parcours au sein du site sont visibles dans le flux de comportement de Google Analytics. Comportement&nbsp;&gt; Flux de comportement&nbsp;:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1910317.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1910317.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Le graphique visuel montrera le parcours du visiteur dans le site. \u00c0 partir de la page d&rsquo;accueil (et d&rsquo;autres pages de cat\u00e9gorie), le flux aura plusieurs points de contact avant d&rsquo;atteindre l&rsquo;objectif du site.\n<\/p>\n<p>\n  *Veuillez noter que les objectifs du site doivent \u00eatre d\u00e9finis dans le profil Analytics pour obtenir une image compl\u00e8te du chemin de conversion des visiteurs.\n<\/p>\n<p>\n  Prenez note des pages o\u00f9 se produisent la plupart des abandons. Il y a plusieurs raisons pour lesquelles les visiteurs partent. Certaines des raisons courantes sont :\n<\/p>\n<ol>\n<li>message de contenu\n  <\/li>\n<li>exp\u00e9rience utilisateur\n  <\/li>\n<li>motif\n  <\/li>\n<li>probl\u00e8mes techniques\n  <\/li>\n<\/ol>\n<p>\n  Nous nous concentrerons uniquement sur la question de la conception pour l&rsquo;instant, mais comme tous ces facteurs sont \u00e9troitement li\u00e9s, nous les aborderons \u00e9galement en relation avec la conception.\n<\/p>\n<p>\n  Dans un article d&rsquo;UXMag, des sc\u00e9narios ont \u00e9t\u00e9 d\u00e9finis qui conduisent \u00e0 la d\u00e9claration que la conception Web est morte. Presque tous ces points concernent l&rsquo;\u00e9mergence de nouvelles technologies et d&rsquo;innovations dans la conception Web qui ne sont pas n\u00e9cessaires pour engager le public. En fin de compte, cependant, l&rsquo;article n&rsquo;a pas enterr\u00e9 la conception Web en tant que profession, mais plut\u00f4t un appel aux concepteurs Web pour qu&rsquo;ils s&rsquo;adaptent au paysage actuel. Bien que la plupart des choses \u00e9nonc\u00e9es soient pertinentes, il y a une pr\u00e9misse de l&rsquo;argument pr\u00e9sent\u00e9 qui a peut-\u00eatre \u00e9t\u00e9 mal plac\u00e9e, l&rsquo;automatisation et l&rsquo;intelligence artificielle des services de conception Web. Bien que l&rsquo;automatisation soit un r\u00e9pit bienvenu pour les concepteurs de sites Web, elle ne serait pas si utile dans l&rsquo;image globale en termes de r\u00e9alisation des objectifs du site. Avoir un concept de design planifi\u00e9 dans le but d&rsquo;atteindre les objectifs du site rel\u00e8ve toujours de la d\u00e9cision des humains.\n<\/p>\n<p>\n  Convivialit\u00e9 et design vont de pair. Bien que les deux soient des disciplines distinctes, l&rsquo;une se compl\u00e8te d&rsquo;une myriade de fa\u00e7ons qu&rsquo;il est parfois difficile de distinguer l&rsquo;une de l&rsquo;autre. Pour r\u00e9it\u00e9rer l&rsquo;int\u00e9r\u00eat d&rsquo;utiliser le design pour minimiser les abandons de pages et am\u00e9liorer le parcours client, voici quelques-unes des erreurs d&rsquo;utilisabilit\u00e9 courantes dans la conception Web&nbsp;:\n<\/p>\n<ul>\n<li>\n<p>\n      Le contenu ne transmet pas le message&nbsp;:\n    <\/p>\n<p>\n      Le contenu fait partie de la conception Web. Ceci est commun\u00e9ment appel\u00e9 copie Web. Les graphismes et les visuels donneront une bonne impression aux visiteurs mais ils aiment aussi lire le texte. Des erreurs de conception se produisent lorsque les visiteurs sont distraits par les autres \u00e9l\u00e9ments de la page.\n    <\/p>\n<ul>\n<li>Avoir un point d&rsquo;attention pour se concentrer sur la copie Web\n      <\/li>\n<li>Donner des informations concises\n      <\/li>\n<li>Proposez des paragraphes courts pour des informations faciles \u00e0 assimiler\n      <\/li>\n<\/ul>\n<p>\n      La typographie est \u00e9galement un facteur de conception Web. Il ne s&rsquo;agit pas toujours de titres et de polices de texte. La convivialit\u00e9 doit toujours \u00eatre une priorit\u00e9 sur l&rsquo;esth\u00e9tique, ce qui rend le contenu facile \u00e0 lire.\n    <\/p>\n<\/li>\n<li>\n<p>\n      Les visiteurs n&rsquo;ont aucun moyen de vous contacter&nbsp;:\n    <\/p>\n<p>\n      Le parcours client doit \u00eatre interactif et engageant. Si le contenu de votre site accroche vos lecteurs, ils voudront \u00eatre en contact avec vous. Les formulaires de contact doivent \u00eatre fonctionnels. Un joli design est \u00e9galement un bonus, mais ne doit pas \u00eatre prioritaire par rapport \u00e0 la convivialit\u00e9.\n    <\/p>\n<\/li>\n<li>\n<p>\n      Absence de fonction de recherche&nbsp;:\n    <\/p>\n<p>\n      Les personnes visitant des sites Web ont une t\u00e2che particuli\u00e8re \u00e0 l&rsquo;esprit. La plupart du temps, ils veulent obtenir des informations. Les sites \u00e0 fort contenu ont besoin d&rsquo;une fonction de recherche pour que les visiteurs gagnent du temps \u00e0 naviguer. Pour les sites de commerce \u00e9lectronique, les gens aimeront conna\u00eetre les descriptions des produits. Un site qui n&rsquo;a pas de fonction de recherche peut diminuer la navigabilit\u00e9 du site.\n    <\/p>\n<\/li>\n<li>\n<p>\n      Longue proc\u00e9dure d&rsquo;inscription :\n    <\/p>\n<p>\n      Rien ne peut \u00eatre plus frustrant que de vouloir s&rsquo;inscrire sur un site pour voir un long formulaire de contact demandant de nombreux d\u00e9tails inutiles. Jetez un \u0153il au formulaire d&rsquo;inscription de Reddit.\n    <\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1d2f81f.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1d2f81f.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n      La simplicit\u00e9 du formulaire d&rsquo;inscription permet aux nouveaux utilisateurs de rejoindre le site beaucoup plus facilement. La grande chose \u00e0 ce sujet est que donner votre e-mail est facultatif. Cela ne veut pas dire que chaque site ne devrait pas demander d&rsquo;e-mails, mais il faut cesser de demander des informations inutiles aux utilisateurs.\n    <\/p>\n<\/li>\n<li>\n<p>\n      Incoh\u00e9rence dans la conception :\n    <\/p>\n<p>\n      L&rsquo;un des principes de conception (pas seulement pour les sites Web) est d&rsquo;\u00eatre coh\u00e9rent. La conception de la page d&rsquo;accueil doit \u00eatre la m\u00eame avec les autres pages. Si le th\u00e8me de couleur de la page d&rsquo;accueil est le blanc, la page \u00e0 propos par exemple ne doit pas retourner le script et aller avec une autre couleur, le noir par exemple. Ce n&rsquo;est pas seulement la couleur mais aussi la mise en page. La coh\u00e9rence est la cl\u00e9.\n    <\/p>\n<\/li>\n<\/ul>\n<h5>\n  Points de touche<br \/>\n<\/h5>\n<p>\n  Les points de contact sont les pages importantes du site. Pour les sites \u00e0 fort contenu comme les blogs, il s&rsquo;agit des pages de cat\u00e9gories, des contacts et des pages \u00e0 propos de nous. Ces pages servent de passerelle pour les visiteurs vers le contenu. Les sites de commerce \u00e9lectronique ont diff\u00e9rents points de contact. Il s&rsquo;agit principalement des pages du catalogue et des descriptions de produits. Pour en savoir plus sur les points de contact, revenez au flux de comportement dans Google Analytics.\n<\/p>\n<p>\n  Le point de contact du site doit s&rsquo;adresser aux visiteurs cibl\u00e9s du site. La phase de conception devra trouver un \u00e9cho aupr\u00e8s du public vis\u00e9. C&rsquo;est l\u00e0 que le persona client qui a \u00e9t\u00e9 cr\u00e9\u00e9 servira de guide dans la conception (ou la refonte) des pages.\n<\/p>\n<p>\n  Pour am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur des points de contact, les concepteurs doivent identifier les lacunes en mati\u00e8re d&rsquo;informations. Enqu\u00eater sur ce qui manque dans les pages et remplir les \u00e9l\u00e9ments essentiels pour minimiser les abandons. Les \u00e9carts sont les informations qui manquent entre les attentes de vos visiteurs sur les pages et les informations disponibles dans la page.\n<\/p>\n<p>\n  Il existe \u00e9galement des aspects techniques qui peuvent am\u00e9liorer et att\u00e9nuer les points faibles des pages. Le r\u00e9f\u00e9rencement sur la page (optimisation pour les moteurs de recherche) peut identifier et r\u00e9soudre ces probl\u00e8mes pour une meilleure exp\u00e9rience utilisateur.\n<\/p>\n<ol>\n<li>\n<p>\n      Vitesse du site\/de la page&nbsp;:\n    <\/p>\n<p>\n      Cela devrait \u00eatre une priorit\u00e9 dans le d\u00e9veloppement et la conception Web. Rappelez-vous que la fonctionnalit\u00e9 ne doit pas \u00eatre mise de c\u00f4t\u00e9 pour des embellissements inutiles. Les fichiers volumineux qui prennent du temps \u00e0 se charger doivent \u00eatre compress\u00e9s et mis dans l&rsquo;ordre de chargement pour am\u00e9liorer le temps de chargement. Pour un guide plus d\u00e9taill\u00e9 pour am\u00e9liorer la vitesse du site, consultez <a href=\"https:\/\/www.distilled.net\/blog\/seo\/site-speed-for-dummies-part1\/\" target=\"_blank\" rel=\"noopener\">cet article<\/a> sur la vitesse du site.\n    <\/p>\n<\/li>\n<li>\n<p>\n      Redirections 301 et 302&nbsp;:\n    <\/p>\n<p>\n      Des redirections de pages sont n\u00e9cessaires. Les webmasters ont de nombreuses raisons de rediriger les pages. Le plus courant est qu&rsquo;une ancienne page est redirig\u00e9e vers une nouvelle et mise \u00e0 jour avec un nouveau contenu. La diff\u00e9rence entre les deux est qu&rsquo;un 301 est une redirection permanente alors qu&rsquo;un 302 n&rsquo;est que temporaire.\n    <\/p>\n<\/li>\n<li>\n<p>\n      Codes d&rsquo;en-t\u00eate HTTP&nbsp;:\n    <\/p>\n<p>\n      301 et 302 sont des exemples de codes d&rsquo;en-t\u00eate. Il y en a pas mal mais nous les limiterons aux plus courants.\n    <\/p>\n<p>\n      200 Succ\u00e8s &#8211; la page a \u00e9t\u00e9 charg\u00e9e avec succ\u00e8s.\n    <\/p>\n<p>\n      404 Page introuvable &#8211; la page n&rsquo;a pas pu \u00eatre charg\u00e9e.\n    <\/p>\n<p>\n      500 Erreur interne du serveur &#8211; une page d&rsquo;erreur g\u00e9n\u00e9rique. peu de d\u00e9tails sont donn\u00e9s sur la raison pour laquelle cela s&rsquo;est produit.\n    <\/p>\n<p>\n      Outre les codes d&rsquo;\u00e9tat 301 et 302, il est important de minimiser l&rsquo;occurrence des pages 404 car il n&rsquo;est pas bon pour les utilisateurs de les rencontrer. Une solution simple consiste \u00e0 cr\u00e9er une page 404 personnalis\u00e9e qui les ram\u00e8nera aux bonnes pages.\n    <\/p>\n<\/li>\n<\/ol>\n<h5>\n  Hi\u00e9rarchie visuelle<br \/>\n<\/h5>\n<p>\n  La hi\u00e9rarchie visuelle est l&rsquo;un des principes les plus importants de la conception Web. La hi\u00e9rarchie visuelle communique le message et le contenu de votre site au public. Il y a des piliers dans la hi\u00e9rarchie Web qui doivent \u00eatre pris en compte.\n<\/p>\n<ol>\n<li>\n    <strong>TAILLE<\/strong>: L&rsquo;\u00e9l\u00e9ment de la page web doit \u00eatre vu. Le texte, les images et les graphiques doivent \u00eatre vus par le lecteur.\n  <\/li>\n<li>\n    <strong>COULEUR<\/strong>: Le choix de la couleur sera d\u00e9termin\u00e9 par les recherches que vous avez faites lors de la cr\u00e9ation du profil du persona. Si le site s&rsquo;adresse \u00e0 la tranche d&rsquo;\u00e2ge des 60 ans et plus, les couleurs flashy ne se traduiront probablement pas par leurs \u00e9motions, tandis que les jeunes lecteurs r\u00e9agiront \u00e0 ce type de palette de couleurs.<\/p>\n<ul>\n<li>\n        <strong>CONTRASTE<\/strong>: Le contraste est le changement spectaculaire de la taille et de la couleur du texte. Des contrastes efficaces pour les pages Web aideront \u00e0 attirer l&rsquo;attention des visiteurs.\n      <\/li>\n<\/ul>\n<\/li>\n<li>\n    <strong>MISE EN PAGE<\/strong>: En d\u00e9cidant de la mise en page de la conception du site Web, les experts demandent instamment de suivre <a href=\"https:\/\/en.wikipedia.org\/wiki\/Hick&#039;s_law\" target=\"_blank\" rel=\"noopener\">la loi de Hick en mati\u00e8re<\/a> de conception de sites Web, qui stipule que plus une personne doit prendre de d\u00e9cisions, plus le processus de prise de d\u00e9cision est long. La mise en page de conception ne doit alors donner que les options essentielles n\u00e9cessaires au visiteur.<\/p>\n<ul>\n<li>\n        <strong>ALIGNEMENT<\/strong>: C&rsquo;est l&rsquo;ordre entre les \u00e9l\u00e9ments du dessin. C&rsquo;est l&rsquo;organisation du texte dans le contexte et les cat\u00e9gories dans la colonne de la barre lat\u00e9rale. Les \u00e9l\u00e9ments tels que les profils, la connexion au compte et le bouton de recherche se trouvent dans la partie sup\u00e9rieure droite de la page. Les visiteurs recherchent g\u00e9n\u00e9ralement ceux qui se trouvent dans cette zone de la page.\n      <\/li>\n<\/ul>\n<\/li>\n<li>\n    <strong>ESPACEMENT<\/strong>: En ce qui concerne la mise en page, l&rsquo;espacement transmet le message que vous voulez que vos lecteurs sachent. Le <a href=\"http:\/\/www.instantshift.com\/2011\/09\/19\/the-close-relationship-between-gestalt-principles-and-design\/\" target=\"_blank\" rel=\"noopener\">principe de la Gestalt<\/a> stipule que les gens ont tendance \u00e0 percevoir des \u00e9l\u00e9ments proches les uns des autres ayant des fonctions similaires.<\/p>\n<ul>\n<li>\n        <strong>PROXIMITE<\/strong>: La proximit\u00e9 des \u00e9l\u00e9ments d&rsquo;une page est importante car elle organise ensemble des sous-cat\u00e9gories similaires. La hi\u00e9rarchie est \u00e9tablie pour que les visiteurs les associent facilement.\n      <\/li>\n<li>\n        <strong>DENSIT\u00c9 ET ESPACES BLANC<\/strong>: Personne ne veut voir une page qui est \u00ab\u00a0encombr\u00e9e\u00a0\u00bb. Avoir trop d&rsquo;\u00e9l\u00e9ments criant \u00e0 l&rsquo;attention du lecteur le fera quitter la page. Des designs appropri\u00e9s rendront la page facile \u00e0 voir. Un bon \u00e9quilibre de densit\u00e9 et d&rsquo;espace mettre les lecteurs \u00e0 l&rsquo;aise lors de la navigation.Voici quelques exemples de <a href=\"https:\/\/inform.click\/fr\/25-sites-web-moches-qui-vous-donnent-envie-de-pleurer\/\" title=\"sites laids\">sites laids<\/a> qui illustrent l&rsquo;int\u00e9r\u00eat d&rsquo;en avoir trop sur une seule page.\n      <\/li>\n<\/ul>\n<\/li>\n<li>\n    <strong>STYLE<\/strong>: C&rsquo;est le principe le plus important ainsi que le plus \u00e9vident. Le style que vous choisirez d\u00e9terminera le message et la marque du site. Assurez-vous simplement que, quel que soit le style que vous choisissez, il doit \u00eatre coh\u00e9rent sur tout le site.<\/p>\n<ul>\n<li>\n        <strong>REPETITION<\/strong>: Cela s&rsquo;applique au texte de la copie Web. Bien qu&rsquo;\u00eatre coh\u00e9rent avec la couleur et la conception des paragraphes soit un principe important, changer les couleurs et mettre l&rsquo;accent sur le message de la conception dans les paragraphes peut attirer l&rsquo;attention. Casser les styles r\u00e9p\u00e9titifs donne du contraste et de la profondeur au texte de la page.\n      <\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h5>\n  Mettre tous ensemble<br \/>\n<\/h5>\n<p>\n  Arm\u00e9 de la connaissance du public cible du site et disposant des informations n\u00e9cessaires pour combler les lacunes n\u00e9cessaires pour am\u00e9liorer l&rsquo;exp\u00e9rience de navigation de l&rsquo;utilisateur, il est maintenant temps de cr\u00e9er un site Web qui r\u00e9pondra aux besoins de votre public. Votre site Web sera le visuel le plus important que vous utiliserez. Peu importe le nombre de personnes que vous avez identifi\u00e9es, les visiteurs du site auront toujours un but pour visiter votre site. Ils voudront ;\n<\/p>\n<ul>\n<li>Obtenir des informations.\n  <\/li>\n<li>Vous voulez conna\u00eetre votre entreprise.\n  <\/li>\n<li>Vous voulez conna\u00eetre vos produits.\n  <\/li>\n<li>Comparer les prix (e-commerce).\n  <\/li>\n<li>Interagir avec l&rsquo;\u00e9quipe ou avec d&rsquo;autres personnes.\n  <\/li>\n<\/ul>\n<p>\n  Les raisons peuvent varier, mais le but du site Web est d&rsquo;\u00eatre une extension de vous, de votre entreprise et de votre entreprise, quel que soit le cas. Soyez clair, concis et coh\u00e9rent avec le message et mettez constamment \u00e0 jour le contenu pour leur donner de nouvelles informations.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Source d&rsquo;enregistrement: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/12\/17\/web-design-customer-journey\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La cartographie du parcours client est une pratique marketing essentielle aux strat\u00e9gies marketing. Les marques et les entreprises adaptent maintenant cela afin d&rsquo;obtenir une approche holistique des campagnes. La cr\u00e9ation d&rsquo;un parcours client pour les sites Web devrait \u00eatre un point de d\u00e9part, car c&rsquo;est l\u00e0 que la plupart des \u00e9quipes marketing n&rsquo;ont pas suivi. Le parcours client identifiera les points de contact des clients lorsqu&rsquo;ils visitent le site, et en identifiant ces points de contact et en les corrigeant, s&rsquo;il y a des probl\u00e8mes qui doivent \u00eatre r\u00e9solus, les am\u00e9liorer rapprochera votre campagne de la r\u00e9alisation des objectifs. Cr\u00e9ation d&rsquo;une carte client\u2026<\/p>\n","protected":false},"author":1,"featured_media":167452,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[197,145,54],"tags":[],"class_list":["post-251538","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation-de-sites-web","category-trucs-et-astuces-web","category-web-et-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/comments?post=251538"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/posts\/251538\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media\/167452"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/media?parent=251538"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/categories?post=251538"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fr\/wp-json\/wp\/v2\/tags?post=251538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}