ūüĎČ 15 matkaviestinn√§n aloitussivun parhaita k√§yt√§nt√∂j√§ osoittautui saadaksesi suuria tuloksia

Aloittelijan opas johtaa sukupolvi

Tiesitkö, että 51 prosenttia kuluttajista sanoo käyttävänsä mobiililaitteita uusien tuotemerkkien ja tuotteiden etsimiseen? Koska Äúsmartin matkapuhelimet ja kannettavat laitteet tulivat paikalle, he ovat jatkuvasti liikennöineet pöytiä.

Joten miksi mobiilimainokset ovat edelleen heikosti työpöydän muunnoksia?

No, on olemassa muutamia syitä. Jotkut näistä syistä, kuten ostajan huolet tietonsa turvallisuudesta, hallitsevat vähän. Yksi syy siihen, että mobiiliversioilla on edelleen jäljessä työpöydän muunnoksia, joihin sinulla on täydellinen hallinta: mobiilisi aloitussivuja.

Mikä on aloitussivu?

Aloitussivu on yksittäinen verkkosivu, joka näkyy klikkaamalla hakutulosta tai verkkomainosta. Näillä sivuilla on tyypillisesti yksi toiminto- tai käyttötarkoitus sekä pieni suunnittelu ja navigointi.

Tässä artikkelissa aiomme käydä läpi 15 mobiilin aloitussivun parhaita käytäntöjä, jotka parantavat mobiiliversioasi. Kääritään joitain mobiileja aloitussivuesimerkkejä, jotka innostavat sinua luomaan omasi.

Mobiilimaksulomakkeen parhaat käytännöt

Paras mobiili aloitussivu kiinnittää huomiota, vaatia toimintaa ja saa tuloksen. Tehty ja tehty.

Kun löydät itsellesi hyvin muotoillun mobiilin aloitussivun, jotain sisälläsi luultavasti huokaisi onnelliseksi, koska se vain, "oikein" ja on oh-so-easy-to-use.

Voit luoda omat aloitussivusi juuri näin, näillä 15 matkaviestinnän aloitussivun optimointivinkillä, joten päästäkää siihen.

1. Luo erillinen mobiililentoviesti

Ei riitä, että se on ensimmäinen, tai enempää. Matkaviestintäsi aloitussivut on suunniteltava nimenomaan mobiilikäyttöön tai ne eivät muuntele haluamaasi tavalla.

Hälytyssuunnitteluun liittyvä ongelma on, että kaikki elementit on suunniteltu edelleen työpöydälle, ei liikkuville. Jopa sivun virtaus luotiin työpöydän käyttöön. Koska mobiilikäyttäjät etsivät ja selaa sivustoja eri tavoin kuin työpöydän käyttäjät, aloitussivuja on mukautettava kullekin laitteelle, jota käytetään koko asiakkaan matkan aikana.

On tärkeää kartoittaa asiakastesti ja rakentaa sivustosi optimoiduksi laitteille, joita käytetään matkan varrella.

PayPal tekee hyvää työtä täysin erilaisen kokemuksen luomisesta mobiili- ja työpöydän käyttäjille. Heidän työpöydän aloitussivu, vaikka se onkin minimalistinen, on visuaalisesti kiehtovaa ja houkutteleva.

Heidän matkaviestinsä aloitussivu on hyvin yksinkertainen. On mahdollista kirjautua sisään ja valikko, jos haluat nähdä lisävaihtoehtoja, mutta ensisijainen painopiste on kaksi painiketta, jotka vievät sinut enemmän tietoa PayPalin käytöstä henkilökohtaiseen käyttöön tai yrityskäyttöön. Tämä poistaa liikkuvan kävijän tarpeen selata sivuston etsiäkseen he etsivät tietoja.

Kuten näet, molemmat aloitussivut ovat visuaalisesti houkuttelevia ja molemmat käsittelevät hyvin erilaisia ‚Äč‚Äčvieraiden tarpeita. Mobiili aloitussivu on rakennettu auttamaan kävijöitä löytämään tietoja tai suorittamaan tehtäviä nopeasti, kun työpöydän aloitussivu on suunnattu enemmän kävijöille, joilla on aikaa viettää aikaa.

2. Käytä Click-to-Call -toimintoa

Jos tärkeät tiedot, kuten mainosjakauma, työajat ja hinnoittelu eivät ole helposti saatavilla sivustossasi, on oltava yhteystietosi. Mobiilisivustossa tämä tarkoittaa napsauttamalla-to-call -painiketta, joka on helppo havaita ja tarpeeksi suuri napsauttamaan.

Mobiilikäyttäjät ovat kiinnostuneita saamaan etsimäsi tiedot juuri nyt. Jos he eivät löydä sivustoasi nopeasti, he etsivät helpointa tapaa ottaa sinuun yhteyttä saadakseen tarvitsemansa tiedot.

3. Toteuta napsauttaminen vierittämällä

Useimmiten lyhyempi aloitussivu on parempi. On kuitenkin aikaa, että käyttäjät haluavat selata luetteloasi tai lukea jotain sivustossasi. Näissä tapauksissa voit käyttää napsauttamalla-vierittämiseen.

Napsauttamalla-vieritys tarkoittaa, että asetat navigointipainikkeet, joita käyttäjä voi napsauttaa ottamaan ne pitemmälle, vierittämällä sivulle. Sen sijaan, että pakotat vierittämään sivustosi kävijöitä, annat heidät tekemään päätöksiä.

String Automotive teki oman A / B-testauksen mobiiliin aloitussivulleen ja huomasi sen lisäämällä poistumisprosenttia 37% lisäämällä klikkauksen vierittämiseen.

4. Käytä tarroja otsikoita ja alatunnisteita

Vaikka näytön kiinteistöt ovat arvokkaita matkaviestinnän aloitussivuilla, on tärkeää pitää puhelut toimintaan tai mitä tahansa navigointia, jota käytät mobiiliasi aloitussivulle helposti. Sticky-navigointi antaa kävijöille mahdollisuuden mitä he etsivät noin 22% nopeammin, mikä on iso juttu mobiiliin aloitussivuihin.

Myös kirjaimellisesti kaikki haluavat sivustoja, joilla on tahmea navigointi, vaikka eivät pysty selittämään miksi.

5. Käytä Mobile-Optimized Popups -ohjelmaa

Ponnahdusikkunat voivat olla hyödyllisiä ja tehokkaita lyijyn tuottamiseen matkaviestinnän aloitussivuilla, jos varmistat, että ne on optimoitu mobiililaitteille. Suuri osa kyseisestä optimoinnista tarkoittaa sitä, että ne pysyvät mahdollisimman yksinkertaisina, joten rajoitat lomakkeen vain muutamiin kenttiin tai jopa vain sähköpostiosoitteeseen. Voit aina tavoittaa vierailijalle tarjotun sähköpostiosoitteen saadaksesi lisätietoja myöhemmin.

Mobiiliversioihin käytettävien ponnahdusikkunoiden tulisi vastata matkaviestimen aloitussivun kokoa, eikä kävijän ole taakka sulkea tai hylätä.

On niitä, jotka kertovat, että mobiilisivustoilla ei pitäisi koskaan olla ponnahdusikkunoita, mutta useat Jared Ritcheyn asiakkaat ovat nähneet suurta menestystä heidän kanssaan:

  • ChinaImportal kasvatti johtoja 18%
  • Advisor-valmentaja näki 3X sitewide-muunnokset
  • Salt Strong muutti 3,8% matkaviestimistä

Käytettäessä oikeita ponnahdusikkunoita on mahtava lisäys muuntorajasi optimointistrategialle.

6. Käsityö lyhyempi kopio

Mobiilisivustosivusi ei saisi sisältää koko kopiota työpöydän sivustosta. Tämä on paikka lyhyen lyhennetyn kopion käyttämiseen.Voit ja pitää silti olla älykäs ja värikäs, mutta sinun on päästävä siihen nopeasti tai kävijät turhautuvat sinuun ja lähtevät.

Seuraavassa on joitain keinoja, joiden avulla voit pienentää tekstiviestiäsi mobiiliversiossasi:

Leikkaa kaikki mitä voit, tyhjää selkeyttä

Tavoitteena on olla lyhyt ja ytimekäs, ei leikata keskeisiä pisteitä, jotka tekevät tai rikkovat viestisi. Jos jokin tuo lisäarvoa, jätä se.

Käytä luotipisteitä

Bullet-pisteet ovat tärkeitä avainpisteiden saamiseksi pienempiin paloihin tarvitsematta käyttää niitä tukevaa kopiota. Niillä on myös lisäetu piirtää kävijän silmää, mikä tekee heistä vähemmän todennäköisesti unohdettavia.

Pidä lausekkeet ja kappaleet lyhyt

Lauseiden ja kappaleiden tulee olla lyhyitä ja helppoja lukea. Sivullasi ei saa olla tekstiä. Tekstin hajottaminen pitää kävijän kiinnostuneena ja helpottaa keskeisten kohtien löytämistä.

Älä unohda, että työskentelet vähemmän matkaviestinnän aloitussivulla kuin työpöydällä. 10-sanaisen otsikon voi päätyä 7 riviä tekstiä, kuten tämä huonosti suunniteltu mobiili aloitussivu HubSpotista:

7. Siirry helposti näyteikkunoihin ja videoihin

Kuvat ja videot ottavat tietoja. Kaikki matkaviestimen aloitussivulle saapuvat käyttäjät eivät tule olemaan WiFi-verkossa; jotkut käyttävät rajoitettua solutietojaan. Pidä kuvat mahdollisimman pieninä ja varmista, että optimoi kuvat, joita käytät varmistaaksesi, että ne on pakattu.

Jos aiot käyttää videoita, et ehdottomasti halua heitä asetettu auto-play. Tämä tarkoittaa sitä, että kävijöiden on napsautettava heitä pelaamaan niitä, mikä saattaa häiritä niitä ensisijaisesta puhelusta toimintaan.

Aloitussivua ei tarvitse heikentää kuvilla ja videoilla visuaalisesti houkuttelevaksi. Katso vain tämän kauniin mobiilin aloitussivun Evernoteista:

Se on yksinkertainen, ei ole kysymys toiminnasta, ja se latautuu todella nopeasti. Se on myös erittäin houkutteleva, koska se ei ole raskas kuvamateriaali. Vertaa tätä Amrit Yoga -mobiiliin aloitussivulle:

Toki se on hyvin kaunis sivu, mutta se on täynnä kuvia ja on täysin liian resurssi-intensiivinen ladata. Amrit Jooga olisi voinut siirtää rauhan ja rauhan joogaa yhtä hyvin minimalistisen muotoilun kanssa rajoitetuilla kuvilla ja päätyi sivustoon, joka latautui paljon nopeammin.

8. Tee se nopeasti

Huomion kiinnittäminen kuormausaikoihin on erittäin tärkeää, koska sivun latausajat kasvavat, myös poistumisprosentit nousevat. Kun kävijä poistuu sivustosta hitaiden latausaikojen vuoksi, lähes 50% heistä ei koskaan palaa takaisin.

Seuraavassa on tietoja, jotka Google paljastui tutkimuksessaan vuonna 2018:

Mielenkiintoista on, että keskimääräinen matka-ajan aloitussivu latautuu kokonaan 15 sekuntia. Kun katsot, että 53 prosenttia mobiilisivustojen kävijöistä palaa, jos sivusto kestää yli 3 sekuntia, keskimääräinen sivusto latautuu liian kauan.

Jos otit huomion edellisestä vinkkiestä, sivustosi pitäisi jo ladata nopeammin, koska kuvat ja videot ovat yleensä numero yksi ongelma hitaissa sivustoissa. Voit myös päivittää hosting-suunnitelmasi nopeammin, tai katsoa Content Delivery Network (CDN), kuten MaxCDN.

9. Kiinnitä yksittäisiin pylväsasetteluihin

Mobiililaitteet eivät tarvitse useita sarakkeita. Heillä ei ole tilaa niille ja jokin muu kuin yksi sarake tekee navigoinnista ja rullasta tuntuu todella hankalalta ja typerältä.

Tietenkin säännöt tehdään myös joskus rikki. Jos yrität saada kävijän huomion, se voi olla hyödyllistä joskus kohdistaa sisällön väärin. Suurin osa yksittäisestä sarakkeesta on kuitenkin tapa lähteä.

Katsotaanpa eroa toiminnan erosta. Ensinnäkin Alaskan valtion virallisella sivustolla ei ole todellisia matkaviestinnän aloitussivuja, vaan käyttää vain säännöllistä kotisivun kotisivua, mutta se toimii esimerkkinä:

Useat sarakkeet, jotka toimivat tavallisella verkkosivustolla, eivät toimi vain mobiilisivustossa. Voitko kuvitella, kuinka vaikeaa olisi navigoida tällä sivustolla noin 3X5 tuumaa?

Katsotaan nyt kalifornialaisen mobiilin aloitussivun:

Ei ole jännittävää, mutta varmasti paljon helppokäyttöisempi.

10. Tarkasta navigointi

Tiesitkö, että jotkut markkinointijohtajat ajattelevat, että meidän on poistettava navigointi kokonaan matkaviestinnän aloitussivuilla ja keskityttävä viemään kävijöitä kohti ensisijaista toimintamallia, jonka haluamme heidän täyttävän sivun?

Useat mobiilit aloitussivut käyttävät navigointiin tarkoitettua "hampurilaista" tilaa säästäen pienillä näytöillä. Useimmat kävijät ovat tottuneet näkemään tämän symbolin ja tietävät, että napsauttaminen tuo näkyviin navigointiasetuksia.

Jotkin sivustot käyttävät tahattomia otsakkeita, joista puhumme kohdassa # 4, sisältäen muutamia tärkeimpiä navigointiyhteyksiä, jotka liittyvät ensisijaiseen tavoitteeseen matkaviestinnän aloitussivulla.

11. Optimoi lomakkeet mobiililaitteille

On erittäin tärkeää, että optimoit lomakkeet mobiilivierailijoille. Lomakkeiden täyttäminen mobiililaitteella on tosiasiassa negatiivista verkko-hauskaa, joten varmista, että saat paljolti vähimmäistiedot, joita tarvitset tavoitteen saavuttamiseksi. Voit aina seurata myöhemmin lisätietoja.

Nopea vinkki: Jos sinulla on WordPress-sivusto, voit käyttää WPForms-laajennusta, jonka avulla voit luoda nopeasti ja helposti lomakkeita, jotka toimivat kauniisti mobiililaitteiden kävijöille.

Tämä Learn Jazz Standards -lomake on erinomainen esimerkki siitä, millaisia ‚Äč‚Äčmobiilimuotoja pitäisi olla:

He asettavat sinut siihen, mitä he tarjoavat. Se on hieman sana, mutta lomake muodostaa sen. Kolme kenttää: etunimi, sähköpostiosoite ja pudotusvalikko, jos haluat valita soitettavan laitteen. Puomi. Klikkaa tilaamalla ja olet matkalla oppimaan jazz-standardeja.

Likeable Local on toinen tarina kokonaan.

Olemme varmoja, että he ovat ihastuttavia, mutta emme ole varma, että pidämme heitä tarpeeksi vielä viettämästä aikaa, jonka hän tarvitsee täyttääkseen 6 tekstikenttää ja pudotusta mobiililaitteella ennen kuin voimme ladata niiden magneettia.

Jos tarvitset apua juuri oikean valinnan tekemiseen, tutustu tähän viestiin siitä, miten voit luoda liikkuvia valintoja, jotka saavat lisää liiketoimintaa.

12. Käytä suurta kontrastia

Suuret kontrasti värit tarjoavat kaksisuuntaisen tarkoituksen matkaviestinnän aloitussivun optimointiin.

Ensinnäkin he ovat silmiinpistäviä ja jopa ihmisillä, joilla ei ole suunnitteluruuhaa, voi joskus löytää kauniisti suunniteltuja painikkeita, joita ei voi vastustaa.

Toiseksi ihmiset käyttävät mobiililaitteita kaikkialla, ja luonnollisen ulkovalaisimen avulla on vaikea nähdä, mikä on ruudulla, jos se on alhaisen kontrastin muotoilu.

Apple tekee erinomaista työtä käyttämällä suurta kontrastia tummemman tekstin ja kuvien kanssa kirkkaalla valkoisella taustalla.

Lindsey Racing, no, ei.

Musta, harmaa ja punainen muotoilu näyttää silmiinpistäväksi, jonka oletamme olevan, mitä he olivat menossa, mutta kaikki muuttuu vain karkeiksi kevyiksi.

Haluat varmistaa, että käytät värejä, jotka muuntavat hyvin ja näkyvät missä tahansa valaistuksessa, jonka kävijät sattuvat käyttämään.

13. Käytä valkotasoa

Kuten olemme jo nähneet Evernote ja Apple, valkoinen tila on ihana asia. Se herättää kiinnostusta ja tekee matkaviestinnän aloitussivuista moderniin. Se antaa myös silmien tilaa lukea sivuilla olevat sanat.

Valkoisella tilalla myös kosketusnäytön vuorovaikutus helpottaa kävijöitä ja pitää vahingossa tapahtuvat napsautukset mahdollisimman pieniksi.

Katsokaa SquareSpacta luovan otteen valkoiselle tilalle.

Squarespace: n valkoiset tilat osoittavat, että valkoinen tila ei tarkoita "valkoista" tilaa. Etsimme valkoista "vapaasti häiritsemättä". SquareSpace tekee tämän kauniisti.

14. Aseta puhelut toiselle sivulle

"Taitteen yläpuolella" sovelletaan edelleen mobiiliin aloitussivuihin. Kyllä, mobiilikäyttäjät ovat valmiit vierittämään, mutta 80% matkaviestimen huomionosoituksesta käytetään edelleen sivun yläosassa ennen ensimmäistä vaistomaista rullausta. Tässä on ensisijainen toimintapyyntösi.

Drift on erinomainen tehtävä pitää puhelumme toimia kohti sivun yläosaa ja kiinnittää siihen huomiota pienellä värinvaihtotoimella. He ovat muuttaneet tätä hienoa ominaisuutta, mutta halusimme käyttää sitä täällä, jotta voimme näyttää, mitä voidaan tehdä.

Kun vierität alas Driftin sivua, saat saman toiminnon (ilman värejä) noin puolivälissä muistuttaaksesi, miksi olet siellä.

Jos et ole varma siitä, mikä tekee hyvää toimintapyyntöä, voimme auttaa sinua luomaan täydellisen kutsun toimintaan.

15. A / B-testi

Tallennimme tärkeimmän matkaviestimen aloitussivun parhaiden käytäntöjen viimeiseen: A / B-testaukseen. Saadat niin paljon tietoa, että voit parantaa sivustoasi, lisätä tuloksia ja kasvattaa tuloja vain hienoilla muutoksilla.

Tässä on A / B-testin perusmuoto:

  • Päätä, mihin ongelmaan haluat ratkaista, esimerkiksi lisäämällä tulosprosentteja.
  • Määritä, mitä haluat vertailla; Esimerkiksi 10% alennetaan paremmin kuin ilmainen toimitus?
  • Suorita testi tekemällä kaksi aloitussivun versiota, ainoa ero on vertailu.
  • Kuvaa voittaja analysoimalla tiedot ja tarkastelemalla A / B-testin tuloksia.
  • Tee kokeilusi uudelleen ja toista se uudelleen.

On olemassa kirjaimellisesti tuhansia tapoja erottaa sivustosi ja jakaa se testata. Joitakin ideoita varten voit tarkastella tätä virkaa 11 A / B-testauksen parhaista käytännöistä.

Paras Mobile-aloitussivu, joka muuntaa

Nyt, kun olet suunnittelun ja testauksen asiantuntija, katsotaanpa joitain mobiileja aloitussivuesimerkkejä. Olet jo nähnyt joitain suosikkejamme yllä olevista esimerkeistä, mutta tässä on muutamia parhain esimerkkejä, jotka olemme löytäneet.

Todoist

Miksi me rakastamme sitä:

  • Korkea kontrasti
  • Soita toiminnolle sivun yläosaan
  • valkoinen tila
  • minimaalinen grafiikka

operaattori

Miksi me rakastamme sitä:

  • Hauska grafiikan käyttö
  • Super yksinkertainen muoto
  • Korkea kontrasti
  • Ei jättiläistä tekstiä

Zero Financial

Miksi me rakastamme sitä:

  • Käyttää videota, mutta ei toista itseään
  • Toimintojen kutsuminen on sivun yläreunassa
  • Suuria kuvia
  • Erinomainen valkotilan käyttö

Vivint

Miksi me rakastamme sitä:

  • Emotionaalinen graafi vetää sydämen voimakkuutta
  • Suuri kontrasti
  • Click-to-call -painike
  • Kopiointi on pisteeseen

Siellä sinulla on se! 15 matkaviestinnän aloitussivun parhaita käytäntöjä ja optimointitekniikoita, jotka edistävät tuloksia ja sitoutumista mobiililaitteille. Jos etsit lisää tapoja lisätä mobiiliversion muuntokurssia, tutustu näihin 19 testattuihin menetelmiin.

Jared Ritchey voi olla johtava sukupolvi kumppani, jota olet etsinyt. Liity meihin tänään. Mitä odotat?

Like this post? Please share to your friends:

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: