{"id":12067,"date":"2016-05-31T00:00:00","date_gmt":"2016-05-30T22:00:00","guid":{"rendered":"https:\/\/trilogi.com\/blog\/tendencia-mobile-disenos-ecommerce\/"},"modified":"2024-11-28T07:28:51","modified_gmt":"2024-11-28T06:28:51","slug":"tendencia-mobile-disenos-ecommerce","status":"publish","type":"post","link":"https:\/\/trilogi.com\/blog\/tendencia-mobile-disenos-ecommerce\/","title":{"rendered":"El mobile marca tendencia en el dise\u00f1o eCommerce"},"content":{"rendered":"
Nada cambia tanto como los gustos y las tendencias, y el eCommerce tampoco lo evita, en Trilogi<\/a> lo observamos cada d\u00eda. La t\u00e9cnica y la programaci\u00f3n provocan cambios en el dise\u00f1o de las tiendas online, que ven como el minimalismo -que impera en la mayor\u00eda de los eCommerce- va adquiriendo nuevos matices.\u00a0Y no s\u00f3lo esto, en el dise\u00f1o eCommerce los contenidos deben adaptarse tambi\u00e9n a las nuevas tendencias marcadas por buscadores como Google. Vamos a ver diferentes tipos de dise\u00f1o de tiendas online que se han reinventado para:<\/span><\/p>\n Un ejemplo claro sobre c\u00f3mo las directrices marcan lo que hay que mostrar y c\u00f3mo debe hacerse, lo encontramos en la adaptaci\u00f3n de las webs a su formato responsive. <\/strong>Esta adaptaci\u00f3n sirve\u00a0<\/strong><\/span>para que el contenido se vea correctamente cuando se navega desde una pantalla m\u00e1s peque\u00f1a, sea m\u00f3vil, tablet y sus variantes (phablets, etc). La nueva manera de presentar el contenido ha supuesto una serie de cambios a nivel de dise\u00f1o que han dejado atr\u00e1s a aquellas tiendas que no se han adaptado o no lo han hecho correctamente.<\/p>\n Ante el miedo al Mobilegeddon,\u00a0<\/em>que se acercaba amenazando, muchas marcas decidieron apostar por el men\u00fa hamburguesa, que agrupa todo el contenido en un men\u00fa desplegable, siguiendo los patrones de navegaci\u00f3n de los m\u00f3viles.\u00a0 Y con ello, lleg\u00f3 la ca\u00edda en el posicionamiento org\u00e1nico (SEO) de la versi\u00f3n online de El Corte Ingl\u00e9s (Mayo 2015) y de Springfield. No s\u00f3lo el redise\u00f1o tuvo algo que ver: tambi\u00e9n las decisiones (o no decisiones) tomadas respecto a\u00a0las redirecciones\u00a0301<\/span> de un dise\u00f1o a otro \u00a0y otros elementos que se deber\u00edan analizar m\u00e1s profundamente.<\/p>\n Si a esto le sumamos que las webs deben transmitir la imagen de la marca<\/strong>, llegamos al punto de comentar que abrir un eCommerce no es s\u00f3lo tener claro los puntos de distribuci\u00f3n, venta y log\u00edstica, tambi\u00e9n se debe marcar la diferencia respecto a los competidores. Lo que est\u00e1 claro es que si la tienda no llama la atenci\u00f3n en alguno de sus puntos, dif\u00edcilmente ser\u00e1 recordada por los usuarios que llegan a ella.<\/p>\n Por ello, hemos reunido las tendencias en dise\u00f1o y el reflejo del producto en las mismas webs, analizando la tendencia y los puntos fuertes de varios eCommerce que pueden llegar a ser un referente.<\/p>\n Tras el Mobilegeddon<\/em> y la posible penalizaci\u00f3n por parte de Google si las webs no se adaptaban a los dispositivos m\u00f3viles, se han dado\u00a0muchos cambios que han marcado la tendencia en las tiendas online. Uno de ellos, y quiz\u00e1 el m\u00e1s visible, es la manera de \u201cesconder\u201d el \u00e1rbol de categor\u00edas y ceder el espacio a una imagen rompedora y que llame la atenci\u00f3n.<\/p>\n Pero adem\u00e1s de estos cambios, podemos determinar que los nuevos dise\u00f1os en las tiendas pasan por:<\/p>\n Lo com\u00fan era juntar diferentes banners y colocarlos en la Homepage con la m\u00e1xima informaci\u00f3n posible. Ahora la Homepage se ha convertido en un escaparate con varios banners y productos y sin mucha m\u00e1s informaci\u00f3n, para que el usuario se concentre en la imagen que se le ofrece y no se pierda o se distraiga con nada m\u00e1s. Uno de los casos pioneros es el de Beatriz Furest<\/a>, con una web responsive desde sus inicios y donde la calidad de sus bolsos de piel se transmite con grandes im\u00e1genes y una portada en la que los gifs combinan con banners.<\/li>\n Im\u00e1genes que ocupan toda la pantalla y se adaptan a ella. Para esto es necesario que se cuente con un buen banco de im\u00e1genes o una gran cantidad de im\u00e1genes propias. Adem\u00e1s de ofrecer la imagen de la marca, se pueden destacar productos y es necesario que vayan variando\u00a0<\/span>para que el usuario recurrente vea im\u00e1genes diferentes cuando llegue de nuevo a la tienda.\u00a0En la tienda de\u00a0zapatos artesanos<\/a>\u00a0de la marca Carmina -tambi\u00e9n responsive- se destaca el proceso de selecci\u00f3n de materias y de fabricaci\u00f3n de sus zapatos de piel. Gracias a sus im\u00e1genes de fondo, con las herramientas que se utilizan para fabricar este calzado \u00fanico, Carmina consigue transmitir la fuerza y la calidad de las pieles con las que elaboran sus zapatos.<\/li>\n La tendencia que ya iba llegando, se instal\u00f3 definitivamente en 2015. Con el uso en vertical no tiene sentido ir pasando 6 banners horizontalmente. Por eso, en la mayor\u00eda de tiendas se ven banners con sus im\u00e1genes destacadas y los productos a destacar justo debajo. Pero donde realmente preocupa el scroll es dentro de las categor\u00edas de la tienda, en las que los paginadores\u00a0<\/span>dejan lugar a un scroll donde mostrar todos los productos. Consejo: si tienes mucho producto a mostrar, es preferible montar una l\u00ednea con 4 productos o m\u00e1s para que el scroll no sea interminable. Un buen ejemplo de usabilidad lo encontrar\u00edamos en\u00a0Lacoste<\/a>.<\/p>\n<\/li>\n \u00a0<\/strong>El concepto \u201cexpl\u00edcamelo bonito\u201d ha dado prioridad a los v\u00eddeos, al poder transmitir la imagen de la marca de una manera r\u00e1pida y efectiva (encontrar\u00e1s m\u00e1s consejos en este post sobre video marketing<\/a>).\u00a0<\/span>Los v\u00eddeos de la tienda de colchones Como una Marmota\u00a0<\/a>aportan mucho m\u00e1s que una simple venta de estos\u00a0colchones, que se adaptan a la forma de quien lo usa. Se puede compartir la experiencia de dormir junto a quien quieres\u00a0aunque est\u00e9 a kil\u00f3metros de distancia.<\/li>\n<\/ul>\n Estos ejemplos muestran como los nuevos dise\u00f1os no s\u00f3lo tienen que ser minimalistas y respetar una serie de directrices a nivel SEO (v\u00eddeos optimizados, im\u00e1genes que no pesen y ralenticen los tiempos de carga…) sino que, adem\u00e1s, deben contener algo m\u00e1s: ser diferentes y \u00fanicos para que los usuarios recuerden esa particularidad que hace de una tienda online, un referente en su sector.<\/p>\n \u00bfTienes m\u00e1s ejemplos que re\u00fanan estas tendencias? \u00a1Bienvenidos sean!<\/p>\n","protected":false},"excerpt":{"rendered":" Nada cambia tanto como los gustos y las tendencias, y el eCommerce tampoco lo evita, en Trilogi lo observamos cada d\u00eda. La t\u00e9cnica y la programaci\u00f3n provocan cambios en el dise\u00f1o de las tiendas online, que ven como el minimalismo -que impera en la mayor\u00eda de los eCommerce- va adquiriendo nuevos matices.\u00a0Y no s\u00f3lo esto, […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[463],"tags":[],"class_list":["post-12067","post","type-post","status-publish","format-standard","hentry","category-etrends"],"yoast_head":"\n\n
Tendencia dise\u00f1o eCommerce 2016<\/strong><\/h2>\n
\n
Dise\u00f1os desenfadados, sin complicaciones a la hora de mostrar banners y productos<\/strong><\/h3>\n
Im\u00e1genes grandes<\/strong><\/h3>\n
Scroll<\/strong><\/h3>\n
Video: en Auge<\/strong><\/h3>\n