Večina spletnega obiska poteka prek pametnih telefonov. Neprilagojena spletna mesta obiskovalce hitro odvrnejo. Delovanje na mobilnih napravah določa, ali bo obiskovalec kupil ali pa bo zavihek preprosto zaprl.
Zakaj zgolj pomanjšana namizna različica ne deluje?
Včasih je veljalo, da pri odzivnem dizajnu zadošča zlaganje elementov enega pod drugega. A to ustvari predolgo drsenje. Ljudje telefon večinoma držijo v eni roki in brskajo s palcem. Tisto, kar z miško zlahka kliknemo, je na telefonu pogosto nedosegljivo.
Zato je pomembno palčno območje. Gre za osrednji in spodnji del zaslona, dosegljiv brez prepenjanja prstov. V tem delu morajo biti gumbi za nakup, iskalniki in meniji.
Kakovostna izdelava spletnih strani se začne pri mobilni različici. Manjši zaslon zahteva strog izbor vsebine. Namizna oblika nastane šele kasneje kot razširitev. Dimenzije zaslonov se med napravami razlikujejo, zato se mora postavitev samodejno prilagajati širini.
Mobilna izkušnja vpliva na uvrstitve v iskalnikih
Google pri indeksiranju daje prednost mobilnim napravam (Mobile-First Indexing). Stran pregleduje tako, kot bi jo videl mobilni brskalnik. Če je besedilo premajhno ali so povezave preblizu skupaj, algoritem to zazna kot napako.
Posledica je padec uvrstitev med zadetki. S tem stran izgubi organski obisk in prodajne priložnosti.
Težava nastane tudi pri odbojni stopnji. Orodja za analitiko merijo čas obiska in klike. Če ljudje hitro zapustijo stran na telefonu, pomeni, da niso našli iskanega ali pa je bilo brskanje prezahtevno.
Gumbi in mikronavigacija določajo konverzije
Obiskovalec postane kupec skozi konverzijo. Na telefonih mu na tej poti stojijo različne ovire. Če je gumb za košarico manjši od 44 slikovnih pik, ga je težko zadeti. Uporabnik lahko namesto nakupa pritisne na povezavo do pogojev poslovanja. Nakup se prekine, obiskovalec pa zapusti trgovino.
Kaj pokažejo številke po optimizaciji?
Vpliv mobilne prilagoditve na prodajo je najlažje pokazati na primeru. Spletna trgovina s kolesarsko opremo je imela na računalnikih konverzijo 3,2 odstotka, na telefonih pa 0,8 odstotka. Analiza je pokazala več tehničnih težav mobilne različice.
Glavni meni se je skrival za majhno ikono zgoraj levo. Ker večina ljudi drži telefon v desni roki, so ikono težko dosegli. Gumbi za filtre so se prekrivali. Blagajna je pri vnosu telefonske številke odprla besedilno tipkovnico namesto številske.
Uvedeni so bili naslednji popravki:
- Navigacija se je premaknila na dno v fiksno vrstico, blizu palca.
- Gumb za košarico se je razširil čez celoten zaslon in med drsenjem ostal pritrjen na dnu.
- Polja v obrazcih so dobila atribute za prikaz prave tipkovnice in samodejno izpolnjevanje.
- Odstranjeno je bilo okno za e-novice, ki ga na telefonu ni bilo mogoče zapreti.
Rezultati so se pokazali po slabem mesecu. Odbojna stopnja na telefonih je padla z 68 na 42 odstotkov. Konverzija je zrasla z 0,8 odstotka na 2,1 odstotka.
Uporaba spletnih obrazcev na telefonu
Zaključek nakupa je občutljiv del strani. Na računalniku vnos podatkov v obrazec vzame nekaj sekund. Na telefonu je to naporno. Uporabnik mora drseti gor in dol, tipkovnica pa prekrije pol zaslona.
Vsako dodatno polje poveča možnost napake. Kjer je mogoče, se polja združijo. Ime in priimek lahko vpišemo v eno vrstico. Pomagajo tudi malenkosti, kot sta samodejna velika začetnica in logičen prehod med polji.
Pomembno je tudi, da uporabnikom ponudimo možnost hitrega plačila z enim klikom, na primer prek sistemov Apple Pay ali Google Pay. To močno skrajša čas zaključka nakupa, saj kupcu ni treba ročno prepisovati dolgih številk kreditnih kartic in naslovov za dostavo, kar na manjših zaslonih pogosto vodi do frustracij, napak in posledično zapuščenih košaric.
Kateri elementi na mobilnikih najpogosteje povzročajo odhode?
Okna, ki skočijo čez vsebino, na telefonu hitro postanejo moteča. Križec za zapiranje se včasih skrije, zato uporabnik stran raje zapre. Iskalniki takšne rešitve kaznujejo z nižjimi uvrstitvami.
Pogosta napaka je besedilo, zapečeno na sliki. Ko se slika zmanjša, črke postanejo neberljive. Besedilo mora biti ločeno od slike. V HTML kodi mora biti zapisano tako, da se lahko zlaga glede na razpoložljiv prostor.
Mobilna omrežja so včasih počasnejša od Wi-Fi povezav. Če stran na telefonu prenaša velike slike, se bo nalagala predolgo. Sistem na strežniku mora prepoznati napravo in ji poslati slike pravih dimenzij.
Strošek neprilagojene spletne strani
Večina uporabnikov se po slabi izkušnji ne vrne več na stran. Slabe izkušnje z nakupovanjem hitro podzavestno povežejo z nezanesljivostjo samega podjetja. Če blagajna na telefonu ne deluje, kupec podvomi tudi v zanesljivost dostave in reševanje reklamacij.
Delovanje spletnega mesta na telefonu narekuje prodajne rezultate. Umik nepotrebnih klikov in povečanje gumbov vodi v višje število nakupov. Spletna stran, prilagojena za brskanje na dotik, obiskovalcem olajša pot od brskanja do zaključenega naročila.
Zato nikoli ne podcenjujte moči, ki jo ima odlična mobilna uporabniška izkušnja na dolgoročno rast vašega poslovanja. Investicija v premišljeno mobilno prilagoditev se hitro povrne skozi večje število uspešno zaključenih nakupov in večjo zvestobo vaših kupcev.
