Mobile friendly vs Mobile First

23/11/2016
  • Segur que has sentit fins a la sacietat que les botigues online d'avui dia han de ser totes Mobile Friendly, i que les que no ho siguin es quedaran al marge tant a nivell de posicionament orgànic com a nivell de vendes. A aquests comentaris no els falta raó, però estan una mica desfasats. I és que en certa manera al Mobile Friendly s'ha vist una mica superat pel concepte de Mobile First, tal com apuntàvem en aquest post de fa uns dies.

    Si tots aquests conceptes t'emboliquen i no tens molt clar què és una cosa o una altra, ni quina de les dues és millor per a la teva botiga online, no et preocupis perquè aquí estem per aclarir-t’ho.

    El que segur que tens clar és que avui dia has d'estar a Mobile en condicions. Si no ho estàs, veuràs els teus resultats repercutits tant a nivell de captació com de conversió. Dit d'una altra manera: si estàs bé a Mobile atrauràs a més usuaris i aconseguiràs més vendes. O sigui que és una cosa que no pots ignorar.

  • Però... de debò és tan important el mòbil?

  • Gairebé podríem replantejar la pregunta: de debò és tan important el desktop? Actualment moltíssimes webs estan registrant un 50% del tràfic procedent d'escriptori i l'altre 50% de dispositius mòbils. Això ja de per si seria una dada molt a tenir en compte. Però és que, a més d'això, la tendència creix de manera exponencial des de 2013.

    No en va Google ha deixat molt clar que el fet que una pàgina estigui adaptada a la navegació Mobile és un factor de rànquing. Això no vol dir que penalitzi les que no ho estan, però el fet de potenciar les que sí que ho estan dóna com a resultat una pèrdua de rànquing per a les primeres.

    Així doncs, els usuaris de mòbil a eCommerce comencen a ser la meitat del total i això té un impacte sobre les vendes. De fet estarien rondant el 47% del total en el mercat nacional.

    I ara al gra: Mobile Friendly vs Mobile First. Quin és millor?

  • Què és Mobile friendly?

  • Aquest concepte s'aplica a aquelles webs que d'una manera o altra estan adaptades a la visualització des de dispositius mòbils. És a dir: tot i que estan originalment conceptualitzades, dissenyades i maquetades per a escriptori, s'ha fet un esforç per fer-les accessibles i navegables també des d’smartphones i tablets. Es tracta, per tant, d'una adaptació a dispositius mòbils.

  • Què és Mobile First?

  • En el cas del Mobile First, la versió mòbil no és el resultat de l'adaptació d'una web pensada per a un altre dispositiu, sinó que la versió mòbil es conceptualitza, dissenya i maqueta des de zero pensant en les especificitats del seu dispositiu d'accés.

    Tot i que parlem en termes de disseny, tots dos conceptes fan referència a una cosa més profunda: la usabilitat, l'accessibilitat i els hàbits d'ús/consum dels usuaris.

    Des d'un prisma Mobile First no n'hi ha prou amb que la pàgina es vegi d'una manera més o menys endreçada. Es tracta d'aconseguir que l'usuari interactuï de forma natural amb la pàgina i fins i tot se serveixi de les característiques pròpies del dispositiu i el canal per enriquir l'experiència.

  • Per exemple, una app podria ser un dels millors exemples de Mobile First. Es tracta d'un projecte web desenvolupat específicament per al dispositiu des del qual es consumirà. Les apps tenen el seu propi llenguatge, són natives de la plataforma i aprofiten totes les funcions que el dispositiu els ofereix. Salvant les diferències, aquest desenvolupament a mida a partir del dispositiu vindria a ser el Mobile First.

  • Aleshores, Mobile Friendly o Mobile First?

  • A l'hora de decidir-ho, has de tenir en compte diferents variables. La principal és en quin moment es troba el teu negoci. Si encara no has llançat teu negoci a la xarxa et recomanem sens dubte un enfocament Mobile First, especialment tenint en compte totes les dades de mercat que et comentàvem anteriorment.

    En aquest sentit, si optes per Oleoshop podràs dissenyar la teva botiga Mobile First des de zero, i després adaptar el disseny a la versió d'escriptori i tablet. No només això, sinó que a més podràs activar i desactivar components del disseny per dispositiu, cosa que no trobaràs pràcticament en cap altra plataforma d'eCommerce.

  • Això vol dir que, per exemple, si l’slider només vols que es vegi en la versió d'escriptori, el pots desactivar en la versió mòbil; o si vols que hi hagi un bloc de productes destacats en la versió mòbil però no en la d'escriptori, també pots configurar-ho d'aquesta manera.

  • En aquest vídeo (a partir del minut 2:20) et mostrem com crear la teva botiga online Mobile First amb Oleoshop i després adaptar-la a desktop i a tablet:

  • D'altra banda, si la teva web ha estat creada anteriorment, ja està activa i té unes dades de tràfic en les quals destaca el tràfic d'escriptori, pot ser que et resulti més senzill recórrer a una plantilla Mobile Friendly per al teu CMS o a l'equip de desenvolupament.

    Això sí: en cap cas el fet d’obviar la tendència mòbil hauria de ser una opció, perquè és aquí per a quedar-se. A la disjuntiva Mobile Friendly vs Mobile First, hi ha un vencedor clar en tots els casos: l'usuari.

  • I tu, optaràs pel Mobile Friendly o el Mobile First al 2017? Creus que val la pena apostar per un disseny nadiu? El debat està servit, participa en els comentaris!

  • Imatges | Unsplash, Pixabay.

Laia Ordoñez


Laia Ordóñez és experta en copywriting i màrqueting de continguts per a eCommerce. És Marketing & Content Manager a DueHome, consultora independent en copywriting i continguts, i editora en cap del blog d'Oleoshop.

Vols ser el primer en deixar la teva opinió?

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

Buscar

Últimes entrades

Aquest lloc web emmagatzema dades com galetes per habilitar la funcionalitat necessària de el lloc, inclosos anàlisi i personalització. Podeu canviar la seva configuració en qualsevol moment o acceptar els paràmetres per defecte.

política de cookies

Essencials

Les galetes necessàries ajuden a fer una pàgina web utilitzable activant funcions bàsiques com la navegació a la pàgina i l'accés a àrees segures de la pàgina web. La pàgina web no pot funcionar adequadament sense aquestes galetes.


Personalització

Les galetes de personalització permeten a la pàgina web recordar informació que canvia la forma en què la pàgina es comporta o l'aspecte que té, com el seu idioma preferit o la regió en la qual vostè es troba.


Anàlisi

Les galetes estadístiques ajuden als propietaris de pàgines web a comprendre com interactuen els visitants amb les pàgines web reunint i proporcionant informació de forma anònima.


Marketing

Les galetes de màrqueting s'utilitzen per rastrejar als visitants en les pàgines web. La intenció és mostrar anuncis rellevants i atractius per a l'usuari individual, i per tant, més valuosos per als editors i tercers anunciants.