Dit is korrek, meer as die helfte van alle mense wat na winkelsentrums kyk, is op hul selfoon of tablet.
Maar hier is die probleem: 46% van die top-50 kleinhandelaars het nog steeds nie 'n responsiewe mobiele webwerf nie. Dus, hoewel die helfte van alle inkopieverkeer op 'n selfoon plaasvind, is die helfte van die kleinhandelaars nie daarvoor ingestel nie. Dit beteken die helfte van die koper knyp en zoom en draai hul telefoon om 'n webwerf behoorlik te sien.
Ons is dus saamgestem dat 'n responsiewe, innemende mobiele webwerf noodsaaklik is. Maar dit is net die begin. Soos 'n tafelblad-werf, kan u u mobiele webwerf aanpas en optimaliseer, sodat dit die verkope verder verhoog. Dit is hoe:
1 1. Eenvoud
2 2. Dink aan die duim!
3 3.… Veral die groot duime
4 4. Hamburger-navigasiekaarte
5 5. Kies 'n groot lettertipe
6 6. Gebruik 'slim soek'
7 7. Vereenvoudig u aanmeldings- en aankoopvorms
8 8. Drie laag maksimum
9 9. Maak dit maklik om terug te keer na die tuisblad
10 10. Geen knyp-zoom nie!
11 11. Gee aandag aan die 'sekuriteits'-kommer
12 12. Stapel van inhoud
13 13. Verloor enige Flash-inhoud
14 14. Omhels die beperkings!
15 15. Neem ontwerpbesluite met behulp van Google Analytics
Om met so 'n klein skerm te werk, is altyd moeilik. Daarom is eenvoud jou grootste doelwit. Vir webwerwe vir e-handel is dit veral moeilik, omdat daar soveel inhoud is om op te druk. Hoe bevorder u al u produkte sonder om die klein skermruimte vol te maak?
Kyk hoe ETQ hul reeks skoene op hul mobiele webwerf vertoon. Dit is pragtig in sy eenvoud. Hulle het die meerderheid van die skermruimte heeltemal vry gelaat om hul produkte in die middelpunt te gee. Selfs die kleurpalet is gekies om by sy produkreeks te pas. Dit gee die hele webwerf 'n eenvoudige, samehangende gevoel. Al is die skerm klein, voel dit ruim.
2. Dink aan die duim!
Probeer om u slimfoon nou vas te hou. Beweeg jou duim om die skerm en voel waar dit die gemaklikste en natuurlikste is. Almal se duimgrootte is anders, maar oor die algemeen geld hierdie prentjie vir die meeste mense:
Met dit in gedagte, wil u geen knoppies of noodsaaklike komponente in die boonste afdelings plaas nie. Los dit slegs vir kopkaarte. Sit al jou rolbare inhoud en knoppies in die middel sodat dit maklik en gemaklik is om te bereik. (Moenie vergeet om aan linkshandiges te dink nie! Blaai deur die prente hierbo om te sien hoe dinge vir linkses uitwerk).
3.… Veral die groot duime
Benewens 'bereik' van die duim, moet u ook die 'groot duim' oorweeg. Ons het almal 'n mobiele webwerf gebruik waar u op die kleinste skakel moet klik. Dit is moeilik en frustrerend, nie waar nie? Die algemene reël is om groter elemente te kies as wat u nodig ag.
Hobbycraft se mobiele webwerf is 'n goeie voorbeeld. In die eerste plek maak hul groot prentjie-skakels dit baie maklik vir groot duime. Kyk maar na hul ikone bo-aan ('winkels, rekening, mandjie'). Dit is baie groter as wat u gewoonlik sou verwag. Stokperdjie dink aan die groot duim, en jy moet dit ook doen.
Een van die gewildste ontwerpneigings in die afgelope twaalf maande is die 'hamburger'-spyskaart. U kan 'n voorbeeld hiervan op Hobbycraft sien. Dit is die drie reëls wat soos 'n hamburger lyk – klik daarop, en die volledige navigasiemenu word uitgebrei.
Daar is geen ruimte vir die tradisionele kopnavigasie nie, en dit kan die skerm eenvoudig rommel maak. Kies eerder 'n uitbreidende nav. Daar is 'n fyn balans hier te vind. Dit moet netjies en uit die weg geruim word. Maar dit moet terselfdertyd voor die hand liggend en maklik wees om aan te teken.
As u baie produkte en kategorieë het, gebruik u die uitgebreide menu om dit makliker te maak. Moenie bang wees om die hele skermruimte te gebruik nie. Kyk hoe Argos hul uitgebreide spyskaart hieronder aanbied.
5. Kies 'n groot lettertipe
'N Klein mobiele skerm dwing ons om lank en hard na te dink oor die lettertipe wat ons gebruik. Daar is nie plek vir klein, ingewikkelde lettertipes nie. Dink liewer eenvoudig, vet en groot. Oor die algemeen is 'n sans-serif-lettertipe skoner en eenvoudiger (d.w.s. Ariel is beter as Times New Roman).
Onthou, hierdie besluit sal u ook dwing om u kopie en bewoording noukeuriger te kies. Gebruik hierdie geleentheid om u eksemplaar te vereenvoudig en te optimaliseer. Probeer u boodskap so eenvoudig en eenvoudig moontlik oordra. Maak dit kort. Maak dit snappy. Dit sal nie net u mobiele ontwerp beter maak nie, dit sal u hele besigheid beter maak.
6. Gebruik 'slim soek'
Mense haat dit om klein soekvorms op 'n mobiele toestel te gebruik. Dit dwing ons om in te zoem, op die soekkassie te klik, en met die flink sleutelbord in te tik. Foute is maklik en dit kan tot frustrasie lei.
Gebruik die 'slim soek'-vak om die gebruikerservaring te verbeter. As u op die vak klik, moet die ontwerp outomaties herfokus, sodat die soekkassie die skerm vul. Maak dan seker dat dit 'n voorspellende soektog het, sodat die gebruiker slegs die eerste paar letters hoef in te voer.
U kan dit sien in aksie op Europcar se webwerf. Die klant begin 'Norw' in te tik, en die webwerf stel outomaties die verskillende takke van Norwich voor. eenvoudige.
7. Vereenvoudig u aanmeldings- en aankoopvorms
Ons praat baie daaroor om u aanmeldings- en aankoopvorms so eenvoudig en vinnig as moontlik te maak. Dit is 'n belangrike deel van u UX-ontwerpstrategie. Dit is ook die plek waar e-handelswebwerwe tot 60% van die omskakelings verloor deur dinge te kompliseer. As hulle met die proses begin het, is die kliënt reeds daarvan oortuig. Die enigste manier waarop u die verkoop of aanmelding verloor, is deur dinge te moeilik te maak.
Probeer weereens die hoeveelheid tik wat benodig word beperk. Gebruik vakke wat voorspel is en aktiveer outomatiese vulopsies. Gebruik blaai-instrumente om gebruikers byvoorbeeld die geboortedatum te kies. Ons weet dat aankoopvorms gereeld 'n bietjie inligting benodig. Daar is egter 'n manier om hierdie proses eenvoudiger te maak.
Kyk hoe Firebox 'n getallestelsel gebruik om gebruikers te wys watter fases in die proses oorbly. 'N UX-ontwerpstrik is om gebruikers te laat weet waar hulle is. As kliënte wil ons graag weet wat ons kan verwag, en Firebox doen dit kundig.
8. Drie laag maksimum
Dit is baie makliker om 'verdwaal' op 'n mobiele webwerf. Ideaal gesproke wil u seker maak dat u mobiele webwerf slegs drie lae diep is. 'N Voorbeeld van hoe dit op 'n mode-e-handelswebwerf kan werk, is soos volg:
Tuisblad: kliënt kies 'kategorie: meisies'
Kliënt kies 'sub-kategorie: skoene'
Klante klik op die produkbladsy.
Dit is drie eenvoudige lae ontdekking. Die enigste verdere opsie moet die aankoopbladsy of aanmelding wees. Probeer 'n konyngat van subkategorieë en verdere opsies vermy. Hou dit altyd soos altyd eenvoudig en laat gebruikers te alle tye weet waar hulle is.
9. Maak dit maklik om terug te keer na die tuisblad
Sodra u kliënt drie lae diep is, gee hulle altyd 'n vet en eenvoudige manier om na die tuisblad terug te keer. Onthou, dit is maklik om verlore te voel op 'n mobiele webwerf, dus gee gebruikers 'n maklike manier om 'terug te stel' en terug te keer na die begin.
Kyk na die produkbladsy van Lush. As u kliënt op een of ander manier hierheen is, wil hulle dalk weer begin. Die groot 'LUSH'-logo aan die bokant is 'n maklike en voor die hand liggende identifiseerder om terug te keer huis toe. Maak nie saak waar u op die webwerf is nie, u het altyd daardie anker wat u weer aan die begin kan kry.
10. Geen knyp-zoom nie!
Vir 'n lang tyd was mobiele webwerwe bloot 'n kopie van hul lessenaarontwerp. Dit beteken dat jy moes inzoomen deur die skerm te knyp. Dit is 'n gevaarlik verouderde ontwerpneiging en moet vermy word. Ideaal gesproke moet alles eweredig wees aan die skerm. Alle lettertipes moet leesbaar wees sonder om in te zoem. Alle skakels moet geklik kan word sonder om te knyp.
Daar is net een uitsondering wanneer knyp nuttig is: produkkaarte. Dit is nog steeds baie nuttig vir klante om produkprente te knyp en in te zoem. Hulle wil elke klein detail kan sien voordat hulle koop.
11. Gee aandag aan die 'sekuriteits'-kommer
Ondanks die groot hoeveelheid verkeer na mobiele e-handelswebwerwe, is daar steeds 'n algemene kommer dat iets van 'n mobiele webwerf nie so veilig is soos 'n tafelblad nie. Natuurlik is daar geen verskil in sekuriteit van mobiel na tablet na tafelrekenaar nie. Maar 'n 2013-studie wys dat byna die helfte van alle aanlyn-kopers minder veilig voel as hulle iets op 'n slimfoon koop. Hierdie vrees sal waarskynlik u omskakelings doodmaak.
Dit is 'n eenvoudige kwessie van vertroue. Dit is u taak om kliënte veiliger op u webwerf te laat voel. Die ideaal is dat u e-handelswebwerf reeds 'n SSL-sekuriteitsertifikaat moet hê. As dit nie so is nie, koop een. Dit is wat u die klein geel hangslot op u werkbalk gee. Maak seker dat u die SSL-hangslot so prominent moontlik vertoon op u mobiele webwerf.
'N Ander opsie is om seker te maak dat u klante 'n produk later kan stoor of dit vir hulself kan e-pos. In sommige gevalle voel hulle veilig om dit later op hul tafel te koop.
12. Stapel van inhoud
Vir baie mense beteken dit om 'n mobiele webwerf te kies, kies eenvoudig 'n 'responsiewe' tema op WordPress of Shopify of op watter platform u ook al gebruik. Alhoewel dit 'n goeie begin is, wil jy mooi let op hoe die tema jou inhoud outomaties skommel. Nie seker wat ek bedoel nie? Kyk na die diagram hieronder:
Dit is hoe 'n responsiewe tema u inhoud outomaties kan stapel vir 'n tablet (foto links) of 'n slimfoon (regterafbeelding). Oorweeg noukeurig wat u belangrikste stukke inhoud is, en maak seker dat dit korrek opmekaar gepak is. Aan die regterkant word die produkte (boks 5 – soorte baddens) byvoorbeeld gedwing tot onder die skerm. Dit kan selfs onder die 'vou' gedruk word.
Eksperimenteer met u uitleg en stapel van inhoud om seker te maak dat u belangrikste inhoud op die regte plek verskyn.
13. Verloor enige Flash-inhoud
Flash is 'n relatief verouderde formaat op enige toestel. (In werklikheid veg ontwerpers om dit eens en vir altyd dood te maak! Dit verswelg hulpbronne, dit is stadig, en dit is 'n speelgrond vir hackers). Alhoewel dit slegte nuus op 'n tafelbladwebwerf is, is dit nog erger op 'n slimfoon of tablet.
Die meeste mobiele toestelle speel glad nie flitsmedia nie. As u dus daarop vertrou vir 'n video- of produkdemonstrasie, moet u daarvan ontslae raak – u kliënte kan dit nie op 'n selfoon sien nie. Apple het dit jare gelede geblokkeer, en Android het kort daarna gevolg.
Die alternatief is om seker te maak dat u webwerf HTML5-versoenbaar is (vind meer hier uit) en gebruik YouTube om enige video's aan te bied.
14. Omhels die beperkings!
Baie mense met wie ek gepraat het, het hul frustrasie uitgespreek oor die beperkinge van 'n mobiele webwerf. Die eenvoudige feit is: jy kan niks daaraan doen nie! Omhels eerder hierdie beperkings.
Dit dwing u om belangrike besluite te neem wat u hele onderneming sal help. Hoe kan ek my webwerf vereenvoudig? Hoe kan ek my punt in minder woorde bereik? Hoe kan ek meer akkuraat en dwingend wees in 'n kleiner ruimte? Watter van my produkte moet ek prioritiseer??
Ek glo vas dat die beantwoording van hierdie vrae u besigheid sterker maak. As uu stelling distilleer, maak u dit kragtiger. En dit is noodsaaklik vir 'n goeie mobiele webwerf.
15. Neem ontwerpbesluite met behulp van Google Analytics
Die probleem met die ontwerp van mobiele toestelle is dat daar soveel toestelle is om in ag te neem. Optimaliseer u uitleg en ontwerp vir die iPad- of Android-tablette? Optimaliseer u vir iPhone 5 of iPhone 6? Of die Samsung Galaxy?
'N Responsiewe ontwerp beteken dat dit op 'n ander manier as elkeen vorm. Hier kan Google Analytics jou help. Die nuutste weergawe van Analytics laat jou toe om te sien watter mobiele toestelle die meeste toegang tot jou webwerf het:
In hierdie geval is iPhones die toonaangewende toestel – in 'n lang ruk. Dit is dus sinvol om al u toetse op 'n iPhone te doen. Prioritiseer die toptoestel wanneer u u mobiele webwerf optimaliseer.
Alhoewel mobiele toestelle nou die aanlyn inkopiemark oorheers, is mobiele webwerwe steeds ver agter. Hulle word deur die helfte van die grootste kleinhandelaars as 'n nadenke beskou.
Deur hierdie aanpassings en veranderinge aan te bring, kan u 'n tree voor die kompetisie kry deur te benut op hierdie enorme stroom verkeer.
Ek sal graag wil hoor wat u gedoen het om u mobiele webwerf te optimaliseer. Watter aanpassings het vir u gewerk??