{"id":1338,"date":"2016-04-25T20:46:04","date_gmt":"2016-04-25T20:46:04","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=1338"},"modified":"2016-04-25T20:46:04","modified_gmt":"2016-04-25T20:46:04","slug":"la-difference-entre-lui-et-lux","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/la-difference-entre-lui-et-lux\/","title":{"rendered":"La diff\u00e9rence entre l&rsquo;UI et l&rsquo;UX"},"content":{"rendered":"<p>Vous vous \u00eates parfois demand\u00e9s quelle \u00e9tait la diff\u00e9rence entre l&rsquo;UX et l&rsquo;UI ?<\/p>\n<p>Cette infographie va vous permettre de mieux comprendre \u00a0la diff\u00e9rence entre les deux :<\/p>\n<p><!--more--><\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/02\/wassai-blog-difference-between-ux-ui.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1339\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/02\/wassai-blog-difference-between-ux-ui.png\" alt=\"Diff\u00e9rence entre ux et ui \" width=\"1100\" height=\"2658\" \/><\/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\/bouton-suivantprecedent-sur-la-page-produit\/\" 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\/2014\/12\/prevnext_tut-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\/bouton-suivantprecedent-sur-la-page-produit\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Bouton Suivant\/Pr\u00e9cedent sur la page produit |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 1991<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Voici un petit tutoriel si vous d\u00e9sirez ajouter un bouton suivant\/pr\u00e9cedent sur la page produit\r\n\r\nCette astuce Prestashop est valable pour la version 1.5 et 1.6\r\n\r\n----------------\r\n\r\n1) Cr\u00e9ez un nouveau fichier qui se nommera Product.php dans override\/classes et ins\u00e9rez le code suivant :\r\n\r\n\r\n\r\n----------------\r\n\r\n2) Cr\u00e9ez un nouveau fichier qui se nommera ProductController.php dans override\/con...<\/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\/modules-utilises-page-daccueil-prestashop-1-7\/\" 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\/11\/module-page-accueil-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\/modules-utilises-page-daccueil-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Quels sont les modules utilis\u00e9s sur la page d\u2019accueil ? |\u00a0Prestashop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 17985<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Par rapport \u00e0 Prestashop 1.6, la page d'accueil a totalement \u00e9t\u00e9 relook\u00e9 et le nom et le hook des modules ont\u00a0\u00e9t\u00e9 modifi\u00e9s.\r\n\r\nVoici une check-list des modules utilis\u00e9s par d\u00e9faut pour la page d'accueil.\r\n\r\nVous trouverez:\r\n- le nom du hook sur lequel le module est positionn\u00e9;\r\n- le nom du module utilis\u00e9 dans le back-office;\r\n- le nom\u00a0que porte le module dans le dossier \"modules' situ\u00e9 dans votre ...<\/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\/creer-compte-paypal-professionnel-e-ecommerce\/\" 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\/09\/creer-compte-paypal--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\/creer-compte-paypal-professionnel-e-ecommerce\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment cr\u00e9er un compte Paypal Professionnel ? | E-ecommerce  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2337<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Si\u00a0\u00a0vous d\u00e9sirez installer Paypal comme moyen de paiement sur votre site e-commerce, il sera n\u00e9cessaire de cr\u00e9er \u00a0un compte professionnel.\r\n\r\nVoici les diff\u00e9rentes diff\u00e9rentes \u00e9tapes.\r\nEtape 1: \u00a0Acc\u00e9dez \u00e0 la page Paypal et cliquez sur Ouvrir un compte\u00a0\r\nPour acc\u00e9der \u00e0 la page Paypal, cliquez-ici\u00a0\r\n\r\n\r\n\r\n\r\nEtape 2 : Choisissez l'option \"Compte Professionnel\"\r\n\r\nEtape 3 : Ins\u00e9rez votre adresse e-mai...<\/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\/6-tendances-webdesign-pour-2015\/\" 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\/03\/header-tendances-web-design-2015-300x187.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\/6-tendances-webdesign-pour-2015\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 6 tendances webdesign pour 2015  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 124<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie,\u00a0r\u00e9alis\u00e9e par l\u2019agence TisIndia,\u00a0pr\u00e9sente\u00a06 tendances webdesign\u00a0pour 2015.\r\n\r\n1) Le Responsive Design (indispensable en 2015 et dans les ann\u00e9es \u00e0 venir).\r\n2) La Typographie (les polices de caract\u00e8res seront simples, il faudra donc\u00a0privil\u00e9gier les \u00absans-s\u00e9rifs).\r\n3) Les Images\u00a0(plus vos images seront grandes et nettes plus elles\u00a0inciteront les internautes \u00e0 rester. Attention \u00e0 la ...<\/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\/labandon-de-panier-en-2013\/\" 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\/2014\/12\/txabandon1-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\/labandon-de-panier-en-2013\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> L\u2019abandon de panier en 2013  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 206<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >1) Taux d'abandon du panier\r\n Source: Fevad\r\n\r\nOn parle d\u2019abandon de panier, lorsque le visiteur d\u2019un site de vente en ligne, ajoute un produit \u00e0 son panier mais ne finalise pas sa commande. On peut constater que 7 visiteurs sur 10 qui mettent un produit dans leur panier ne finalisent pas leur commande.\r\n\r\n\r\n\r\n\r\n2) Les raisons de l'abandon\r\n Source : fevad\/blog.lkconseil.com\r\n\r\nLes tops 3 des aban...<\/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>Vous vous \u00eates parfois demand\u00e9s quelle \u00e9tait la diff\u00e9rence entre l&rsquo;UX et l&rsquo;UI ? Cette infographie va vous permettre de mieux comprendre \u00a0la diff\u00e9rence entre les deux : Articles similaires views 134 D\u00e9m\u00e9nager son site sans perdre son r\u00e9f\u00e9rencement views 790 Vous avez d\u00e9cid\u00e9 de migrer votre site internet mais [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1340,"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\/1338"}],"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=1338"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/1338\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/1340"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=1338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=1338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=1338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}