{"id":348,"date":"2020-10-07T14:49:45","date_gmt":"2020-10-07T14:49:45","guid":{"rendered":"https:\/\/cinnk.com\/index.php\/2020\/10\/07\/web-design-vs-ux-design\/"},"modified":"2020-10-07T14:49:45","modified_gmt":"2020-10-07T14:49:45","slug":"web-design-vs-ux-design","status":"publish","type":"post","link":"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/","title":{"rendered":"Web Design vs. UX Design"},"content":{"rendered":"<p>Nous allons voir<strong> comment faciliter l&rsquo;indexaction<\/strong> de votre site par les moteurs de recherche avec l&rsquo;utilisation d&rsquo;un <strong>sitemap<\/strong> ou <strong>plan de site<\/strong> en fran\u00e7ais.<\/p>\n<p><!--more--><br \/>\n\u201cQu\u2019est-ce que tu fais comme m\u00e9tier&nbsp;? \u201d C\u2019est une question pourtant simple, mais j\u2019ai souvent du mal \u00e0 y r\u00e9pondre. Finalement, je r\u00e9ponds \u00ab&nbsp;Webdesigner&nbsp;\u00bb, parce que je ne veux pas prendre le temps d\u2019expliquer ce \u00e0 quoi je passe r\u00e9ellement mes journ\u00e9es. Les gens feignent d\u2019\u00eatre int\u00e9ress\u00e9s, hochent la t\u00eate et la conversation glisse sur autre chose. Mais ce n\u2019est pas cela. Ma r\u00e9ponse est inexacte. Il serait plus exact de dire je suis designer d\u2019exp\u00e9rience utilisateur \u2013 mais ce serait encore un abus de langage, et j\u2019en parlerais plus tard.<br \/>\nComment sommes-nous arriv\u00e9s dans un monde o\u00f9 il est compliqu\u00e9 d\u2019expliquer un m\u00e9tier en quelques mots compr\u00e9hensibles, m\u00eame \u00e0 des gens du m\u00eame secteur&nbsp;d\u2019activit\u00e9&nbsp;? Et de toute fa\u00e7on, quelle est la diff\u00e9rence entre UX et web design&nbsp;?<\/p>\n<p>L\u2019histoire du design sur le web<br \/>\nAu commencement\u2026 Pour trouver la r\u00e9ponse, remontons le temps de quelques ann\u00e9es vers les ann\u00e9es 90. (26 ans pour \u00eatre exact \u2013 je sais \u00e7a ne me rajeunit pas non plus). Le CERN vient juste de lancer le premier site internet et le premier serveur public. Nomm\u00e9 \u00ab&nbsp;Projet WWW&nbsp;\u00bb, il fournit aux visiteurs des informations techniques, sur la fa\u00e7on de lancer son propre site web, des informations sur d\u2019autres projets W3, et plus encore. Dans leurs propres termes : \u201cLe WorldWideWeb (W3) est une initiative de recherche d\u2019information hyperm\u00e9dia \u00e9tendue visant \u00e0 donner un acc\u00e8s universel \u00e0 un grand univers de documents.&nbsp;\u00bb Ou, exprim\u00e9 plus simplement, c\u2019\u00e9tait un outil pour trouver de l\u2019information&nbsp;; une biblioth\u00e8que des temps modernes au bout de nos doigts.<br \/>\nLe design du site n\u2019\u00e9tait pas du tout travaill\u00e9, et c\u2019\u00e9tait tout \u00e0 fait appropri\u00e9. Le but du web \u00e9tant strictement utilitaire, les technologies utilis\u00e9es l\u2019\u00e9taient toutes autant. M\u00eame si vous aviez voulu introduire des \u00e9l\u00e9ments visuels, vos possibilit\u00e9s \u00e9taient assez limit\u00e9es. En fait, la balise img ne sera introduite que trois plus tard en 1993.<\/p>\n<p>&nbsp;Le premier serveur \u2013 on peut encore lire l\u2019\u00e9tiquette manuscrite \u00ab Cette machine est un serveur. NE PAS L\u2019ETEINDRE !! \u00bb .<br \/>\nLa m\u00eame ann\u00e9e, le navigateur Mosaic est sorti, et le World Wide Web gagnant en popularit\u00e9, les gens commenc\u00e8rent \u00e0 l\u2019utiliser pour faire toutes sortes de choses, y compris des achats en ligne, des banni\u00e8res de pubs et, oui, m\u00eame des rencontres&nbsp;! Puis, en l\u2019espace de quelques ann\u00e9es, l\u2019objet de l\u2019autoroute de l\u2019information s\u2019est \u00e9largi de la simple interconnexion entre individus \u00e0 beaucoup, beaucoup plus que cela.<br \/>\nLes tables \u00e0 la rescousse !<br \/>\nAves les navigateurs supportant enfin les images, il semblait qu\u2019un web beau et utile \u00e9tait juste \u00e0 port\u00e9e de main. Sauf, que\u2026 cela n\u2019a pas \u00e9t\u00e9 le cas. Enter the. You remember those, right? Arriv\u00e8rent les . Vous vous en rappelez n\u2019est-ce pas ? Faute d\u2019une solution plus efficace, et pour r\u00e9pondre aux besoins des clients et satisfaire les designers, les d\u00e9veloppeurs ont utilis\u00e9 un \u00e9l\u00e9ment html con\u00e7u pour l&rsquo;organisation de valeurs et l&rsquo;on d\u00e9tourn\u00e9 de son but initial. Cela a march\u00e9 et pendant une longue p\u00e9riode \u00ab\u00a0le tranchage\u00a0\u00bb des designs fut la norme.<br \/>\nIl \u00e9tait clair que pour \u00eatre efficace, les gens et les entreprises ont d\u00fb faire preuve de cr\u00e9ativit\u00e9 et ont d\u00fb se d\u00e9marquer.<br \/>\n{loadposition pub-j3pour-tous}<br \/>\nApr\u00e8s tout, les seules choses limitatives dans une conception complexe \u00e9taient d\u2019une part l\u2019intelligence du d\u00e9veloppeur et d\u2019autre part le fait de savoir comment les tables seraient imbriqu\u00e9es les unes dans les autres. La norme CSS 1.0 a \u00e9t\u00e9 introduite en 1996, et bien qu&rsquo;elle aie essentiellement inclus des propri\u00e9t\u00e9s pour les polices et les couleurs, chaque petite avanc\u00e9e fut utile. Avec ces outils, la cr\u00e9ativit\u00e9 fut florissante, et des p\u00e9pites comme le site SpaceJam sont n\u00e9es.<br \/>\nLes gens en voulurent plus, ils d\u00e9sireraient des choses nouvelles, des choses diff\u00e9rentes &#8211; alors la technologie s&rsquo;est d\u00e9velopp\u00e9 pour les leur fournir.<br \/>\nFlash et les \u00e2ges sombres<br \/>\nFlash est sorti fin 1996, et un an plus tard tous les navigateurs modernes le supportaient. Au d\u00e9part le but de Flash \u00e9tait assez simple \u2013 il permettait \u00e0 l\u2019utilisateur de jouer des sons et de cr\u00e9er des animations simple. Finalement, il a \u00e9volu\u00e9 au point de supporter la vid\u00e9o, les interactions avanc\u00e9es et les d\u00e9veloppeurs ont \u00e9t\u00e9 capables de r\u00e9aliser des sites entiers uniquement \u00e0 l\u2019aide de Flash et l\u2019actionscript. Compar\u00e9 \u00e0 ce qui \u00e9tait disponible \u00e0 cette \u00e9poque, c\u2019\u00e9tait (et cela reste) un outil tr\u00e8s puissant. Mais comme on dit, un grand pouvoir implique de grandes responsabilit\u00e9s. Il ne fallut pas longtemps avant que tous les designers \u00ab&nbsp;cool&nbsp;\u00bb n\u2019utilisent Flash pour tout, et parfois juste pour le plaisir de la d\u00e9mo. Comme trop souvent, cependant, cette technologie nouvelle et cool a \u00e9t\u00e9 malmen\u00e9e au d\u00e9triment de l&rsquo;exp\u00e9rience de l\u2019utilisateur. Les sites en Flash lourds mettaient des si\u00e8cles \u00e0 charger, et bien que les effets visuels soient magnifiques, c&rsquo;\u00e9tait un mauvais compromis pour la plupart des utilisateurs qui voulaient juste obtenir quelque chose.Comment les tables seraient imbriqu\u00e9es les unes dans les autres. La norme CSS 1.0 a \u00e9t\u00e9 introduite en 1996, et bien qu&rsquo;elle aie essentiellement inclus des propri\u00e9t\u00e9s pour les polices et les couleurs, chaque petite avanc\u00e9e fut utile.<br \/>\nAvec ces outils, la cr\u00e9ativit\u00e9 fut florissante, et des p\u00e9pites comme le site SpaceJam sont n\u00e9es.<\/p>\n<p> Le site SpaceJam<br \/>\nL\u2019illumination CSS<br \/>\nPour encourager les concepteurs et les d\u00e9veloppeurs \u00e0 construire davantage de sites en utilisant les CSS, et \u00ab&nbsp;faire comprendre ce que c\u2019est tous ces trucs en CSS&nbsp;\u00bb, CSS Zen Garden est n\u00e9 en 2003.<br \/>\nComme le site original le d\u00e9clarait : \u201cIl y est clairement n\u00e9cessaire pour les CSS d\u2019\u00eatre prises au s\u00e9rieux par les artistes graphiques. Le Jardin Zen a pour but d\u2019exalter, d\u2019inspirer et d\u2019encourager la participation. Pour commencer, regardez quelques-uns des designs existants dans la liste. En cliquant sur n\u2018importe lequel, cela va charger la feuille de styles correspondante dans cette m\u00eame page. Le code reste le m\u00eame, la seule chose qui a chang\u00e9 est le fichier CSS externe. Oui, vraiment. \u201c\u2026\u00e0 ce jour, la plupart des exemples d\u2019astuces et de hacks CSS ont \u00e9t\u00e9 r\u00e9alis\u00e9es par des d\u00e9veloppeurs. Les designers ont encore \u00e0 y imprimer leur marque. Cela doit changer.&nbsp;\u00bb<br \/>\nPour beaucoup de designers, y compris moi-m\u00eame, ce fut une source d\u2019inspiration et un excellent outil d\u2019apprentissage. Alors que les sites en Flash mangeurs de bande passante restaient populaires, sortaient de plus en plus de beaux sites statiques, construits \u00e0 base de CSS et mettant le contenu au premier plan. Doucement, les sites en CSS ont gagn\u00e9, car<br \/>\nles utilisateurs commenc\u00e8rent \u00e0 montrer leur pr\u00e9f\u00e9rence pour les sites se chargeant rapidement et qui leur offraient une meilleure exp\u00e9rience.<\/p>\n<p> Le site Zen garden en 2003<br \/>\nLa r\u00e9volution mobile<br \/>\nAvec l\u2019introduction de t\u00e9l\u00e9phones capables de naviguer sans limites sur le web (c\u2019est de toi que je parle Iphone), les choses commenc\u00e8rent \u00e0 bouger rapidement. Le mat\u00e9riel et les logiciels \u00e9volu\u00e8rent rapidement, surpassant leurs pr\u00e9d\u00e9cesseurs, avec l\u2019av\u00e8nement du sp\u00e9cifique mobile\u2026 non attendez&#8230; bas\u00e9 sur des grilles, non attendez\u2026 responsive design, et les tendances vont et viennent au fil des saisons. Attendez\u2026 c\u2019est encore ce qui est en train de se passer. C\u2019est le monde dans lequel nous vivons actuellement.<br \/>\nAvec la technologie \u00e0 notre disposition aujourd\u2019hui, les designers sont libres de tirer parti des tendances et des id\u00e9es actuelles pour cr\u00e9er des sites web (et des web apps, et des applications natives, et plus encore) qui r\u00e9pondent le mieux aux besoins de leurs clients et des utilisateurs.<br \/>\nC\u2019est fantastique. Mais alors, pourquoi un tel maelstrom de titres dans nos m\u00e9tiers&nbsp;? Nous avions des Web designer et des graphistes&nbsp;; nous avons maintenant des UI Designer, UI Developer, Visual Designer, Interaction Designer et UX Designer Ah, tiens cette phrase \u00e0 nouveau \u2013 UX Design. Comment s\u2019y retrouver dans tout cela&nbsp;?<br \/>\nDesigner l\u2019exp\u00e9rience utilisateur<br \/>\nBien que l\u2019intitul\u00e9 du job soit relativement nouveau, le fait de porter attention \u00e0 l\u2019exp\u00e9rience utilisateur ne l\u2019est pas, lui. (Apr\u00e8s tout, pour qui faisons-nous donc ces sites internet&nbsp;?). Jetez un coup d\u2019\u0153il \u00e0 la premi\u00e8re moiti\u00e9 de cet article. Certaines parties sont mises en valeurs dans chacune des sections, et une fois les points reli\u00e9s nous obtenons&nbsp;:<br \/>\nIl \u00e9tait clair que pour \u00eatre efficace, les gens et les entreprises ont d\u00fb faire preuve de cr\u00e9ativit\u00e9 et ont d\u00fb se d\u00e9marquer. Les gens en voulurent plus, ils d\u00e9sireraient des choses nouvelles, des choses diff\u00e9rentes &#8211; alors la technologie s&rsquo;est d\u00e9velopp\u00e9e pour les leur fournir. Comme trop souvent, cependant, cette technologie nouvelle et cool a \u00e9t\u00e9 malmen\u00e9e au d\u00e9triment de l&rsquo;exp\u00e9rience de l\u2019utilisateur. C\u2019\u00e9tait un mauvais compromis pour la plupart des utilisateurs qui voulaient juste obtenir quelque chose. Les utilisateurs commenc\u00e8rent \u00e0 montrer leur pr\u00e9f\u00e9rence pour les sites se chargeant rapidement et qui leur offraient une meilleure exp\u00e9rience. Avec la technologie \u00e0 notre disposition aujourd\u2019hui, les designers sont libres de tirer parti des tendances et des id\u00e9es actuelles pour cr\u00e9er des sites web (et des web app, et des applications natives, et plus encore) qui r\u00e9pondent le mieux aux besoins de leurs clients et des utilisateurs.<br \/>\nBien que ce ne soit pas toujours intentionnel, on peut voir qu\u2019avec le temps l\u2019exp\u00e9rience utilisateur \u00e0 \u00e9volu\u00e9e \u2013 et finalement des pans entiers de technologies ont \u00e9t\u00e9 abandonn\u00e9es et de nouvelles se sont d\u00e9velopp\u00e9es en faveur de l\u2019exp\u00e9rience. Telle est la puissance de l\u2019utilisateur.<br \/>\nA l&rsquo;origine, cet article visait \u00e0 expliquer la diff\u00e9rence entre web design et UX design. Cependant, il est rapidement devenu \u00e9vident que ce serait comme essayer d&rsquo;expliquer la diff\u00e9rence entre une goutte d&rsquo;eau et une flaque d&rsquo;eau \u2013 le web design est juste une petite partie de ce qui se passe dans l&rsquo;exp\u00e9rience d&rsquo;un utilisateur.<br \/>\nAujourd\u2019hui, quand on dit web design, la plupart des gens font r\u00e9f\u00e9rence \u00e0 l\u2019aspect conception visuelle d\u2019un site web. Un terme plus \u00ab&nbsp;moderne&nbsp;\u00bb serait UI design ou design d\u2019interface utilisateur \u2013 les r\u00f4les sont similaires. Cependant un web designer avait l\u2019habitude de penser \u00e0 bien plus que juste le look and feel.<br \/>\nEn fait, beaucoup de choses qu\u2019un UX designer fait maintenant correspondent \u00e0 ce qu\u2019aurait fait un web designer il y a 10 ou 15 ans. Avec l\u2019exp\u00e9rience et le temps, ces processus ont \u00e9t\u00e9 affin\u00e9s avec des choses comme&nbsp;:<\/p>\n<p>les personas (des personnes semi-fictives, fa\u00e7onn\u00e9es \u00e0 travers des recherches et des interviews d\u2019utilisateurs r\u00e9els, qui nous aident \u00e0 identifier et \u00e0 se rappeler \u00e0 qui est destin\u00e9 le site en cours de construction)&nbsp;;<br \/>\nles flux utilisateur (workflows id\u00e9als suivant lesquels nos utilisateurs accomplissent une action ou naviguent dans un site) &nbsp;;<br \/>\nprototypage (cr\u00e9ation d&rsquo;une version de test simple de notre produit pour mettre nos hypoth\u00e8ses \u00e0 l\u2019\u00e9preuve) &nbsp;;<br \/>\net beaucoup, beaucoup plus, en fonction du client et du projet.<\/p>\n<p>Bien qu\u2019une partie soit purement visuelle, la majeure partie de l\u2019UX design se concentre sur la recherche, les donn\u00e9es, les tests et l&rsquo;analyse &#8211; ce qui explique pourquoi j&rsquo;insiste sur le fait qu\u2019UX \u00ab\u00a0design\u00a0\u00bb est trompeur. Apr\u00e8s tout, l&rsquo;exp\u00e9rience d&rsquo;un utilisateur est une r\u00e9action \u00e0 un produit fini &#8211; et nous n\u2019avons pas le contr\u00f4le absolu sur leurs r\u00e9actions. Toutefois, nous avons un certain contr\u00f4le sur les facteurs qui l&rsquo;influencent, et c&rsquo;est ce sur quoi nous nous concentrons comme consultants UX.<br \/>\nPourquoi s\u2019en soucier?<br \/>\nAvez-vous lu ce que j\u2019ai dit plus haut&nbsp;? Par la puissance collective de millions d&rsquo;utilisateurs, des technologies enti\u00e8res ont disparu. A quand remonte votre derni\u00e8re visite d\u2019un site en Flash&nbsp;?<br \/>\nBien que ce soit sur une \u00e9chelle beaucoup plus grande, le co\u00fbt d\u2019une mauvaise UX est beaucoup plus \u00e9lev\u00e9 que l&rsquo;investissement n\u00e9cessaire pour en cr\u00e9er une bonne. Si vous avez d\u00e9j\u00e0 entendu l\u2019expression \u00ab&nbsp;les gens votent avec leur portefeuille&nbsp;\u00bb, et bien une des fa\u00e7ons de le faire passe par leurs habitudes de navigation. Une bonne exp\u00e9rience utilisateur fait que les utilisateurs reviennent.<br \/>\nD\u2019une mani\u00e8re plus g\u00e9n\u00e9rale, fournir une bonne exp\u00e9rience utilisateur est en partie le reflet de votre honn\u00eatet\u00e9. Cela peut sembler idiot, mais votre site web g\u00e9n\u00e8re des exp\u00e9riences \u00e9motionnelles pour les gens. Comment voulez-vous qu\u2019ils se sentent quand ils quittent votre site&nbsp;?<br \/>\nL\u2019UX est l\u00e0 pour longtemps<br \/>\n\u00c0 mesure que nous nous \u00e9loignons de dispositifs impersonnels comme nos ordinateurs et que nous allons vers des exp\u00e9riences plus int\u00e9gr\u00e9es (comme l\u2019internet des objets, et l\u2019intelligence artificielle) le web design peut devenir sans objet. L\u2019exp\u00e9rience utilisateur non.<br \/>\nQuand la technologie change, les processus sp\u00e9cifiques que nous utilisons peuvent \u00e9voluer \u2013 mais l\u2019\u00e9tude de ceux qui l\u2019utilise et comment les servir au mieux a toujours \u00e9t\u00e9 importante et le sera toujours. Lors de votre prochain projet de site web, je vous encourage \u00e0 parler avec vos utilisateurs. Cela fait sens au niveau business, \u00e7a aide \u00e0 pr\u00e9parer le futur et c\u2019est tout simplement la bonne chose \u00e0 faire. La prochaine fois qu\u2019on vous demandera ce que vous faites, vous pourrez dire \u201cJe con\u00e7ois des exp\u00e9riences utilisateurs&nbsp;\u00bb et en \u00eatre fier&nbsp;!<br \/>\nSources : http:\/\/info.cern.ch\/hypertext\/WWW\/TheProject.html http:\/\/www.evolutionoftheweb.com\/ http:\/\/www.pewinternet.org\/2014\/03\/11\/world-wide-web-timeline\/ http:\/\/mezzoblue.com\/archives\/2003\/05\/07\/css_zen_gard<\/p>\n<p>\u00c0 propos de l&rsquo;auteur<\/p>\n<p>Crystal Harris<br \/>\nConsultante UX passionn\u00e9e, fondatrice de lucid-fox.com. Amoureuse de FOSS. \u00c9vang\u00e9liste UX dans Joomla!, et \u00e9vang\u00e9liste Joomla! partout ailleurs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nous allons voir comment faciliter l&rsquo;indexaction de votre site par les moteurs de recherche avec l&rsquo;utilisation d&rsquo;un sitemap ou plan de site en fran\u00e7ais.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-348","post","type-post","status-publish","format-standard","hentry","category-archives"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Design vs. UX Design | Cinnk<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Design vs. UX Design | Cinnk\" \/>\n<meta property=\"og:description\" content=\"Nous allons voir comment faciliter l&rsquo;indexaction de votre site par les moteurs de recherche avec l&rsquo;utilisation d&rsquo;un sitemap ou plan de site en fran\u00e7ais.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Cinnk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Cinnk.formation\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-07T14:49:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cinnk.com\/wp-content\/uploads\/2024\/10\/Logo-font.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cinnk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CinnkCom\" \/>\n<meta name=\"twitter:site\" content=\"@CinnkCom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cinnk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/\"},\"author\":{\"name\":\"Cinnk\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d\"},\"headline\":\"Web Design vs. UX Design\",\"datePublished\":\"2020-10-07T14:49:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/\"},\"wordCount\":2453,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\"},\"articleSection\":[\"Archives\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/\",\"url\":\"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/\",\"name\":\"Web Design vs. UX Design | Cinnk\",\"isPartOf\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#website\"},\"datePublished\":\"2020-10-07T14:49:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/cinnk.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design vs. UX Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cinnk.com\/fr\/#website\",\"url\":\"https:\/\/cinnk.com\/fr\/\",\"name\":\"Cinnk\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cinnk.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\",\"name\":\"Cinnk\",\"url\":\"https:\/\/cinnk.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg\",\"contentUrl\":\"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg\",\"width\":125,\"height\":32,\"caption\":\"Cinnk\"},\"image\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Cinnk.formation\",\"https:\/\/x.com\/CinnkCom\",\"https:\/\/www.instagram.com\/cinnk\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d\",\"name\":\"Cinnk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g\",\"caption\":\"Cinnk\"},\"sameAs\":[\"https:\/\/cinnk.com\"],\"url\":\"https:\/\/cinnk.com\/fr\/author\/cinnkdev\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Design vs. UX Design | Cinnk","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/","og_locale":"fr_FR","og_type":"article","og_title":"Web Design vs. UX Design | Cinnk","og_description":"Nous allons voir comment faciliter l&rsquo;indexaction de votre site par les moteurs de recherche avec l&rsquo;utilisation d&rsquo;un sitemap ou plan de site en fran\u00e7ais.","og_url":"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/","og_site_name":"Cinnk","article_publisher":"https:\/\/www.facebook.com\/Cinnk.formation","article_published_time":"2020-10-07T14:49:45+00:00","og_image":[{"width":500,"height":500,"url":"https:\/\/cinnk.com\/wp-content\/uploads\/2024\/10\/Logo-font.jpg","type":"image\/jpeg"}],"author":"Cinnk","twitter_card":"summary_large_image","twitter_creator":"@CinnkCom","twitter_site":"@CinnkCom","twitter_misc":{"\u00c9crit par":"Cinnk","Dur\u00e9e de lecture estim\u00e9e":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/#article","isPartOf":{"@id":"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/"},"author":{"name":"Cinnk","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d"},"headline":"Web Design vs. UX Design","datePublished":"2020-10-07T14:49:45+00:00","mainEntityOfPage":{"@id":"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/"},"wordCount":2453,"commentCount":0,"publisher":{"@id":"https:\/\/cinnk.com\/fr\/#organization"},"articleSection":["Archives"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/","url":"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/","name":"Web Design vs. UX Design | Cinnk","isPartOf":{"@id":"https:\/\/cinnk.com\/fr\/#website"},"datePublished":"2020-10-07T14:49:45+00:00","breadcrumb":{"@id":"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cinnk.com\/fr\/web-design-vs-ux-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/cinnk.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Web Design vs. UX Design"}]},{"@type":"WebSite","@id":"https:\/\/cinnk.com\/fr\/#website","url":"https:\/\/cinnk.com\/fr\/","name":"Cinnk","description":"","publisher":{"@id":"https:\/\/cinnk.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cinnk.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/cinnk.com\/fr\/#organization","name":"Cinnk","url":"https:\/\/cinnk.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg","contentUrl":"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg","width":125,"height":32,"caption":"Cinnk"},"image":{"@id":"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Cinnk.formation","https:\/\/x.com\/CinnkCom","https:\/\/www.instagram.com\/cinnk"]},{"@type":"Person","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d","name":"Cinnk","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g","caption":"Cinnk"},"sameAs":["https:\/\/cinnk.com"],"url":"https:\/\/cinnk.com\/fr\/author\/cinnkdev\/"}]}},"_links":{"self":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts\/348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/comments?post=348"}],"version-history":[{"count":0,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts\/348\/revisions"}],"wp:attachment":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/media?parent=348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/categories?post=348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/tags?post=348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}