{"id":702,"date":"2015-04-22T12:33:00","date_gmt":"2015-04-22T12:33:00","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=702"},"modified":"2015-04-22T12:34:43","modified_gmt":"2015-04-22T12:34:43","slug":"comment-ameliorer-lexperience-utilisateur-de-votre-site-infographie","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/comment-ameliorer-lexperience-utilisateur-de-votre-site-infographie\/","title":{"rendered":"Comment am\u00e9liorer l\u2019exp\u00e9rience utilisateur de votre site | Infographie"},"content":{"rendered":"<p>Cette infographie met en avant les grands principes pour am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur.<\/p>\n<p>Une petite d\u00e9finition : l\u2019exp\u00e9rience utilisateur, c\u2019est <strong>l\u2019\u00e9motion ressentie par un utilisateur lorsqu\u2019il utilise un service (Web ou humain) dans l\u2019atteinte d\u2019un objectif<\/strong>.<\/p>\n<p><span style=\"color: #008000;\"><strong>A noter :<\/strong><\/span><br \/>\n&#8211; 68% des utilisateurs quittent un site en raison d&rsquo;une mauvaise exp\u00e9rience utilisateur.<br \/>\n&#8211; 44% des acheteurs en ligne partageront avec des amis une mauvaise exp\u00e9rience<br \/>\n&#8211; 62% des consommateurs basent leurs futurs achats sur leurs exp\u00e9riences pass\u00e9es.<\/p>\n<p><!--more--><\/p>\n<p><span style=\"color: #008000;\"><strong>1) Comment am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur ? <\/strong><\/span><\/p>\n<p>&#8211; une accessibilit\u00e9 la plus compr\u00e9hensible pour tous,<br \/>\n&#8211; un design en relation avec votre site,<br \/>\n&#8211; une autonomie toujours plus grande,<br \/>\n&#8211; une navigation rapide et intuitive<br \/>\n&#8211; une r\u00e9daction de qualit\u00e9 pour les moteurs,<br \/>\n&#8211; une rapidit\u00e9 des pages \u00e0 afficher.<\/p>\n<p><strong><span style=\"color: #008000;\">2) Qu&rsquo;est ce l&rsquo;ergonomie<\/span><br \/>\n<\/strong><br \/>\n&#8211; Convaincre mais c&rsquo;est aussi satisfaire l&rsquo;internaute,<br \/>\n&#8211; Apporter \u00e0 l&rsquo;internaute un confort d&rsquo;utilisation et le fid\u00e9liser,<br \/>\n&#8211; Se soucier du bien-\u00eatre de l&rsquo;internaute,<br \/>\n&#8211; Am\u00e9liorer la transformation et le ca de votre site e-commerce.<\/p>\n<p><strong><span style=\"color: #008000;\">3) 2 outils pour am\u00e9liorer votre UX <\/span><\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/www.goodui.org\/\" target=\"_blank\">GOODUI.ORG<\/a><\/li>\n<li><a href=\"https:\/\/www.leadpages.net\/products\/?v=wp\" target=\"_blank\">Leadpages.net<\/a><\/li>\n<\/ul>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/03\/infographique_ergonomie.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-704\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/03\/infographique_ergonomie.jpg\" alt=\"infographique_ergonomie\" width=\"1000\" height=\"3564\" \/><\/a><\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-2'  data-version='5.12.88'><!-- without result --><div class='yuzo_clearfixed yuzo__title yuzo__title'><h2>Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-fixer-vos-frais-de-port-e-commerce\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-ecommerce-3-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-fixer-vos-frais-de-port-e-commerce\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment fixer vos frais de port | E-commerce  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2219<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Il vous est certainement arriv\u00e9 un jour de stopper votre processus d'achat \u00e0 cause des frais de port trop \u00e9lev\u00e9s.\u00a0Vous n'\u00eates pas seul dans cette situation, 44% des internautes abandonnent leur panier \u00e0 cause\u00a0de cet facteur.\r\nQuelles sont les solutions \u00e0\u00a0disposition du e-commer\u00e7ant ?\r\n\r\n \t\r\nOffrir les frais de port\r\n\r\n\r\nC\u2019est certainement la solution la plus co\u00fbteuse, il faut avoir une tr\u00e8s forte ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/desactiver-les-deux-zooms-de-la-page-produit-astuce-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-Sans-titre-1-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/desactiver-les-deux-zooms-de-la-page-produit-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> D\u00e9sactiver les deux zooms de la page produit |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 4766<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Ce tuto simple et rapide va vous permettre de d\u00e9sactiver les deux\u00a0zooms de la page produit.\r\n\r\nCette astuce est valable Prestashop 1.6. Le code \u00e9tant pratiquement similaire, ce tuto peut aussi s'appliquer \u00e0 Prestashop 1.5\r\n\r\n----------------------\r\n\r\n\r\n\r\nSur la page produit, il existe deux types de zoom :\r\n\r\n1) Le zoom \"pop-up\"\r\n\r\n\r\n\r\n2) Le zoom \"Jqzoom\"\r\n\r\n\r\n\r\nSi vous ne d\u00e9sirez pas avoir de zoom...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/quelques-variables-qui-peuvent-vous-aider-pour-vos-mise-en-page-prestashop-1-7-1-6\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/QuelquesvariablesquipeuventvousaiderpourvosmiseenpagePrestashop17-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/quelques-variables-qui-peuvent-vous-aider-pour-vos-mise-en-page-prestashop-1-7-1-6\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Quelques variables qui peuvent vous aider pour votre mise en page \u2013  Prestashop 1.7 ...  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 15486<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Dans le tuto du jour, je vais \u00e9num\u00e9rer quelques variables de PrestaShop 1.6 PrestaShop 1.7 qui peuvent vous aider pour personnaliser votre site.\r\n\r\nN'h\u00e9sitez pas \u00e0 les partager via les commentaires\r\n------------------\r\nIns\u00e9rez un lien vers une page CMS dans un fichier TPL\r\nPrestashop 1.6 : {$link->getCmsLink()}\r\n\r\nExemple : l'id de la page cms est 3\r\n\r\n\r\nPrestashop 1.7 :\u00a0{url entity='cms' id=$i...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/la-psychologie-de-la-couleur\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-Capture-d\u2019\u00e9cran-2015-05-24-\u00e0-15.04.40-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/la-psychologie-de-la-couleur\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Guide de La psychologie de la couleur pour les webdesigners  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 249<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie permet de faire un point sur l'utilisation de la couleur. A garder sur un coin de votre bureau.\r\n\r\n\r\n\r\n\r\n\r\n<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/la-psychologie-des-consommateurs\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/Capture-d\u2019e\u0301cran-2015-01-07-a\u0300-15.37.54-300x187.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/la-psychologie-des-consommateurs\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> La psychologie des consommateurs  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 254<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie met en avant la psychologie des consommateurs sur les sites de e-commerce. Elle permet de cerner les crit\u00e8res de confiance qui d\u00e9clencheront (ou pas) l'achat sur votre site aupr\u00e8s des internautes.\r\n\r\n------------\r\n\r\n1) La vitesse du site\r\nApr\u00e8s une attente de 3 secondes, 57% des utilisateurs abandonneront leur panier et 80% de ces personnes ne reviendront pas sur le site.\r\n\r\n\r\n\r\n...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Cette infographie met en avant les grands principes pour am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur. Une petite d\u00e9finition : l\u2019exp\u00e9rience utilisateur, c\u2019est l\u2019\u00e9motion ressentie par un utilisateur lorsqu\u2019il utilise un service (Web ou humain) dans l\u2019atteinte d\u2019un objectif. A noter : &#8211; 68% des utilisateurs quittent un site en raison d&rsquo;une mauvaise exp\u00e9rience [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":703,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/702"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=702"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/702\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/703"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}