Si prizadevate za optimizacijo zasnove spletnega mesta mobilnega e-trgovine? Ne skrbite, tukaj je tisto, kar morate storiti
V letu 2021 so rast e-trgovine večinoma poganjale mobilne naprave. Pravzaprav, Notranja inteligenca napoveduje, da se bo obseg m-trgovine do leta 488 povečal na 44 milijard USD ali 2024 % svetovne prodaje na trgu e-trgovine. Približno 9.2 % tega trga bodo prevladovale ZDA.
Če vam je všeč ali ne, je mobilnim napravam prijazno spletno mesto za e-trgovino zdaj nuja in ne izbira; sicer trgovci na drobno samo propadejo za potrošnike. Številni naši projekti pri Elogicu so oblikovanje spletnega mesta za mobilno e-trgovino navedli kot enega bistvenih Zahteve za spletno mesto e-trgovine, glavni razlogi pa so višje stopnje konverzij na spletnem mestu in večja vidnost v iskalnikih.
Če želite izkoristiti mobilno spletno mesto e-trgovine, vendar niste prepričani, kje začeti, je ta članek za vas. Nadaljujte z branjem, če želite izvedeti o razlikah med dizajnom, prilagojenim za mobilne naprave, optimiziranim za mobilne naprave, in odzivnim dizajnom, odkrijte šest nasvetov za optimizacijo za mobilne naprave in ugotovite, kako preizkusiti svoje spletno mesto e-trgovine za mobilne naprave.
Zakaj mobilnim napravam prijazno spletno mesto za e-trgovino ni le trend
Mobilnom prijazno spletno mesto e-trgovine pomeni, da ga lahko uporabniki prosto uporabljajo na mobilni napravi: vaše spletno mesto se »zmanjša«, da se prilega majhnemu zaslonu telefona, ni neuporabnih funkcij ali bliskovnih animacij, slike so manjše in navigacija je veliko bolj preprosto.
Čeprav je stopnja konverzije na mobilnih napravah nekoliko nižja kot na namizju (1.81 % proti 1.98 %), to ne pomeni, da bi ga morali ukiniti. Mobilna spletna stran e-trgovine je morda razlog, zakaj bodo uporabniki uporabili namizne računalnike in izvedli konverzijo, ker so svoje izdelke raziskovali s svojimi telefoni. To je razkrila celo ena od raziskav 67% strank je manj verjetno, da bodo nakupovali pri blagovni znamki, če nimajo spletne strani, optimizirane za mobilne naprave.
Prednosti mobilnemu spletnemu mestu za e-trgovino niso omejene le na višje stopnje konverzije:
- Zagotavlja boljšo uporabniško izkušnjo (UX) in tako spodbuja več prometa iz naprav vseh oblik in velikosti.
- Manj verjetno je, da bodo uporabniki vaše spletno mesto zapustili razočarani in vašo blagovno znamko povezovali z negativnimi čustvi.
- Iskalniki bodo optimizirano spletno mesto potisnili na vrh, saj je UX eden od dejavnikov razvrščanja.
- To bo povečalo zvestobo strank, saj se spletna mesta, ki niso prijazna do mobilnih naprav, zdijo površna in nizke kakovosti.
Čeprav se mobilna optimizacija morda zdi majhna podrobnost, lahko močno vpliva na vaše e-poslovanje s povečanjem števila prodaje in prometa na vašem glavnem spletnem mestu.
Mobilnim napravam prijazen proti mobilnim optimiziranim proti odzivnim: Kakšna je razlika?
Mobilnim napravam prijazen, za mobilne naprave optimiziran in odziven dizajn so trije različni pristopi k ustvarjanju različice mobilnega spletnega mesta e-trgovine.
Mobilnim napravam prijazno spletno mesto za e-trgovino
Mobilnim prijaznim dizajnom gre za prilagajanje obstoječega spletnega uporabniškega vmesnika mobilnim napravam. To je skrčena različica spletnega mesta, ki ga vidite na namizju in je najlažja za implementacijo.
Spletno mesto za e-trgovino, prijazno do mobilnih naprav, je dovolj za višjo uvrstitev v iskalniku Google (lahko celo izvedite test prijaznosti do mobilnih naprav da ga preverite), vendar to ne bo povečalo uporabniške izkušnje. Majhnim trgovinam z e-trgovino, ki vsebujejo večinoma besedilo in slike, bi to lahko koristilo, vendar bo UX na vaši strani za dokončanje nakupa ostal nedotaknjen.
Oblikovanje, optimizirano za mobilne naprave
Zasnova, optimizirana za mobilne naprave, sledi pristopu, ki je na prvem mestu mobilnik. Z drugimi besedami, najprej oblikujete ločeno spletno mesto za mobilne naprave (predvsem zato, ker ima več omejitev) in ga kasneje razširite na namizno različico. Preverite nekaj najboljši primeri PWA v maloprodaji, kot sta Alibaba ali Flipkart, so zgrajeni s pristopom, ki je na prvem mestu mobilnik.
Mobilno odziven dizajn
Odzivna zasnova mobilnega spletnega mesta e-trgovine pomeni, da se vsebina spletnega mesta samodejno spreminja glede na uporabnikov zaslon. Zanaša se na mobilni operacijski sistem in se odziva že na najmanjše spremembe velikosti zaslona, kar je običajno za različne različice iPhone in Android naprav. Vsebina je dinamična: spreminjajo se velikost slik in pisave, prilagajajo se postavitve. Zahteva precejšen proračun in razvoj e-trgovine, vendar je najbolj uporabniku prijazen izmed trojice.
Kakšna je razlika med spletnim in mobilnim oblikovanjem e-trgovine?
Spletno oblikovanje in oblikovanje e-trgovine za mobilne naprave nikoli nista enakovredna. Razlika med obema je ogromna iz več razlogov:
- Pri oblikovanju namizne spletne strani imate veliko več svobode. Oblikovanje spletnega mesta za mobilno e-trgovino ne narekujejo samo elementi vmesnika OS, ampak tudi manjši zaslon pomeni, da lahko obiskovalec vidi veliko manj informacij na spletnem mestu. Da bi nadomestili te omejitve, prodajalci mcommerce omogočajo uporabnikom, da povečajo in pomanjšajo spletne strani ter prilagodijo velikost pisave, da je besedilo lahko berljivo.
- Mobilno spletno mesto ima vnos na dotik. Namesto uporabe miške ali tipkovnice večina mobilnih uporabnikov komunicira s svojimi napravami prek zaslona na dotik in funkcij, specifičnih za mobilne naprave, kot je klikni za klic ali zemljevid na podlagi lokacije.
- Kontekst uporabe spletnega mesta na namizju in mobilni napravi se razlikuje. Ko stranka pride nakupovat na vaše spletno mesto za e-trgovino, bo najverjetneje dokončala nakup. Medtem so mobilni uporabniki hitri nakupovalci. Uporabili bodo vaše spletno mesto e-trgovine za mobilne naprave za raziskovanje izdelkov, iskanje lokacij, branje novic itd., vendar morda ne bodo nadaljevali na blagajni. Tako bo spletno oblikovanje povečalo prodajo, vendar bo oblikovanje mobilnega e-trgovine optimiziralo konverzije in povečalo zvestobo strank.
Ko že govorimo o vizualnem videzu, sta tudi oblikovanje spletnega in mobilnega e-trgovine presenetljive razlike. Tukaj je primer spletnega mesta o potrošniški elektroniki TurcomUSA oblikoval Elogic. Turcom prodaja pripomočke in elektronske naprave. Ko ga odprete na namizju, boste videli to različico:
Zdaj pa si oglejte isto spletno mesto na svojem mobilnem telefonu. Ohranjeni so vsi pomembni elementi spletnega mesta: iskanje po spletnem mestu, nakupovalna košarica, osebna omara. Kljub temu so vsebina in vizualni elementi na novo organizirani za boljšo uporabniško izkušnjo.
Kako optimizirati spletno mesto e-trgovine za mobilne naprave?
Če vaše podjetje ni pripravljeno na spletno mesto, ki je v prvi vrsti mobilno ali mobilno odzivno (bodisi zaradi proračuna ali tehničnega znanja), ne skrbite. Za višjo uvrstitev od samega začetka vam ni treba razviti mobilne aplikacije. Namesto tega lahko svoje spletno mesto za e-trgovino optimizirate za mobilne naprave.
Tu je šest načinov za optimizacijo spletnega oblikovanja za mobilno e-trgovino na stroškovno učinkovit način.
#1 Naj bo vaše spletno mesto bliskovito hitro
Približno 47 % strank pričakuje, da se bodo spletna mesta naložila pod 2 sekundami; sicer bodo samo padle. Google pri uvrščanju vaše spletne strani v iskalniku upošteva tudi hitrost nalaganja.
Vaš organski promet in zadovoljstvo strank bosta odvisna tudi od hitrosti spletnega mesta. Walmart opazili da vsaka sekunda izboljšane hitrosti spletnega mesta pomeni 2 % več konverzij in vsakih 100 ms pomeni 1 % povečanje prihodka.
Če želite izboljšati hitrost, lahko:
- Optimizirajte slik
- Uporabite omrežja za dostavo vsebine (CDN)
- Zmanjšajte in združite CSS, JavaScript in HTML
- Uporabite asinhrono nalaganje
- Nadgradite gostovanje
- Omogoči stiskanje
- Uporabite predpomnjenje brskalnika
#2 Zagotovite priročno izkušnjo blagajne
Izkušnja pri zaključku nakupa pomeni veliko: morda imate dobro premišljen tržni tok, a zaključek je pomanjkljiv, tako da bodo uporabniki vseeno zapustili svoj voziček. Če želite optimizirati blagajno za mobilne naprave, uporabite naslednje nasvete:
- Ustvarite mobilno različico spletnega mesta e-trgovine, ki se prilega uporabnikovemu zaslonu
- Poenostavite obrazec
- Izbrišite vse vrste motenj, kot so oglasi in e-poštni obrazci za naročnino
- Uporabite varnostna tesnila
- Ustvarite velike gumbe z lahko berljivim besedilom
- Ustvarite vrstico z napredkom uporabnika
- Dovoli samodejno izpolnjevanje
- Ne postavljajte povezav zunaj postopka nakupa
- Uporabite različne tipkovnice za različna polja (na primer povlecite številčno tipkovnico za telefonsko številko, namesto da bi stranke same preklopile nanjo)
Takole izgleda blagajna, optimizirana za mobilne naprave Roller Rabbitspletno mesto, spletno modno trgovino, ki jo je razvil Elogic. Trgovec je optimiziral uporabniško izkušnjo in opazil zmanjšanje stopnje opustitve vozička.
#3 Delajte na intuitivnem iskanju na mestu
Navigacija je bistveni del spletnega oblikovanja za mobilne platforme e-trgovine. S tisoči predmetov za brskanje morajo uporabniki čim bolj zožiti svojo izbiro, da prej pridejo do želenih izdelkov.
Če želite optimizirati iskanje na spletnem mestu za mobilne naprave, priporočamo, da je kratko, najprej navedete najpomembnejše strani in naredite večje gumbe v meniju, saj so prsti uporabnikov večji od puščice na zaslonu. Izogibajte se menije z lebdenjem in razširitvijo, da zmanjšate trenje zaradi nenadnega izginotja in ponovnega pojava podnavigacije.
#4 Izpopolnite svoje strani z izdelki
Ni nujno, da opise izdelkov pustite tako, da stran izdelka prilagodijo velikosti zaslona mobilne naprave. Vendar je priporočljivo, da so kratke (največ 200 znakov) in jih postavite tik nad pregib poleg kakovostne fotografije. Izogibajte se številnim pomikom, zložljivim vsebinskim blokom in tapkani vsebini. Priporočamo tudi uporabo gumba »nazaj na vrh«, vendar se prepričajte, da ga stranke ne bodo pomotoma pritisnile, ko se poskušajo preprosto pomakniti navzdol.
#5 Optimizirajte uporabniško izkušnjo
Zasnova spletnega mesta UX za mobilno e-trgovino je videti drugačna od tistega, kar ste videli na namiznih računalnikih. Eno najpomembnejših pravil je, da so gumbi veliki in da zmanjšate besedilo, saj nimate veliko prostora za delo. Uporabnike mobilnih naprav lažje zmotimo kot uporabnike namiznih računalnikov, zato zagotovite skrajšane različice svojih prodajnih izvodov.
Upoštevajte tudi položaj palca. Medtem ko se uporabniki namiznih računalnikov lahko ukvarjajo z dobesedno vsakim delom zaslona, bodo uporabniki mobilnih naprav dosegli, kolikor jim seže palec. Desni spodnji kot je eden najbolj aktivnih prostorov za mobilne uporabnike, zato poskrbite, da boste tam postavili pomembne gumbe (na primer dodaj v voziček).
Nazadnje, ne pozabite ohraniti identitete svoje blagovne znamke: čim bolj uporabljajte pisave in barve podjetja, da svoje mobilne različice ne spremenite v preprosta besedila in slike.
#6 Izkoristite družbene medije za svoje spletno mesto za e-trgovino
Uporabniki večinoma obiskujejo družbena omrežja na mobilnih napravah in to lahko uporabite sebi v prid. Poenostavite spremljanje strani vaše blagovne znamke z dodajanjem ikon za spremljanje in deljenje v družabnih omrežjih, vdelajte slike, ki jih je mogoče pripeti, da pridobite več pozornosti na Pinterestu, in uporabite prijave v družabnih omrežjih, da bo registracija kar se da preprosta.
Prav tako lahko vdelate socialne vire, da spodbudite uporabnike, da delijo svoje fotografije z izdelkom in jim omogočite prodajo, da se pozneje vrnejo. Naša stranka Ogljik38 poskusil in dobil odlične rezultate!
Ne pozabite preizkusiti svojega spletnega mesta za e-trgovino za mobilne naprave
Eden od načinov za preizkušanje zasnove mobilnega spletnega mesta za e-trgovino je preverjanje njegove odzivnosti na napravah različnih velikosti zaslona. Bodite pozorni na čas nalaganja, intuitivno navigacijo, berljivost informacij in postavitev informacij na straneh izdelkov.
Če želite, da bo postopek testiranja manj zamuden in stroškovno učinkovit, lahko razmislite o naslednjih orodjih:
- W3C mobileOK Checker. The W3C mobileOK Checker je eno najboljših orodij za testiranje združljivosti vašega spletnega mesta na mobilnih napravah. Orodje izvaja več testov, ki ugotavljajo prijaznost mobilnega spletnega mesta do uporabnika.
- Google Mobilizer. Google Mobilizer je hvaljen zaradi intuitivnega vmesnika in enostavne uporabe. V iskalno polje morate samo vnesti naslov svoje spletne strani in orodje bo poiskalo ozka grla pri delovanju ter podalo predloge za optimizacijo vašega mobilnega spletnega mesta za e-trgovino.
- Gomez. Gomez Orodje za pripravljenost na mobilne naprave testira vaše spletno mesto na podlagi več kot 30 dobro uveljavljenih tehnik. Daje vam oceno med 1 in 5. Rezultati so prikazani v dokumentu, ki predlaga, kako izboljšati vaše spletno mesto. Bodite pripravljeni izpolniti nekaj osebnih podatkov, vključno z vašim e-poštnim naslovom in telefonsko številko.
zaključek
Ker je m-trgovina pripravljena rasti, lahko še vedno sledite trendu in optimizirate svoje spletno mesto za e-trgovino za mobilne naprave. Ne glede na to, ali se odločite za spletno mesto za e-trgovino, prijazno do mobilnih naprav, ali za razvoj mobilne aplikacije iz nič, upoštevajte naslednje napotke:
- Mobilna optimizacija je nujna za visoko uvrstitev na iskalnikih. Tudi če nimate tehnične ekipe ali proračuna za izdelavo mobilne aplikacije, naj bo optimizacija za mobilne naprave ena od vaših prednostnih nalog pri razvoju e-trgovine.
- Hitrost je pomembna. Mobilna različica vašega spletnega mesta bi morala biti tako hitra (če ne več) kot spletno mesto za e-trgovino. Optimizirajte slike izdelkov za mobilne naprave, dodajte kratke opise in delajte na blagajni na eni strani.
- Intuitivni uporabniški vmesnik v mobilnih napravah je ključ do višjih stopenj konverzije. Olajšajte uporabnikom, da najdejo izdelek, ki ga iščejo, se povežite z družbenimi mediji in izkoristite funkcionalnost, ki je izvorna za mobilne naprave, za uporabo na vašem spletnem mestu.
Nikoli ne podcenjujte moči mobilnih spletnih mest za e-trgovino. Morda je ključ do rasti vašega podjetja.
- "
- &
- 2021
- 9
- Opustitev
- Račun
- aktivna
- oglasi
- Prednost
- Alibaba
- vsi
- Android
- animacija
- aplikacija
- članek
- Billion
- Pasovi
- brskalnik
- izgradnjo
- poslovni
- spremenite
- preverjanje
- Na blagajno
- Kava
- Skupno
- Potrošnik
- zabavne elektronike
- Potrošniki
- vsebina
- Pretvorba
- krediti
- Zvestoba stranke
- Zadovoljstvo kupcev
- Stranke, ki so
- datum
- dostava
- Oblikovanje
- Podatki
- Razvoj
- Razvoj
- naprave
- vozi
- Drop
- e-trgovina
- elektronskem poslovanju
- Elektronika
- E-naslov
- čustva
- spodbujanje
- itd
- Primer
- izkušnje
- Moda
- FAST
- Lastnosti
- Področja
- prva
- fit
- Flash
- FLIPKART
- sledi
- Svoboda
- Pripomočki
- Globalno
- Google Search
- veliko
- Grow
- Rast
- visoka
- Kako
- Kako
- HTTPS
- identificirati
- identiteta
- slika
- vpliv
- Pomembno
- Vključno
- Povečajte
- info
- Podatki
- iPhone
- Vprašanja
- IT
- JavaScript
- Ključne
- velika
- UČITE
- Vzvod
- Limited
- LINK
- seznam
- obremenitev
- Zvestoba
- Izdelava
- Tržna
- Trženje
- Zadeve
- merjenje
- mediji
- Mobilni
- mobilna aplikacija
- Mobilna naprava
- mobilne naprave
- mobilni telefon
- ostalo
- omrežij
- novice
- na spletu
- odprite
- deluje
- operacijski sistem
- Da
- ekološko prometa
- Ostalo
- Plačajte
- performance
- telefoni
- Platforme
- poljski
- moč
- predstaviti
- Izdelek
- Izdelki
- projekti
- nakup
- Cene
- Pripravljenost
- Razlogi
- registracija
- Raziskave
- Rezultati
- trgovec na drobno
- trgovci na drobno
- Razkrito
- prihodki
- pravila
- prodaja
- prodaja
- Lestvica
- Zaslon
- Iskalnik
- iskalnik
- Iskalniki
- varnost
- Delite s prijatelji, znanci, družino in partnerji :-)
- Kupci
- Nakupovalna
- nakupovalni voziček
- Kratke Hlače
- Enostavno
- SIX
- Velikosti
- majhna
- So
- socialna
- družbeni mediji
- Vesolje
- hitrost
- Začetek
- bivanje
- trgovina
- trgovine
- naročnina
- SWIFT
- Preklop
- sistem
- Dotaknite
- tech
- tehnike
- Test
- Testiranje
- testi
- čas
- nasveti
- orodje
- orodja
- vrh
- Zaslon na dotik
- Prometa
- us
- Uporabniki
- ux
- vidljivost
- Obseg
- Walmart
- web
- Spletna stran
- spletne strani
- besede
- delo
- zoom