{"id":25949,"date":"2018-04-25T12:55:41","date_gmt":"2018-04-25T10:55:41","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=25949"},"modified":"2018-04-25T12:55:41","modified_gmt":"2018-04-25T10:55:41","slug":"como-adaptar-una-tienda-online-para-dispositivos-moviles","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/tienda-online-comercio-electronico\/como-adaptar-una-tienda-online-para-dispositivos-moviles\/","title":{"rendered":"C\u00f3mo Adaptar una Tienda Online para Dispositivos M\u00f3viles"},"content":{"rendered":"
<\/div>

\n\t\"C\u00f3mo\n<\/p>\n

\n\tHoy en día es muy raro encontrar a una persona que no disponga de un teléfono móvil<\/strong>. La mayoría de los móviles ya son smartphones<\/em> con amplias pantallas, procesadores potentes y capacidades de memoria y almacenamiento realmente increíbles.\n<\/p>\n

\n\tA medida que esto ocurre, los usuarios usan los dispositivos móviles en su día a día, relegando el ordenador clásico de escritorio a un segundo plano<\/strong> o para realizar tareas específicas.\n<\/p>\n

\n\tTiene todo el sentido del mundo. Para que sentarse en un escritorio, encender un enorme ordenador y esperar a que arranque para leer las noticias del día, si podemos hacer lo mismo desde ese pequeño dispositivo que tenemos en el bolsillo en cualquier lugar y de una forma más rápida.\n<\/p>\n

\n\tEn comercio electrónico<\/strong> ocurre lo mismo. Es muy habitual que los usuarios usen un dispositivo móvil para buscar y comprar los productos que quieran o necesiten,\n<\/p>\n

\n\tLas últimas cifras estadísticas, dan más de un 40% de número de usuarios que abandonan una tienda online si no está adaptada a su dispositivo móvil<\/strong>.\n<\/p>\n

\n\tEso significa una tasa de rebote del 40%<\/strong> y todo parece indicar que seguirá aumentando. No es viable para la mayoría de los comercios online perder tal cantidad de posibles clientes.\n<\/p>\n

\n\tAsí que cuando antes se revise si la tienda online está adaptada para dispositivos móviles, antes se dejará de perder posibles clientes y dinero<\/strong>.\n<\/p>\n

\n\tVamos a revisar algunos tips<\/em> que pueden ir muy bien a cualquier comercio online. Quizás ya se estén aplicando, pero nunca está de más realizar una comprobación para asegurarse que la tienda online está optimizada y adaptada para dispositivos móviles<\/strong>.
\n\t \n<\/p>\n

\n\tAdaptar en Diseño de la Tienda Online a Dispositivos Móviles
\n<\/h2>\n

\n\t\"Adaptar\n<\/p>\n

\n\tSi nuestra plataforma de venta online se gestiona a través de un gestor de contenidos popular, como pueden ser WooCommerce<\/strong> o PrestaShop<\/strong>, la mayoría de tehems<\/em> o plantillas, estarán diseñadas para que se adapten a los distintos tamaños de pantalla, conocido como diseño responsive<\/em>.\n<\/p>\n

\n\tEsto está muy bien, pero no significa que todo el trabajo ya esté hecho. Lo mejor que se puede hacer para comprobar que todo se adapte bien a un teléfono móvil es, evidentemente, comprobarlo con un teléfono móvil<\/strong>.\n<\/p>\n

\n\tVamos a ver en qué tenemos que fijarnos para conseguir que el cliente que visite una tienda online con su móvil, no deseche nuestra opción.\n<\/p>\n

\n\tPágina de Inicio de la Tienda Online
\n<\/h3>\n

\n\tYa hemos mencionado que la mayoría de los diseños serán responsives<\/em>. Esto adaptará el tamaño de la página principal de la tienda al ancho del la pantalla del dispositivo y extenderá el contenido hacia abajo todo lo necesario.\n<\/p>\n

\n\tHasta aquí todo bien, pero si tenemos una página de inicio de la tienda cargada de contenido, con toda la información que se nos ocurra relevante, módulos, listados enormes de ofertas, etc… conseguiremos una sensación de scroll<\/em> infinito para el visitante.\n<\/p>\n

\n\tEs muy cómodo empujar la pantalla hacia arriba o abajo con un dedo para desplazarse por ella, pero si hay que hacerlo repetidas veces se desvirtúa la información y suele ser contraproducente para el usuario.\n<\/p>\n

\n\tLa página de inicio de una tienda online, suele ser el la primera toma de contacto entre el usuario y la tienda.\n<\/p>\n

\n\tLo que puede quedar perfecto en una pantalla de ordenador, puede ser algo muy poco atractivo en una pantalla pequeña<\/strong>.\n<\/p>\n

\n\tHay elementos de la página de inicio que se adaptan muy bien en dispositivos móviles, pero otros no. Un rápido vistazo desde un móvil puede dar una idea global de lo que es correcto o no. En otras ocasiones deberemos realizar modificaciones.\n<\/p>\n

\n\tPor ejemplo, en las páginas de inicio de los eCommerce, se suelen añadir los productos ofertados<\/strong>, o los productos más populares<\/strong>.\n<\/p>\n

\n\tEsto está muy bien, pero quizás sea mejor limitar esta lista a unos pocos productos<\/strong> y añadir un enlace a otra página<\/strong> con todos los que queremos mostrar. Así reduciremos el tamaño de la página principal.\n<\/p>\n

\n\tEsto es solamente un ejemplo, pero por lo general se deberá limitar la página principal a los elementos básicos, intentando buscar un equilibrio<\/strong> entre los dispositivos móviles y las pantallas de ordenador.\n<\/p>\n

\n\tRecordemos que las cifras dan un 40% de rebote<\/strong> si el sitio no está adaptado a dispositivos móviles… y subiendo.\n<\/p>\n

\n\tPáginas de Productos de la Tienda Online
\n<\/h3>\n

\n\tOtro factor muy importante a revisar en una tienda online son las páginas de productos<\/strong>.\n<\/p>\n

\n\tCualquier usuario que utilice su teléfono móvil de manera habitual para entrar en tiendas online, posiblemente se habrá encontrado en algún momento con un auténticos desastres en las páginas de productos.\n<\/p>\n

\n\tImágenes que no cargan o no se pueden ampliar, textos que tapan parte de otros elementos de la página, scrolls<\/em> interminables, botones demasiados pequeños para poder hacer tap<\/em> con el dedo de una forma coherente y un largo etcétera…\n<\/p>\n

\n\tTodo esto se puede revisar y mejorar. Hay que revisar distintos productos, para comprobar que todas las opciones se ven de manera correcta bajo distintas condiciones y pantallas.\n<\/p>\n

\n\tLo que se debe buscar es que el producto sea perfectamente visible para el usuario, incluidas las distintas imágenes del mismo y que se puedan arrastrar<\/em> con el dedo para no tener que cerrar y abrir ventanas.\n<\/p>\n

\n\tLa descripción<\/strong> del artículo suele ser un handicap<\/em>, ya que se suele querer añadir cualquier pequeño detalle del producto para que la compra finalice, pero en móviles no es una buena idea.\n<\/p>\n

\n\tExisten opciones. Se pueden usar pestañas dentro de la descripción del producto, en la principal con una descripción escueta del producto, en la que se puede echar un vistazo rápido y en las siguientes una información más detallada que el cliente verá sólo si pulsa en la pestaña de más info aquí<\/em>, por ejemplo.\n<\/p>\n

\n\tLos menús de la tienda online deben ser visibles y coherentes con el tamaño de un dispositivo móvil.\n<\/p>\n

\n\tTiene que proporcionar acceso a las distintas páginas de productos o categoría, sin tener que pasar por varias páginas para llegar al sitio deseado.\n<\/p>\n

\n\tRecordemos que unos pocos click de ratón pueden no importar, pero no es la misma situación cuando hablamos de dispositivos móviles.\n<\/p>\n

\n\tUna cosa más, muchos usuarios usas las búsquedas<\/strong> para llegar a la página del producto que quieren. No hay nada más frustrante que intentar hacer tap<\/em> en una caja de búsqueda y que sea prácticamente imposible por ser incomprensiblemente pequeña para la pantalla de un teléfono móvil<\/strong>.\n<\/p>\n

\n\tPágina de Pago de una Tienda Online
\n<\/h3>\n

\n\t\"Optimizar\n<\/p>\n

\n\tCuando un cliente se encuentra ante la página de venta de una tienda online, está prácticamente convencido de realizar la compra<\/strong>.\n<\/p>\n

\n\tSería una pena que, por no cuidar este último paso, se perdiera la venta y al cliente<\/strong>.\n<\/p>\n

\n\tEs posible que el diseñador de la tienda online haya cuidado hasta el más pequeño detalle de la página de pago para facilitar al máximo el proceso, pero quizás no lo haya estudiado tanto en dispositivos móviles<\/strong>.\n<\/p>\n

\n\tHay que revisar muy bien el proceso de pago desde dispositivos móviles para comprobar que no existe el más mínimo impedimento a la hora de realizar el pago desde un teléfono o cualquier otro dispositivo móvil<\/strong>.\n<\/p>\n

\n\tUna vez más, hay que intentar encontrar el equilibrio entre la pantalla del ordenador y el dispositivo móvil.\n<\/p>\n

\n\tSi existen dudas, en el programa de estadísticas que se use habitualmente se deberían encontrar los porcentajes de visitantes desde dispositivos móviles y los de ordenador.\n<\/p>\n

\n\tAsí se podrá comprobar hacia donde dirigir<\/em> el diseño del comercio online, al fin de al cabo, los clientes son los que mandan.\n<\/p>\n

\n\tHosting para una Tienda Online
\n<\/h2>\n

\n\tEn Hostinet<\/strong>, hemos preparado unos planes de alojamiento web especializados en tiendas online<\/strong>.\n<\/p>\n

\n\tHemos elegido las dos plataformas más populares, WooCommerce<\/strong> y PrestaShop<\/strong>, y hemos creado planes específicos para cada uno de estos gestores de contenidos.\n<\/p>\n

\n\tLos planes de hosting está especialmente optimizados para cada plataforma, pero cuentan con elementos en común, como por ejemplo:\n<\/p>\n