M-Commerce: la tienda para comprar desde cualquier lugar

Cada vez son más los usuarios de Internet que, gracias a sma­r­t­pho­nes, tablets y contratos de telefonía móvil eco­nó­mi­cos con grandes volúmenes de datos, están co­ne­c­ta­dos cuando quieren y donde quieren. Sin embargo, los sma­r­t­pho­nes no solo se utilizan para las co­mu­ni­ca­cio­nes en línea a través de Whatsapp o apli­ca­cio­nes como Facebook, sino que los di­s­po­si­ti­vos móviles juegan un papel cada vez más im­po­r­ta­n­te en el sector del comercio ele­c­tró­ni­co.

• De acuerdo a un informe publicado por Ditrendia, 7 de cada 10 españoles que poseen un sma­r­t­pho­ne se conectan todos los días a través de este di­s­po­si­ti­vo.
• En España, el Mobile Commerce creció en un 48 % en el 2015.
• Sin embargo, tan solo el 42 % de las tiendas españolas asegura estar op­ti­mi­za­da para di­s­po­si­ti­vos móviles.

Las cifras lo de­mue­s­tran: quien se cierre al boom de los servicios móviles, estará perdiendo una gran audiencia para el M-Commerce y, con ello, la opo­r­tu­ni­dad de generar más ingresos. Sin embargo, el camino desde la versión de es­cri­to­rio a la versión móvil requiere tiempo y esfuerzo. El usuario móvil es cada vez más exigente y se­gu­ra­me­n­te aba­n­do­na­rá, con un simple mo­vi­mie­n­to de pulgar, aquellas páginas no op­ti­mi­za­das para di­s­po­si­ti­vos móviles.

Quien vea su comercio móvil solo como una “versión en miniatura” de su tienda online está dejando de lado aspectos fu­n­da­me­n­ta­les del uso móvil de Internet, en especial debido a que las co­n­di­cio­nes de uso no dependen úni­ca­me­n­te del tamaño de la pantalla.

Los aspectos más im­po­r­ta­n­tes son:

• Se maneja uti­li­za­n­do una pantalla táctil
• La pantalla es mucho más pequeña, por lo que disminuye el rango de vi­si­bi­li­dad
• Se hace necesaria la im­ple­me­n­ta­ción del infinite scrolling
• La velocidad de na­ve­ga­ción es reducida (LTE no está di­s­po­ni­ble en todas partes)
• Muchos di­s­po­si­ti­vos presentan problemas de re­pre­se­n­ta­ción de Java y Flash

Durante el proceso de op­ti­mi­za­ción es necesario co­n­si­de­rar las di­fe­re­n­cias entre sma­r­t­pho­nes y tablets, pues los patrones de uso difieren en gran medida, es­pe­cia­l­me­n­te para el Mobile Commerce. Para muchos, las tablets son usadas como sustituto del ordenador de mesa o del portátil, lo que explica que sean uti­li­za­das en su mayoría para navegar y realizar compras online. Esto re­pre­se­n­ta una opo­r­tu­ni­dad para las tiendas para inspirar a los usuarios y mo­ti­var­los a realizar compras por impulso. Los sma­r­t­pho­nes, por el contrario, son in­s­tru­me­n­tos de compra pla­ni­fi­ca­da, es decir, que son uti­li­za­dos para la búsqueda de productos y para planear las compras.

El primer paso es encontrar la solución técnica adecuada para tu proyecto online. Para ello hay tres opciones: una página web móvil, una página web re­s­po­n­si­va y una apli­ca­ción web nativa (webapp).

Página web móvil

Una página web móvil está de­sa­rro­lla­da es­pe­cí­fi­ca­me­n­te para el M-commerce, por lo que es adaptada es­pe­cia­l­me­n­te para el uso desde te­r­mi­na­les móviles. Todos los procesos im­po­r­ta­n­tes y la vi­sua­li­za­ción de la tienda están co­m­ple­ta­me­n­te op­ti­mi­za­dos. Por lo general, no se trata de una réplica reducida de la versión de es­cri­to­rio. En ocasiones, por ejemplo, se omiten su­b­pá­gi­nas para no poner en peligro el re­n­di­mie­n­to de la web. Es común que muchas tiendas online cuenten con una web móvil en paralelo a su versión de es­cri­to­rio. Para ello se utiliza una plantilla co­m­ple­ta­me­n­te diferente o se usa la in­s­ta­la­ción móvil del software o pla­ta­fo­r­ma de comercio ele­c­tró­ni­co. La gran ventaja de las páginas web móviles reside en su alta usa­bi­li­dad.

Ventajas de las páginas web móviles:

• Uso de las po­si­bi­li­da­des de la pu­bli­ci­dad móvil
• Im­ple­me­n­ta­ción de ca­ra­c­te­rí­s­ti­cas técnicas es­pe­cia­les (HTML5 en lugar de Flash)
• Mejor re­n­di­mie­n­to
• In­de­pe­n­de­n­cia del sistema operativo del usuario

Diseño web re­s­po­n­si­vo

En el diseño web re­s­po­n­si­vo las páginas web se adaptan au­to­má­ti­ca­me­n­te al tamaño de la pantalla di­s­po­ni­ble. Este tipo de diseño cuenta con una es­tru­c­tu­ra gráfica dinámica, lo que le permite adaptarse fá­ci­l­me­n­te a di­fe­re­n­tes di­s­po­si­ti­vos. Si cuentas con una página web té­c­ni­ca­me­n­te bien diseñada, será posible im­ple­me­n­tar­le ca­ra­c­te­rí­s­ti­cas básicas del diseño re­s­po­n­si­vo. A di­fe­re­n­cia de las populares apps, este no depende del sistema operativo de la terminal. Algunos critican los largos tiempos de carga y la baja usa­bi­li­dad del diseño re­s­po­n­si­vo, sin embargo, esto depende co­m­ple­ta­me­n­te de la ejecución técnica. Incluso sin tener muchos co­no­ci­mie­n­tos en pro­gra­ma­ción, es evidente que contar con una página web re­s­po­n­si­va ofrecerá más ventajas que tener una página web móvil.

Ventajas del diseño re­s­po­n­si­vo: 

• Una única versión para todos los di­s­po­si­ti­vos, lo que ahorra tiempo y diner
• Su vi­sua­li­za­ción será muy similar tanto en un ordenador de sobremesa como en la pantalla de un sma­r­t­pho­ne
• No depende del sistema operativo de la terminal

La apli­ca­ción móvil

La tercera solución técnica es el de­sa­rro­llo de una apli­ca­ción in­de­pe­n­die­n­te que pueda ser de­s­ca­r­ga­da por los usuarios desde el App Store. Sin embargo, de­sa­rro­llar una apli­ca­ción implica mayor esfuerzo que crear una página web móvil o re­s­po­n­si­va. Por esto, es necesario co­n­si­de­rar si una app es realmente útil para los pro­pó­si­tos de tu proyecto web y si realmente ofrece mayores be­ne­fi­cios que otras so­lu­cio­nes más simples. Idea­l­me­n­te, una app ofrece un verdadero valor añadido para el usuario y se encarga de ga­ra­n­ti­zar una gran ex­pe­rie­n­cia de usuario (modo offline, no­ti­fi­ca­cio­nes, etc.). Así, si úni­ca­me­n­te quieres crear un catálogo de productos para fa­ci­li­tar­le a tus clientes el proceso de compra móvil, usar un diseño re­s­po­n­si­vo para tu web será su­fi­cie­n­te.

Be­ne­fi­cios de un app:

• Valor añadido a través de una mejor ex­pe­rie­n­cia de usuario
• In­te­gra­ción de otras funciones de di­s­po­si­ti­vo, como la cámara
• In­de­pe­n­die­n­te de la versión de es­cri­to­rio de la web

Además de las apli­ca­cio­nes nativas, es posible de­sa­rro­llar una web app a la que se puede acceder desde cualquier navegador, pero que se ve y se reconoce como una app nativa. A di­fe­re­n­cia de las apli­ca­cio­nes nativas, las web apps no dependen del sistema operativo ni ocupan memoria en los di­s­po­si­ti­vos móviles, aunque el acceso a ciertas funciones es limitado.

La op­ti­mi­za­ción móvil juega un papel fu­n­da­me­n­tal dentro del po­si­cio­na­mie­n­to en los motores de búsqueda (SEO), así como en el M-Commerce. Desde el Google Mobile Update en abril de 2015, aquellas páginas web que no estén op­ti­mi­za­das para di­s­po­si­ti­vos móviles obtendrán, en general, una cla­si­fi­ca­ción más baja. Las tiendas online que no ofrezcan una ex­pe­rie­n­cia de usuario óptima a sus clientes en sma­r­t­pho­nes o tablets tendrán que contar con de­s­me­jo­ras en su posición en el ranking de Google, así como con la pérdida del tráfico asociado a este. Google ofrece a los pro­pie­ta­rios de páginas web la po­si­bi­li­dad de verificar si sus webs están op­ti­mi­za­das o no con la prueba de op­ti­mi­za­ción para móviles.

Hoy en día, contar con una versión móvil de tu tienda online es una necesidad. Si no quieres de­s­pe­r­di­ciar el gran potencial del M-Commerce, es re­co­me­n­da­ble que empieces a centrar la atención en los usuarios de di­s­po­si­ti­vos móviles. In­de­pe­n­die­n­te­me­n­te de si te decantas por una página web móvil, por un diseño web re­s­po­n­si­vo o por el de­sa­rro­llo de una app, es fu­n­da­me­n­tal centrarse en la usa­bi­li­dad. Para fa­ci­li­tar­te la im­ple­me­n­ta­ción práctica de estos procesos, te ofrecemos 10 consejos para mejorar la usa­bi­li­dad de una tienda online.