Com optimitzar la teva presència mòbil en 3 passos
Miguel Nicolás
30/10/2017
-
Els dispositius mòbils ja generen la meitat del tràfic a la majoria de les webs. Et permetràs el luxe de no optimitzar la teva presència mòbil?
-
-
-
L'ús dels dispositius mòbils en el comerç electrònic està en boga. Ho portem dient molts mesos, així que avui et donarem 3 senzills passos per optimitzar la teva presència mòbil.
-
Per què he d’optimitzar la meva web per a mòbils
-
Hi ha molts motius i tots són de pes. El primer que has de tenir en compte és que els usuaris utilitzen el mòbil per navegar i comprar. Això és així, no pots esperar que això canviï només perquè a tu no et vingui bé.
Les webs optimitzades per a mòbil resulten més usables, tenen una major findability, desperten més confiança, tècnicament no donen problemes... Totes aquestes coses fan que per l'usuari l'experiència de compra sigui més fluïda i elimina punts de fricció que comprometen la conversió.
I després hi ha l'assumpte de la captació. Google cada vegada dóna més importància al fet que les pàgines funcionin correctament en dispositius mòbils. Tant és així que es preveu que comenci a utilitzar el seu bot específic per construir els seus índexs l'any que (el que s'ha anomenat Mobile First Index).
La captació no és només SEO, és clar. Però és que, en el cas del PPC, és igual de crític optimitzar la teva presència mòbil a les pàgines de destí a les que apuntin les teves creativitats. És imprescindible que cada visita pugui convertir perquè cada clic costa diners (i de vegades molts). -
Com optimitzar la teva presència mòbil en 3 passos
-
Són 3 consells que es poden resoldre d'una manera més o menys senzilla i als quals val la pena dedicar-los l'esforç que puguin suposar-te.
-
#1 - Disseny Mobile First
-
Fixa't bé que ja no parlem de "mobile friendly", ens n'anem a un esglaó superior.
Durant la fase de disseny, has de pensar primer en la necessitat i interacció dels teus usuaris des del telèfon abans que des de l'escriptori. Aquesta és la principal diferència entre Mobile First i Mobile Friendly, que pot semblar el mateix però és conceptualment molt diferent.
El repte és mantenir tot el contingut essencial en les versions Desktop i Mobile, però partint d'aquesta última per dissenyar tant l'aspecte gràfic com la navegació i la usabilitat del site. -
-
-
Et recomanaria que partíssis d'una eina de prototipat (a mi m'agrada molt Moqups) i que defineixis al detall l'aspecte que hauria de tenir la teva web al mòbil. Després fes proves, totes les que puguis, i mitjançant l'observació directa comprova'n el funcionament.
Tingues en compte això a l'hora de triar la plataforma en què desenvoluparàs el teu eCommerce, no totes t'ho posen igual de fàcil. A Oleoshop sabem que és una de les tendències més fortes per als propers anys i, precisament per això, totes les botigues creades amb el nostre software estan plantejades des de la perspectiva de l'usuari mòbil. -
#2 - WPO i rendiment mòbil
-
Igual que passa amb les versions d'escriptori, la velocitat de càrrega de la pàgina és un factor crític. En realitat, és encara més rellevant en el cas dels dispositius mòbils, ja que l'usuari busca una major immediatesa.
Per acabar-ho d'adobar, està subjecte a una connexió que no és tan ràpida com una de fibra òptica, i que és més inestable en dependre de la cobertura de la qual disposa, del seu pla de dades i d'altres factors que no pots preveure.
Parlem d'optimitzacions senzilles per a mòbils i en l'assumpte del performance ens fiquem en temes complexos (compressions, cachés, reducció de peticions...). No obstant això n'hi ha una bastant fàcil d'aplicar i en la qual solen fallar la majoria de les webs: imatges sense optimitzar. -
-
-
#3 - Controla la usabilitat
-
No tot és velocitat, també és important que controlis l'experiència de l'usuari a l'hora d'interactuar amb el teu eCommerce.
Hi ha alguns assumptes senzills que és important tenir en compte. Per exemple:- La proximitat dels elements: en la
navegació mòbil fem servir els dits, i això suposa que no tenim la precisió
d'un punter. Assegura't que la mida dels
botons és prou gran i que els enllaços compten amb suficient separació entre sí per ser premuts sense tocar al
mateix temps els del costat o haver de fer zoom.
- La llegibilitat: de vegades fem
servir fonts tipogràfiques massa petites i, d'altres, es tracta de
tipografies de bona mida però que resulten difícils de llegir.
- Contrastos cromàtics insuficients:
si poses una lletra gris claret sobre un fons blanc, no es llegirà bé en una
pantalla de mida reduïda. No t'ho vull ni dir si ets més atrevit i fas
servir lletra vermella sobre negre o coses així. No generis
"patiment" ni estrès visual innecessari.
- Compta amb l'experiència prèvia:
els usuaris naveguen pel mòbil tot el dia, de manera que esperen poder fer zoom o scroll amb un gest amb el qual estan habituats: pessigant o
arrossegant la pantalla (per exemple).
- La proximitat dels elements: en la
navegació mòbil fem servir els dits, i això suposa que no tenim la precisió
d'un punter. Assegura't que la mida dels
botons és prou gran i que els enllaços compten amb suficient separació entre sí per ser premuts sense tocar al
mateix temps els del costat o haver de fer zoom.
-
-
-
Doncs ja estàs a punt per començar a optimitzar la teva presència mòbil, t'animes?
-
Imatges | Unsplash, sites enllaçats.