Mobile Friendly vs Mobile First

23/11/2016
  • Seguro que has oído hasta la saciedad que las tiendas online de hoy en día tienen que ser todas Mobile Friendly, y que las que no lo sean se van a quedar al margen tanto a nivel de posicionamiento orgánico como a nivel de ventas. A estos comentarios no les falta razón, pero están un pelín desfasados. Y es que en cierto modo el Mobile Friendly se ha visto un poco superado por el concepto de Mobile First, tal y como apuntábamos en este post de hace unos días.

    Si todos estos conceptos te lían y no tienes muy claro qué es una cosa u otra, ni cuál de las dos es mejor para tu tienda online, no te preocupes porque aquí estamos para aclarártelo.

    Lo que seguro que tienes claro es que hoy en día tienes que estar en Mobile en condiciones. Si no lo estás, verás tus resultados repercutidos tanto a nivel de captación como de conversión. Dicho de otro modo: si estás bien en Mobile atraerás a más usuarios y conseguirás más ventas. Así que es algo que no puedes ignorar. 

  • Pero… ¿en serio es tan importante el móvil?

  • Casi podríamos replantear la pregunta: ¿de verdad es tan importante el desktop? Actualmente muchísimas webs están registrando un 50% del tráfico procedente de escritorio y el otro 50% de dispositivos móviles. Esto ya de por sí sería un dato muy a tener en cuenta. Pero es que, además de eso, la tendencia crece de manera exponencial desde 2013.

    No en vano Google ha dejado muy claro que el hecho de que una página esté adaptada a la navegación Mobile es un factor de ranking. Eso no quiere decir que penalice a las que no lo están, pero el hecho de potenciar a las que sí lo hacen da como resultado una pérdida de ranking para las primeras.

    Así pues, los usuarios de móvil en eCommerce empiezan a ser la mitad del total y eso tiene un impacto sobre las ventas. De hecho estarían rondando el 47% del total en el mercado nacional.

    Y ahora al grano: Mobile Friendly vs. Mobile First. ¿Cuál es mejor?

  • ¿Qué es Mobile Friendly?

  • Este concepto se aplica a aquellas webs que de un modo u otro están adaptadas a la visualización desde dispositivos móviles. Es decir: aunque están originalmente conceptualizadas, diseñadas y maquetadas para escritorio, se ha hecho un esfuerzo para hacerlas accesibles y navegables también desde smartphones y tablets. Se trata, por tanto, de una adaptación a dispositivos móviles.

  • ¿Qué es Mobile First?

  • En el caso del Mobile First, la versión móvil no es el resultado de la adaptación de una web pensada para otro dispositivo, sino que la versión móvil se conceptualiza, diseña y maqueta desde cero pensando en las especificidades de su dispositivo de acceso.

    Aunque hablamos en términos de diseño, ambos conceptos hacen referencia a algo más profundo: la usabilidad, la accesibilidad y los hábitos de uso/consumo de los usuarios.

    Desde un prisma Mobile First no basta con que la página se vea de una manera más o menos aseada. Se trata de conseguir que el usuario interactúe de forma natural con la página e incluso se sirva de las características propias del dispositivo y el canal para enriquecer la experiencia.

  • Por ejemplo, una app podría ser uno de los mejores ejemplos de Mobile First. Se trata de un proyecto web desarrollado específicamente para el dispositivo desde el que se va a consumir. Las apps tienen su propio lenguaje, son nativas de la plataforma y aprovechan todas las funciones que el dispositivo les ofrece. Salvando las diferencias, este desarrollo a medida a partir del dispositivo vendría a ser el Mobile First.

  • Entonces, ¿Mobile Friendly o Mobile First?

  • A la hora de decidirlo, debes tener en cuenta distintas variables. La principal es en qué momento se encuentra tu negocio. Si aún no has lanzado tu negocio a la red te recomendamos sin duda un enfoque Mobile First, especialmente teniendo en cuenta todos los datos de mercado que te comentábamos anteriormente.

    En este sentido, si optas por Oleoshop podrás diseñar tu tienda Mobile First desde cero, y luego adaptar el diseño a la versión de escritorio y tablet. No sólo eso, sino que además podrás activar y desactivar componentes del diseño por dispositivo, algo que no encontrarás prácticamente en ninguna otra plataforma de eCommerce. 

  • Esto quiere decir que, por ejemplo, si el slider sólo quieres que se vea en la versión de escritorio, lo puedes desactivar en la versión móvil; o si quieres que haya un bloque de productos destacados en la versión móvil pero no en la de escritorio, también puedes configurarlo de esta manera. 

  • En este vídeo (a partir del minuto 2:20) te mostramos cómo crear tu tienda online Mobile First con Oleoshop y luego adaptarla a desktop y a tablet:

  • Por otro lado, si tu web ha sido creada anteriormente, ya está activa y tiene unos datos de tráfico en los que destaca el tráfico de escritorio, puede que te resulte más sencillo recurrir a una plantilla Mobile Friendly para tu CMS o al equipo de desarrollo.

    Eso sí: en ningún caso el obviar la tendencia móvil debería ser una opción, porque está aquí para quedarse. En la disyuntiva Mobile Friendly vs. Mobile First, hay un vencedor claro en todos los casos: el usuario

  • Y tú, ¿optarás por el Mobile Friendly o el Mobile First en 2017? ¿Crees que vale la pena apostar por un diseño nativo? El debate está servido, ¡participa en los comentarios!

  • Fotografías | Unsplash, Pixabay.

Laia Ordoñez


Laia Ordóñez es experta en copywriting y marketing de contenidos para eCommerce. Es Marketing & Content Manager en DueHome, consultora independiente en copywriting y contenidos, y editora jefe del blog de Oleoshop.

¿Quieres ser el primero en dejar tu opinión?

Regístrate con nosotros y así podrás crear tus comentarios, contar tus experiencias y participar en nuestro blog.

Buscar entradas

Últimas entradas

Este sitio web almacena datos como cookies para habilitar la funcionalidad necesaria del sitio, incluidos análisis y personalización. Puede cambiar su configuración en cualquier momento o aceptar la configuración predeterminada.

política de cookies

Esenciales

Las cookies necesarias ayudan a hacer una página web utilizable activando funciones básicas como la navegación en la página y el acceso a áreas seguras de la página web. La página web no puede funcionar adecuadamente sin estas cookies.


Personalización

Las cookies de personalización permiten a la página web recordar información que cambia la forma en que la página se comporta o el aspecto que tiene, como su idioma preferido o la región en la que usted se encuentra.


Análisis

Las cookies estadísticas ayudan a los propietarios de páginas web a comprender cómo interactúan los visitantes con las páginas web reuniendo y proporcionando información de forma anónima.


Marketing

Las cookies de marketing se utilizan para rastrear a los visitantes en las páginas web. La intención es mostrar anuncios relevantes y atractivos para el usuario individual, y por lo tanto, más valiosos para los editores y terceros anunciantes.