Kas püüdlete mobiilipoodide veebisaidi disaini optimeerimisse? Ärge muretsege, siin on, mida peate tegema
2021. aastal on e-kaubanduse kasvu vedanud suuresti mobiil. Tegelikult, Siseringi luure ennustab, et m-kaubanduse maht kasvab 488. aastaks 44 miljardi dollarini ehk 2024% ülemaailmsest e-kaubanduse turu müügist. Umbes 9.2% sellest turust hakkab domineerima USA.
Meeldib see või mitte, aga mobiilisõbralik pood on nüüd pigem vajadus kui valik; vastasel juhul hukkuvad jaemüüjad tarbijate jaoks. Paljud meie Elogicu projektid on nimetanud mobiilipoodide veebisaidi kujunduse üheks oluliseks E-kaubanduse veebisaidi nõuded, mille peamisteks põhjusteks on veebisaidi kõrgemad konversioonimäärad ja suurem nähtavus otsingumootorites.
Kui soovite kasutada e-kaubanduse veebisaiti mobiilis, kuid pole kindel, kust alustada, on see artikkel teie jaoks. Lugege edasi, et saada teavet mobiilisõbraliku, mobiilile optimeeritud ja tundliku disaini erinevuste kohta, avastage kuus mobiili optimeerimise näpunäidet ja uurige, kuidas testida oma e-kaubanduse veebisaiti mobiili jaoks.
Miks ei ole mobiilisõbralik e-kaubanduse veebisait lihtsalt trend?
Mobiilisõbralik e-kaubanduse veebisait tähendab, et kasutajad saavad seda mobiilseadmes vabalt kasutada: teie veebisait "tõmbub kokku", et see mahuks telefoni väikesele ekraanile, puuduvad kasutuskõlbmatud funktsioonid ega flash-animatsioon, pildid on väiksemad ja navigeerimine on palju lihtsam.
Kuigi mobiilis on konversioonimäär veidi madalam kui lauaarvutis (1.81% vs 1.98%), see ei tähenda, et peaksite selle tühistama. Mobiilne e-kaubanduse veebisait võib olla põhjus, miks kasutajad kasutavad arvutit ja teevad konversiooni, kuna nad tegid tooteuuringuid oma telefoniga. Isegi üks küsitlus näitas seda 67% klientidest kui neil pole mobiili jaoks optimeeritud veebisaiti, ostavad nad väiksema tõenäosusega selle kaubamärgi kaudu oste.
Mobiilisõbraliku e-kaubanduse veebisaidi eelised ei piirdu ainult kõrgemate konversioonimääradega.
- See pakub paremat kasutuskogemust (UX) ja juhib seega rohkem liiklust igasuguse kuju ja suurusega seadmetelt.
- Kasutajad lahkuvad teie veebisaidilt vähem pettunult ja seostavad teie kaubamärki negatiivsete emotsioonidega.
- Otsingumootorid tõstavad optimeeritud veebisaidi tippu, kuna UX on üks järjestuse tegureid.
- See suurendab klientide lojaalsust, kuna mittemobiilisõbralikud veebisaidid tunduvad ebaühtlased ja madala kvaliteediga.
Kuigi mobiili optimeerimine võib tunduda väike detail, võib see teie e-kaubanduse ärile sügavat mõju avaldada, suurendades müüki ja liiklust teie põhiveebisaidile.
Mobiilisõbralik vs mobiilile optimeeritud vs tundlik: mis vahe on?
Mobiilisõbralik, mobiilile optimeeritud ja tundlik kujundus on kolm erinevat lähenemist e-kaubanduse mobiiliveebisaidi versiooni loomisele.
Mobiilisõbralik e-kaubanduse veebisait
Mobiilisõbralik disain tähendab olemasoleva veebi-UX kohandamist mobiilseadmetele. See on töölaual kuvatava veebisaidi kahandatud versioon, mida on kõige lihtsam rakendada.
Mobiilisõbralikust e-kaubanduse veebisaidist piisab Google'i otsingus kõrgema asetuse saavutamiseks (võite isegi käivitage mobiilisõbralikkuse test kontrollimiseks), kuid see ei suurenda kasutajakogemust. Väikesed e-poed, mis sisaldavad peamiselt teksti ja pilte, võivad sellest kasu saada, kuid teie kassalehel olev kasutajakogemus jääb puutumata.
Mobiilile optimeeritud disain
Mobiilseadmetele optimeeritud disain järgib mobiilipõhist lähenemist. Teisisõnu kujundate esmalt mobiilseadmete jaoks eraldi veebisaidi (peamiselt seetõttu, et sellel on rohkem piiranguid) ja skaleerite selle hiljem töölauaversioonile. Kontrollige mõnda PWA parimad näited jaemüügis, nagu Alibaba või Flipkart – need on loodud mobiilipõhist lähenemist silmas pidades.
Mobiilile reageeriv disain
Responsive e-kaubanduse mobiiliveebi kujundus tähendab, et veebisaidi sisu muutub automaatselt, et see sobiks kasutaja ekraaniga. See toetub mobiilsele operatsioonisüsteemile ja reageerib isegi väikseimatele ekraanisuuruse muutustele, mis on erinevate iPhone'i versioonide ja Android-seadmete puhul tavaline. Sisu on dünaamiline: piltide suurus ja fondid muutuvad, paigutused kohanduvad. See nõuab märkimisväärset eelarvet ja poodide arendamine, kuid on kolmikust kõige kasutajasõbralikum.
Mis vahe on veebi- ja mobiilipoodide disainil?
Veebikujundus ja mobiilne poodide disain ei ole kunagi samaväärsed. Erinevus nende kahe vahel on tohutu mitmel põhjusel:
- Teil on lauaarvuti veebisaidi kujundamisel palju rohkem vabadust. Mitte ainult OS-i liideseelemendid ei määra mobiilipoodide veebisaidi kujundust, vaid ka väiksem ekraan tähendab, et külastaja näeb veebisaidil palju vähem teavet. Nende piirangute kompenseerimiseks võimaldavad mcommerce'i jaemüüjad kasutajatel veebilehti sisse ja välja suumida, samuti kohandada fondi suurust, et tekst oleks hõlpsasti loetav.
- Mobiiliveebisaidil on puutepõhine sisend. Hiire või klaviatuuri kasutamise asemel kasutavad enamik mobiilikasutajaid oma seadmetega puuteekraani ja mobiilispetsiifilisi funktsioone, nagu kliki-helistamiseks või asukohapõhine kaardistamine.
- Lauaarvutis ja mobiilis veebisaidi kasutamise kontekst on erinev. Kui klient tuleb teie e-kaubanduse veebisaidilt ostlema, sooritab ta kõige tõenäolisemalt ostu. Samal ajal on mobiilikasutajad kiired ostlejad. Nad kasutavad teie e-kaubanduse veebisaiti mobiilis toodete uurimiseks, asukohtade otsimiseks, uudiste lugemiseks jne, kuid ei pruugi kassasse minna. Seega suurendab veebidisain müüki, kuid mobiilipoodide disain optimeerib konversioone ja suurendab klientide lojaalsust.
Visuaalsest välimusest rääkides on veebi- ja mobiilipoodide kujunduses ka silmatorkavad erinevused. Siin on näide tarbeelektroonika veebisaidist TurcomUSA kujundas Elogic. Turcom müüb vidinaid ja elektroonikaseadmeid. Kui avate selle töölaual, näete järgmist versiooni:
Nüüd vaadake sama veebisaiti oma mobiiltelefonis. Säilitatakse kõik veebisaidi olulised elemendid: kohapealne otsing, ostukorv, isiklik kabinet. Sellegipoolest on sisu ja visuaalsed elemendid parema kasutuskogemuse huvides ümber korraldatud.
Kuidas optimeerida e-kaubanduse veebisaiti mobiili jaoks?
Kui teie ettevõte ei ole mobiilipõhiseks või mobiilile reageerivaks veebisaidiks valmis (olgu selleks eelarve või tehniliste teadmistega seotud probleemid), ärge muretsege. Kohe algusest peale kõrgema asetuse saavutamiseks ei pea te mobiilirakendust arendama. Selle asemel saate optimeerida oma e-kaubanduse veebisaidi mobiili jaoks.
Siin on kuus võimalust optimeerida veebidisaini mobiilse e-kaubanduse jaoks kuluefektiivsel viisil.
#1 Muutke oma veebisait välkkiireks
Umbes 47% klientidest eeldab, et veebisaidid laaditakse sisse 2 sekundi jooksul; muidu kukuvad nad lihtsalt maha. Google võtab teie veebisaidi otsingumootoris järjestamisel arvesse ka laadimiskiirust.
Teie orgaaniline liiklus ja klientide rahulolu sõltuvad ka veebisaidi kiirusest. Walmart märkasin et iga sekund veebisaidi kiiruse parandamisest tähendab 2% rohkem konversioone ja iga 100 ms tähendab tulude kasvu 1%.
Kiiruse suurendamiseks saate:
- Optimeerida pilte
- Kasutage sisu edastamise võrke (CDN)
- Minimeerige ja kombineerige CSS-i, JavaScripti ja HTML-i
- Kasutage asünkroonset laadimist
- Täiendage hostimist
- Luba tihendamine
- Kasutage brauseri vahemälu
#2 Tagage mugav kassakogemus
Kassakogemus tähendab palju: teil võib olla hästi läbimõeldud turunduslehter, kuid kassasse visand, nii et kasutajad hülgavad oma ostukorvi niikuinii. Mobiili jaoks kassa optimeerimiseks kasutage järgmisi näpunäiteid.
- Looge e-kaubanduse veebisaidi mobiiliversioon, mis sobib kasutaja ekraanile
- Vormi lihtsustamine
- Kustutage kõik segavad tegurid, nagu reklaamid ja meilitellimuse vormid
- Kasutage turvaplomme
- Tehke hõlpsasti loetava tekstiga suuri nuppe
- Looge riba kasutaja edenemisega
- Luba automaatne täitmine
- Ärge linkige väljaspool ostuprotsessi
- Kasutage erinevate väljade jaoks erinevaid klaviatuure (näiteks tõmmake telefoninumbri jaoks numbriklaviatuur üles, selle asemel et panna kliente sellele ise kasutama)
Mobiili jaoks optimeeritud kassa välja näeb järgmiselt Roller Jänesveebilehel, mis on Elogici välja töötatud moepood. Jaemüüja optimeeris kasutajakogemust ja nägi ostukorvi hülgamise määra vähenemist.
#3 Töötage intuitiivse kohapealse otsinguga
Navigeerimine on mobiilsete e-kaubanduse platvormide veebidisaini oluline osa. Kuna sirvimiseks on tuhandeid üksusi, peavad kasutajad oma valikut võimalikult palju piirama, et soovitud toodeteni kiiremini jõuda.
Kohapealse otsingu optimeerimiseks mobiili jaoks soovitame teha selle lühikeseks, loetleda esmalt olulisemad lehed ja teha menüüs suuremad nupud, kuna kasutajate sõrmed on suuremad kui ekraanil olev nool. Vältige menüüde hõljutamist ja laiendamist, et minimeerida alamnavigatsiooni äkilise kadumise ja uuesti ilmumise hõõrdumist.
#4 Lihvige oma tootelehti
Te ei peaks tingimata jätma tootekirjeldusi, et sobitada tooteleht mobiiliekraani suurusega. Kuid soovitatav on teha need lühikeseks (maksimaalselt 200 tähemärki) ja asetada need lehe kohale kvaliteetse foto kõrvale. Vältige arvukaid kerimisi, kokkupandavaid sisuplokke ja puudutatud sisu. Soovitame kasutada ka nuppu "Tagasi üles", kuid veenduge, et kliendid ei vajutaks seda kogemata allapoole kerides.
#5 Optimeerige kasutajakogemust
UX for Mobile e-kaubanduse veebisaidi kujundus näeb välja teistsugune kui lauaarvutites. Üks olulisemaid reegleid on hoida nupud suurtena ja minimeerida teksti, kuna teil pole töötamiseks palju ruumi. Mobiilikasutajate tähelepanu hajub kergemini kui lauaarvutite kasutajaid, seega veenduge, et esitaksite oma müüdavatest koopiatest lühendatud versioonid.
Samuti pidage meeles pöidla asendit. Kui lauaarvutite kliendid saavad sõna otseses mõttes kasutada ekraani iga osa, siis mobiilikasutajad jõuavad nii kaugele, kui neil on võimalik. Parem alumine nurk on mobiilikasutajate jaoks üks aktiivsemaid ruume, seega asetage kindlasti olulised nupud (nt ostukorvi lisamine) sinna.
Lõpuks ärge unustage säilitada oma brändi identiteeti: kasutage võimalikult palju ettevõtte fonte ja värve, et mitte muuta oma mobiiliversiooni lihtsaks tekstiks ja pildiks.
#6 Kasutage oma e-kaubanduse veebisaidi jaoks sotsiaalmeediat
Kasutajad käivad sotsiaalmeedias enamasti mobiilis ja sina saad seda enda huvides ära kasutada. Muutke oma brändi lehtede jälgimine lihtsaks, lisades sotsiaalse jälgimise ja jagamise ikoone, manustage Pinterestis rohkem tähelepanu võitmiseks pinnapealseid pilte ja kasutage registreerumise võimalikult lihtsaks muutmiseks sotsiaalseid sisselogimisi.
Saate manustada ka sotsiaalseid vooge, et julgustada kasutajaid tootega oma fotosid jagama ja neile müüki andma, et nad hiljem tagasi tuleksid. Meie klient Carbon38 proovisin seda ja sain suurepäraseid tulemusi!
Ärge unustage testida oma e-kaubanduse veebisaiti mobiili jaoks
Üks võimalus oma e-kaubanduse mobiiliveebisaidi kujundust testida on kontrollida selle reageerimisvõimet erineva ekraanisuurusega seadmetes. Pöörake tähelepanu laadimisajale, intuitiivsele navigeerimisele, teabe loetavusele ja teabe paigutusele tootelehtedel.
Testimisprotsessi vähem aeganõudvaks ja kulutõhusamaks muutmiseks võite kaaluda järgmisi tööriistu.
- W3C mobileOK Checker. The W3C mobileOK Checker on üks populaarsemaid tööriistu oma saidi ühilduvuse testimiseks mobiilseadmetes. Tööriist teeb mitmeid teste, mis tuvastavad mobiiliveebi kasutajasõbralikkuse.
- Google mobiliseerija. Google mobiliseerija kiidetakse selle intuitiivse liidese ja kasutuslihtsuse eest. Peate lihtsalt sisestama oma veebilehe aadressi otsingukasti ja tööriist otsib üles toimivuse kitsaskohad ja annab optimeerimissoovitusi teie e-kaubanduse mobiiliveebisaidi jaoks.
- Gomez. Gomez mobiilivalmiduse tööriist testib teie veebisaiti enam kui 30 väljakujunenud tehnika põhjal. See annab teile hinde vahemikus 1 kuni 5. Tulemused kuvatakse dokumendis, mis soovitab teie veebisaiti täiustada. Olge valmis sisestama mõned isiklikud andmed, sealhulgas oma e-posti aadress ja telefoninumber.
Järeldus
Kuna m-kaubandus on valmis kasvama, saate endiselt trendi järgida ja oma e-kaubanduse veebisaiti mobiili jaoks optimeerida. Olenemata sellest, kas otsustate kasutada mobiilisõbralikku e-kaubanduse veebisaiti või arendada mobiilirakendust nullist, pidage meeles järgmisi näpunäiteid.
- Mobiili optimeerimine on otsingumootorites kõrge positsiooni saavutamiseks hädavajalik. Isegi kui teil pole mobiilirakenduse loomiseks tehnilist meeskonda ega eelarvet, muutke mobiili optimeerimine üheks oma e-kaubanduse arendamise prioriteediks.
- Kiirus loeb. Teie veebisaidi mobiiliversioon peaks olema sama kiire (kui mitte rohkem) kui e-kaubanduse veebisait. Optimeerige oma tootepildid mobiili jaoks, lisage lühikirjeldusi ja töötage ühelehelise kassaga.
- Intuitiivne kasutajakogemus mobiilis on konversioonimäärade suurendamise võti. Muutke kasutajatel otsitava toote leidmine lihtsaks, looge ühendus sotsiaalmeediaga ja kasutage oma veebisaidiga mobiilseadmete funktsioone.
Ärge kunagi alahinnake mobiilsete poodide veebisaidi võimsust. See võib olla teie ettevõtte kasvu võti.
- "
- &
- 2021
- 9
- Loobumine
- konto
- aktiivne
- kuulutused
- ADEelis
- Alibaba
- Materjal: BPA ja flataatide vaba plastik
- android
- animatsioon
- app
- artikkel
- Miljard
- Kast
- brauseri
- ehitama
- äri
- muutma
- kontroll
- Vormista ost
- Kohv
- ühine
- tarbija
- Koduelektroonika
- Tarbijad
- sisu
- Konverteerimine
- Autorid
- Kliendi lojaalsus
- Kliendi rahulolu
- Kliendid
- andmed
- tarne
- Disain
- detail
- arendama
- & Tarkvaraarendus
- seadmed
- ajendatud
- Drop
- e-kaubandus
- pood
- Elektroonika
- emotsioone
- julgustama
- jms
- näide
- kogemus
- mood
- KIIRE
- FUNKTSIOONID
- Valdkonnad
- esimene
- sobima
- välklamp
- FLIPKART
- järgima
- Vabadus
- vidinad
- Globaalne
- Google Search
- suur
- Kasvama
- Kasv
- Suur
- Kuidas
- Kuidas
- HTTPS
- identifitseerima
- Identity
- pilt
- mõju
- oluline
- Kaasa arvatud
- Suurendama
- info
- info
- iPhone
- küsimustes
- IT
- JavaScript
- Võti
- suur
- Õppida
- Finantsvõimendus
- piiratud
- LINK
- loetelu
- koormus
- Lojaalsus
- Tegemine
- Turg
- Turundus
- Oluline
- mõõtma
- Meedia
- mobiilne
- mobiilirakenduse
- mobiilne seade
- mobiilseadmete
- mobiiltelefon
- NAVIGATSIOON
- võrgustikud
- uudised
- Internetis
- avatud
- tegutsevad
- operatsioonisüsteemi
- et
- orgaaniline liiklus
- Muu
- Maksma
- jõudlus
- telefonid
- Platvormid
- poola
- võim
- esitada
- Toode
- Toodet
- projektid
- ostma
- Rates
- Valmisolek
- põhjustel
- Registreerimine
- teadustöö
- Tulemused
- jaemüüja
- jaemüüjad
- Revealed
- tulu
- eeskirjade
- müük
- müük
- Skaala
- Ekraan
- Otsing
- otsingumootor
- Otsingumootorid
- turvalisus
- Jaga
- Ostjad
- ostud
- ostukorv
- Lühike
- lihtne
- SIX
- SUURUS
- väike
- So
- sotsiaalmeedia
- Sotsiaalse meedia
- Ruum
- kiirus
- algus
- jääma
- salvestada
- kauplustes
- tellimine
- SWIFT
- Lüliti
- süsteem
- Puuduta
- tech
- tehnikat
- test
- Testimine
- testid
- aeg
- nõuanded
- tööriist
- töövahendid
- ülemine
- Puutetundlik
- liiklus
- us
- Kasutajad
- ux
- nähtavus
- maht
- Walmart
- web
- veebisait
- veebilehed
- sõnad
- Töö
- zoom