{"id":20734,"date":"2020-01-03T10:30:46","date_gmt":"2020-01-03T10:30:46","guid":{"rendered":"https:\/\/www.4addictic.com\/?p=20734"},"modified":"2019-12-16T12:58:45","modified_gmt":"2019-12-16T12:58:45","slug":"que-es-el-scroll-infinito-y-como-afecta-a-la-web-de-mi-tienda-online","status":"publish","type":"post","link":"https:\/\/pre8.4addictic.com\/4addictic\/que-es-el-scroll-infinito-y-como-afecta-a-la-web-de-mi-tienda-online\/","title":{"rendered":"Qu\u00e9 es el scroll infinito y c\u00f3mo afecta a la web de mi tienda online?"},"content":{"rendered":"<p>El mundo de las tiendas online es muy complejo y cambiante. Por ello, si tienes tu propio negocio online, debes saber cuales son las <strong>\u00faltimas herramientas que est\u00e1n de moda actualmente<\/strong>. Aprender cu\u00e1les son los recursos m\u00e1s utilizados y aplicarlos a tu propia web es la mejor forma para evitar que la usabilidad web decaiga.<\/p>\n<p>&nbsp;<\/p>\n<p>Teniendo en cuanto todo lo mencionado ahora mismo, hay un tema que debes tener en cuenta y que tristemente hay muchas webs que a\u00fan no han aplicado.<strong> El scroll infinito<\/strong>. Repasemos c\u00f3mo nos puede beneficiar o perjudicar en cada caso.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>\u00bfQu\u00e9 es el scroll infinito?<\/strong><\/h2>\n<p>El scroll infinito, es una herramienta muy habitualmente usada en eCommerce. Se trata de una <strong>forma de dise\u00f1o web que permite llegar al final de cada p\u00e1gina sin tener que presionar ning\u00fan bot\u00f3n<\/strong>. Tan solo arrastrando el cursor hacia la parte inferior de la pantalla puedes ver todo el contenido web que hay en la p\u00e1gina hasta su fin.<\/p>\n<p>&nbsp;<\/p>\n<p>Esta t\u00e9cnica te sonar\u00e1 mucho y es la que m\u00e1s en auge est\u00e1 ahora mismo en dise\u00f1o y arquitectura web para dispositivos m\u00f3viles..<\/p>\n<p>&nbsp;<\/p>\n<p>El uso del scroll infinito ayuda a que <strong>la experiencia del usuario y usabilidad sean mucho m\u00e1s intuitivas, sencillas y c\u00f3modas<\/strong> para los usuarios. Y el que haya una mejor visualizaci\u00f3n de los productos, ayuda a la hora de acelerar las compras.<\/p>\n<p>&nbsp;<\/p>\n<p>Una vez visto en qu\u00e9 consiste el scroll infinito veamos como puedes dominar esta t\u00e9cnica. Tambi\u00e9n veremos a continuaci\u00f3n a identificar a la perfecci\u00f3n cada una de las situaciones en las que un scroll infinito cambiar\u00e1 absolutamente la experiencia del usuario en eCommerce. \u00bfTe apetece aprenderlo todo sobre el scroll infinito? Pues no te pierdas el resto del art\u00edculo!<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Funcionamiento del scroll infinito en una Web<\/strong><\/h2>\n<p>La funci\u00f3n del scroll infinito es como la de otras muchas herramientas. Mejorar la experiencia del usuario. Sin embargo, no todas las t\u00e9cnicas mejoran la \u00abuser experience\u00bb de igual modo.<\/p>\n<p>&nbsp;<\/p>\n<p>En el caso del scroll infinito, lo que se pretende con esta t\u00e9cnica es agilizar los procesos webs. Al mejorar y hacer la experiencia de usuario m\u00e1s intuitiva hace m\u00e1s f\u00e1cil para el usuario el navegar y comprar.<\/p>\n<p>&nbsp;<\/p>\n<p>Debido a que el usuario tan solo debe arrastrar el cursor, no tiene nada con lo que distraerse. No hay botones que tocar. Solo debe ir deslizando en rat\u00f3n e ir mirando todos los productos y decidir cuales son los que quiere comprar.<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_20741\" aria-describedby=\"caption-attachment-20741\" style=\"width: 2560px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\" scroll infinito wp-image-20741 size-full\" title=\" scroll infinito\" src=\"https:\/\/www.4addictic.com\/wp-content\/uploads\/2019\/12\/1992-scaled.jpg\" alt=\"\" width=\"2560\" height=\"1707\" srcset=\"https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/1992-200x133.jpg 200w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/1992-300x200.jpg 300w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/1992-400x267.jpg 400w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/1992-500x333.jpg 500w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/1992-600x400.jpg 600w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/1992-750x500.jpg 750w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/1992-768x512.jpg 768w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/1992-800x533.jpg 800w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/1992-1000x667.jpg 1000w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/1992-1024x683.jpg 1024w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/1992-1200x800.jpg 1200w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/1992-1536x1024.jpg 1536w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/1992-scaled.jpg 2560w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><figcaption id=\"caption-attachment-20741\" class=\"wp-caption-text\">El scroll infinito mejora la experiencia de usuario haciendo que a este le resulte m\u00e1s f\u00e1cil el navegar y comprar<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>Con lo cual, el scroll infinito es esa herramienta perfecta que ayuda a los usuarios a no tener que pensar en nada m\u00e1s que no sea en el producto mientras est\u00e1n consultando la tienda online.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Ventajas del scroll infinito<\/strong><\/h2>\n<p>Os contamos las 2 ventajas que destacar\u00edamos del scroll infinito:<\/p>\n<p>&nbsp;<\/p>\n<h3><strong>1. Favorece las ventas de tu eCommerce<\/strong><\/h3>\n<p>Al permitir que la experiencia de visualizaci\u00f3n de los clientes sea mucho m\u00e1s relajada. Eso ayuda a que aumenten las ventas.<br \/>\nAl navegar por la web, el usuario sentir\u00e1 que est\u00e1 \u00abcomprando\u00bb y no que le estamos \u00abvendiendo\u00bb.<br \/>\nEs importante que el cliente se sienta como si fuera \u00e9l quien toma la decisi\u00f3n de realizar una compra. Y no que tenga la sensaci\u00f3n de que est\u00e1 siendo incitando e impulsados a comprar algo.<\/p>\n<h3><strong>2. El cliente pasar\u00e1 m\u00e1s tiempo en la web<\/strong><\/h3>\n<p>Al no tener que hacer esfuerzos para encontrar los productos, las posibilidades de que la campa\u00f1a de marketing sea eficaz es mucho mayor cuanto m\u00e1s tiempo se visualizan los productos y cuanto m\u00e1s agradable es la experiencia online.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Desventajas<\/strong><\/h2>\n<p>Es importante tener en cuenta que el scroll infinito tambi\u00e9n cuenta con una serie de desventajas. Los \u00abcontras\u00bb del scroll online no son tan obvias pero tambi\u00e9n debes saber que existen.<\/p>\n<h3><strong>1. Barra de herramientas permanente<\/strong><\/h3>\n<p>El scroll infinito plantea un problema del que no todo dise\u00f1ador web es consciente. Muchos usuarios tan solo buscan un producto en concreto y no quieren estar navegando por nuestra web perdiendo el tiempo. Por ello es importante siempre reservar una barra de herramientas permanente para que quienes no quieren navegar de manera prolongada y con scroll infinito tambi\u00e9n tengan una experiencia satisfactoria.<\/p>\n<h3><strong>2. El tiempo de carga<\/strong><\/h3>\n<p>El tiempo de carga de la p\u00e1gina con scroll infinito suele ser m\u00e1s prolongado y la visualizaci\u00f3n de los productos suele llevar m\u00e1s tiempo.<br \/>\nTodo ello porque cuando no hay que pasar a otra p\u00e1gina, el navegador no cuenta con tanto tiempo para cargar todas las im\u00e1genes de la p\u00e1gina concreta.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Conclusi\u00f3n<\/strong><\/h2>\n<p>Si estas pensando en crear tu web o bien en mejorarla, te aconsejo que te plantees el uso del scroll infinito.<br \/>\nSi no sabes como aplicar esta herramienta en tu Web \u00bfporqu\u00e9 no dejas tu tienda online en manos de expertos como 4Addictic? En 4Addictic llevamos m\u00e1s de 10 a\u00f1os ayudando a negocios de todo tipo a llevar sus productos a una gran cantidad de usuarios.<br \/>\nSomos nivel <strong>PLATINUM PARTNER en PrestaShop<\/strong>. As\u00ed que sabemos de lo que hablamos.<span style=\"color: #ff0053;\"> <strong><a style=\"color: #ff0053;\" href=\"\/?page_id=10887\" target=\"_blank\" rel=\"noopener noreferrer\">No dudes en contactar con nosotros o visitar nuestra Web para saber m\u00e1s de 4Addictic y de todo lo que podemos hacer por ti<\/a><\/strong>.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El mundo de las tiendas online es muy complejo y cambiante. Por ello, si tienes tu propio negocio online, debes saber cuales son las \u00faltimas herramientas que est\u00e1n de moda actualmente. Aprender cu\u00e1les son los recursos m\u00e1s utilizados y aplicarlos a tu propia web es la mejor forma para evitar que la usabilidad web decaiga. [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":20738,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[59,69],"tags":[],"yst_prominent_words":[3753,3746,385,487,449,3748,3755,3747,3757,127,433,122,3744,413,275,119,3752,3745,272,3751],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito.jpg",1220,385,false],"thumbnail":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-150x150.jpg",150,150,true],"medium":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-300x95.jpg",300,95,true],"medium_large":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-768x242.jpg",696,219,true],"large":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-1024x323.jpg",696,220,true],"1536x1536":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito.jpg",1220,385,false],"2048x2048":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito.jpg",1220,385,false],"td_150x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito.jpg",150,47,false],"td_218x150":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito.jpg",218,69,false],"td_300x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito.jpg",300,95,false],"td_324x400":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito.jpg",324,102,false],"td_485x360":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito.jpg",485,153,false],"td_696x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito.jpg",696,220,false],"td_1068x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito.jpg",1068,337,false],"td_1920x0":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito.jpg",1220,385,false],"the_grid_size1":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-500x158.jpg",500,158,true],"the_grid_size2":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-500x158.jpg",500,158,true],"the_grid_size3":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-1000x316.jpg",1000,316,true],"the_grid_size4":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-1000x316.jpg",1000,316,true],"the_grid_size5":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-500x158.jpg",500,158,true],"portfolio-full":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-940x385.jpg",940,385,true],"portfolio-one":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-540x272.jpg",540,272,true],"portfolio-two":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-460x295.jpg",460,295,true],"portfolio-three":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-300x214.jpg",300,214,true],"portfolio-five":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-177x142.jpg",177,142,true]},"uagb_author_info":{"display_name":"Melania Llobregat","author_link":"https:\/\/pre8.4addictic.com\/4addictic\/author\/mllobregat\/"},"uagb_comment_info":0,"uagb_excerpt":"El mundo de las tiendas online es muy complejo y cambiante. Por ello, si tienes tu propio negocio online, debes saber cuales son las \u00faltimas herramientas que est\u00e1n de moda actualmente. Aprender cu\u00e1les son los recursos m\u00e1s utilizados y aplicarlos a tu propia web es la mejor forma para evitar que la usabilidad web decaiga.&hellip;","blog_post_layout_featured_media_urls":{"thumbnail":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito-150x150.jpg",150,150,true],"full":["https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2019\/12\/Scroll-infinito.jpg",1220,385,false]},"categories_names":{"59":{"name":"Blog","link":"https:\/\/pre8.4addictic.com\/4addictic\/category\/blog\/"},"69":{"name":"Tienda online. PrestaShop","link":"https:\/\/pre8.4addictic.com\/4addictic\/category\/blog\/tienda-online-prestashop\/"}},"tags_names":[],"comments_number":"0","_links":{"self":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/20734"}],"collection":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/comments?post=20734"}],"version-history":[{"count":6,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/20734\/revisions"}],"predecessor-version":[{"id":20744,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/20734\/revisions\/20744"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/media\/20738"}],"wp:attachment":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/media?parent=20734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/categories?post=20734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/tags?post=20734"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/yst_prominent_words?post=20734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}