Već je rečeno da, kao i cijela stranica ili online trgovina, mora biti optimizirana za preuzimanje na pametnim telefonima. Usput, u članku "" nije dat samo algoritam za pokretanje trgovine, već su date i lekcije u količini od 5 komada sa prilagođeni šablon prodavnica, i sve to besplatno. Članak "" pomoći će vam da brzo organizirate prodaju. Koristeći ova dva priručnika i lekcije, možete napraviti dobar početak projekta.
19. Kreirajte odredišnu stranicu optimiziranu za mobilne uređaje.
Prema eMarketeru, u 2015. godini u svijetu će biti 1,75 milijardi korisnika pametnih telefona, a to je tek u 2015. godini, ovaj broj eksponencijalno raste. Budući da ste vlasnik preduzeća ili marketinški stručnjak, jednostavno ne možete zanemariti mobilnih korisnika posjeta vašoj odredišnoj stranici.
Trenutno se toliko pažnje posvećuje odredišnoj stranici za puna upotreba pretraživači (desktop) i mobilno iskustvo često su osrednji. Ali kako broj korisnika pametnih telefona raste, to će se promijeniti.
Razvijajte odredišne stranice samo prilagodljivo
Nema sumnje da odredišnu stranicu treba optimizirati za mobilne uređaje. To znači da bi odredišna stranica trebala biti laka za čitanje za mobilne korisnike. Korisnici bi trebali biti u mogućnosti da jednostavno popune obrazac ili pritisnu dugme na svom ekranu bez pritiskanja prstiju ili zumiranja. A stranica bi se trebala još brže učitavati na mobilnom uređaju. Ako se stranica učita za oko 3 sekunde (računajući milje u sekundi), tada klijent najvjerovatnije neće čekati i napustiti landing. Ovo bi se smatralo neuspjehom, stopa neuspjeha u faktori ponašanja je vrlo važno za cijelu stranicu i što više odbijanja, to je cijela stranica lošije rangirana.
Provjerite sve elemente odredišne stranice na svim uređajima i popularnim pretraživačima Ali porast usvajanja pametnih telefona također predstavlja izazov šta najbolje funkcionira za odredišnu stranicu. Na primjer, samo zato što je vaša odredišna stranica vidljiva na pametnom telefonu ne znači da će se pretvoriti. Poziv na akciju može biti „na prvom ekranu“ sa laptopa, ali šta se dešava s njim na manjem mobilni ekran? Ako većina vaših posjetitelja gleda vašu odredišnu stranicu na mobilnom uređaju, onda je vrijeme da ponovo razmislite o svom pristupu i počnete s prvo mobilni ekran. To znači da odredišna stranica mora biti prilagođena prvenstveno za mobilne uređaje, a drugo, za desktop računare i laptopove.
Zaključci:
- Pratite utovar vašeg prodavača;
- Koristite dobro optimizovane slike i video zapise;
Sljedeća publikacija iz knjige je Testiranje odredišne stranice.
Možda će vas zanimati:
Zamislite da ste u nepoznatom gradu i morate brzo pronaći određene informacije koristeći mobilni telefon. konačno nađeš pravi resurs, ali ... potpuno nije namijenjen mali ekran. Potrebno je zauvijek da se stranica učita, mala dugmad se ne mogu pronaći, morate kopirati i zalijepiti broj telefona kompanije da pozovu kancelariju. Ili još gore: morate popuniti dugačak obrazac za potencijalne klijente.
Svi smo to iskusili barem jednom u životu. Statistika analitičke kompanije "IDC" kaže da će ove godine biti više korisnika koji pristupaju internetu preko mobilnih uređaja nego onih koji koriste lične stacionarne računare.
Istraživanje Lukea Wroblewskog, direktora za proizvode u Googleu i autora Mobile First! pokazuje da je između 2009. i 2013. potrošnja sadržaja putem poznatih kanala kao što su televizija, radio i štampa značajno smanjena. Jedini pokazatelj koji je porastao je upotreba mobilnih uređaja.
Više nego ikad, ljudi sada kupuju na mreži, čitaju vijesti i pretražuju web stranice na svojim telefonima. Ali uprkos činjenici da se ovaj trend razvija već nekoliko godina, mnogi resursi se nisu uspjeli prilagoditi.
Čak iu 2015. godini većina korisnika ima niz poteškoća:
- Odredišne stranice nisu optimizirane za ekrane mobilnih uređaja, stranice su teške za navigaciju;
- Morate stalno zumirati i umanjiti stranice da biste pronašli informacije koje su vam potrebne;
- Potrebno je stalno unositi neke podatke;
- Stranice se učitavaju sporo;
- Dugmad su premala, tako da često posjetitelj dođe na pogrešnu stranicu.
Zbog činjenice da postotak korištenja mobilnih uređaja svake godine raste, pitanje poboljšanja upotrebljivosti mobilne verzije postaje sve aktuelnije.
Ako još niste optimizirali svoju odredišnu stranicu i niste sigurni da će svi korisnici telefona biti zadovoljni njome, obratite pažnju na ovih 5 uobičajenih grešaka i nikada ih nemojte činiti. U suprotnom, vaši potencijalni kupci će ostati razočarani i napraviti izbor u korist konkurenata.
1. Stranica nije optimizirana za mobilne uređaje
Još u decembru 2012. medijski resurs Mashable je 2013. proglasio godinom responzivnog dizajna. Velike kompanije onda su na to obratili pažnju i razvili mobilne verzije svojih resursa. Ali mnogi se ne mogu pohvaliti ispravan prikaz stranice do sada.
Responzivni dizajn je način da se vaš resurs dobro prikaže različite platforme i uređaja bez kreiranja više stranica. Na primjer, korisnici će, bez gubljenja vremena na skaliranje (uostalom, ovo je stvarno neugodno), moći direktno na navigaciju. Responzivni dizajn ne samo da će poboljšati korisničko iskustvo, već će imati i pozitivan utjecaj na konverzije.
Maloprodaja odeće O'Neill Clothing postigla je impresivne rezultate nakon što su se prijavili njeni trgovci adaptivni dizajn. Pratili su tri ključne metrike: konverzije, ponude i prihod tri sedmice prije i nakon primjene tehnologije. Rezultati su bili nevjerovatni.
iOS uređaji:
- Konverzija povećana za 65,71%
- Broj transakcija - za 112,50%
- Prihod - za 101,25%
Android uređaji:
- Konverzija povećana za 407,32%
- Broj transakcija - za 333,33%
- Prihod - za 591,42%
Za ilustraciju se može dati mnogo primjera jasne prednosti adaptivni dizajn. Skinny ties, kompanija koja proizvodi kravate od 1971. godine, zabilježila je povećanje prihoda od 42,4% nakon lansiranja mobilnih telefona. U kompaniji za fotografsku opremu Think Tank Photo, broj poslova sklopljenih pomoću pametnih telefona i tableta porastao je za 96% u odnosu na prethodnu godinu.
2. Ignoriranje korisničkih ciljeva
Još jedna uobičajena greška je pretpostavka da će responzivni dizajn riješiti sve probleme. Ali nije sve tako jednostavno. Iako može spriječiti mnoge poteškoće, vrijedi razmotriti namjere onih korisnika koji resursu pristupaju s mobilnog telefona.
Mike Mace, potpredsjednik UserTesting-a, istražio je hiljade mobilnih verzija. Evo njegovog zaključka: „Morate redizajnirati svoju stranicu posebno za mobilne uređaje, a ne samo je prilagoditi. Mobilna verzija nije samo drugačiji skup tehnologija, to je i drugačije ponašanje korisnika, različita očekivanja.”
Na primjer, vlasnici pametnih telefona očekuju da će njihovi ciljevi biti ispunjeni odmah. Žele brzo pronaći informacije tokom pauze između sastanaka ili dok se voze autobusom. Korisnik tableta često ima vremena za pretragu, na primjer, sjedi kod kuće ispred televizora (koji, inače, radi kao smetnja).
Također treba imati na umu da se potrebe i prioriteti vlasnika mobilnih telefona često razlikuju od onih korisnika kućnih računara: prvi će, najvjerovatnije, morati brzo pronaći karticu ili broj telefona. Stoga stručnjaci preporučuju ne samo "prenošenje" svih informacija sa odredišne stranice na mobilna verzija, ali razmislite o ciljevima korisnika i odgovarajućem dizajnu.
Niko ne voli da ispunjava dugačke formulare čak ni na običnim sajtovima, već da ulazi razne informacije preko mobilnog - toliko je neugodno da se ne uklapa ni u jedan okvir. Glavni savjet: Izbjegavajte duge, dosadne forme kada razvijate mobilnu verziju.
Kao rezultat toga, dobit ćete ne samo pozitivno korisničko iskustvo, već i povećanje prihoda, rast vašeg poslovanja. Kao što smo već saznali, dugi obrasci su dosadni, a ako ih koristite, sigurno ćete na ovaj način smanjiti stopu konverzije. Na primjer, velika turistička agencija, Expedia, izgubila je 12.000.000 dolara profita zbog nepotrebnih polja obrasca koja zbunjuju korisnike i jednostavno ih zbunjuju.
Ako korisnici vide dugačke obrasce na svom mobilnom uređaju, pokušat će izbjeći dosadne interakcije. Lean Startup UX autorica Laura Klein napominje: „Očekivanje da će korisnici mobilnih uređaja unositi podatke u isti desktop računare je najveća greška mnogih kompanija.
Nekoliko savjeta za stvaranje najprikladnijih i razumljivih obrazaca:
- Samo izaberite jednostavni oblici i ne tražite previše informacija;
- Uklonite dodatna polja;
- Uključite automatsko dovršavanje za najčešće riječi i fraze;
- Koristite alate ugrađene u mobilne uređaje ( numerička tastatura, GPS, adresari, kamere itd.).
Poznata situacija: pokušavate da pratite link ili popunite formular koristeći mobilni telefon, ali umjesto toga dolazite na potpuno drugu stranicu. Kombinacija malih ekrana i mnogih elemenata na koje se može kliknuti stvara mnogo neugodnosti za korisnike.
Steven Hoober, dizajner mobilnog korisničkog iskustva, dizajner i autor Dizajniranja mobilnih interfejsa” savjetuje: „Uvjerite se da je svaka dodirna zona na najmanje 8 milimetara od centra drugog, iako je udaljenost od 10 milimetara još poželjnija.”
Veze, polja obrasca i još mnogo toga važnih elemenata moraju biti dovoljno veliki da korisnici lako kliknu na njih. U tu svrhu, Apple je postavio minimalnu veličinu objekta od 44x44 piksela. Sada se ovaj standard koristi za sve proizvode kompanije.
Ne postoje pravila i veličine koje bi odgovarale svakoj odredišnoj stranici, ali prema Stevenu Huberu, tri kriterija treba uzeti u obzir pri razvoju resursa: dugmad treba da budu čitljiva, jasna i privlačna korisnicima.
Korisnici mobilnih telefona su veoma nestrpljivi i sporo učitavanje je ozbiljan problem. 80% vlasnika pametnih telefona očekuje da će se stranice učitavati jednako brzo kao i na ekranu njihovog kompjutera. Ako stranica ne reaguje na korisnikov dodir, onda je osoba najvjerovatnije:
Umjesto zaključka
Nivo potrošnje medijskih sadržaja putem mobilnih uređaja raste svakog mjeseca. Sve više ljudi ima pristup mobilni internet, i to je važno uzeti u obzir prilikom izrade odredišne stranice ili web stranice.
Previše složeni resursi frustriraju korisnike i guraju ih prema konkurenciji. Učinivši svoju odredišnu stranicu jednostavnom i ugodnom za korištenje na mobilnim uređajima, prestat ćete propuštati potencijalnim klijentima i povećajte stope generiranja potencijalnih kupaca.
Mobilni saobraćaj je tako brzo promijenio svijet da su nova pravila igre mnoge iznenadila. Najnovije istraživanje tržišta pokazuje stabilnu stagnaciju desktop segmenta u pozadini snažnog rasta mobilnih uređaja, koji traje više od godinu dana. U takvim uslovima, posao koji nije spreman da radi sa najvrednijim saobraćajem sa pametnih telefona i tableta prestaće da bude efikasan - sada ili za šest meseci, nije bitno.
Ovo se posebno odnosi na kompanije u segmentu e-trgovine koje se oslanjaju na prodaju putem odredišnih stranica. Broj jedan na listi zadataka za čelnika takvog biznisa, očigledno bi trebalo da bude adaptacija odredišne stranice za mobilne uređaje. A kako bi bio što efikasniji, vrijedi procijeniti obim posla.
Dakle - šta i kako se prilagođavamo?
- Slike.Po pravilu, slike na desktopu su nepristojno velike i treba im vječno da se učitavaju na mobilnom uređaju. Morate ih ili smanjiti - uklopiti ih na ekrane pametnih telefona i tableta, smanjiti kvalitetu kako biste smanjili težinu ili možete koristiti dodatak / skriptu Adaptive Images, koji bira veličinu i kvalitet slike ovisno o uređaju. Prvo rješenje je strateški ispravnije i omogućit će vam da efikasnije optimizirate svoju odredišnu stranicu za mobilne uređaje.
- Meni.Pojednostavite navigaciju kroz meni - oslobodite se manje važnih opcija, višestepenih kartica i malih slova.
- Stolovi.Svaka internet prodavnica sastoji se od tablica sa robom, a često se nalaze na drugim sajtovima. Kako bi se ovi podaci ispravno prikazali prilikom prilagođavanja odredišne stranice za mobilne uređaje, razmotrite mogućnost horizontalni skrol- tako da glavni sadržaj ostane nepomičan.
- Obrasci za unos.Treba ih povećati i optimizirati za upotrebu ispravne vrste polja. Također isključite automatsko ispravljanje, kucanje sa veliko slovo i popraviti - ometaju unos podataka sa telefona.
- Sadržaj.Nemojte koristiti font manji od 16 tačaka, ne zaboravite na uvlake između redova i od ivice ekrana - i nemojte pojednostavljivati sadržaj toliko da klijent mora otići na desktop stranicu u potrazi za potrebne informacije.
- Prilagodljivost.Mnogi ljudi misle da optimizacija odredišne stranice za mobilne uređaje znači da ona bude prilagodljiva. Ovo nije sasvim tačno: sajt jednostavno mora biti ispravno prikazan na svim ekranima, što se nikako ne postiže jednom tehnologijom. Pročitajte više o tehnologijama mobilizacije web stranice u našem članku.
- Brzina skidanja.Ovaj parametar direktno zavisi od svih prethodnih tačaka. U pravilu se najbrže učitavaju mobilne stranice napravljene korištenjem tehnologije za izradu šablona. Pošto su šabloni već unapred dobro optimizovani, sve prethodni paragrafi možete sigurno preskočiti listu i prijeći na najzanimljivije - izbor i jednostavno postavljanje odgovarajuća opcija.
Sve ove naizgled složene stvari mogu se lako uklopiti jednostavna rješenja. Na Rusko tržište predstavljen je izbor opcija adaptacije odredišnu stranicu za mobilne uređaje za svaki ukus i budžet: možete unajmiti cijeli web studio ili koristiti online usluge. Na primjer, MoAction ima više od 100 gotova rješenja, koji imaju najvišu ocjenu mobilnosti od Googlea i profesionalni su.
Izbor je na vama!
Landing page je web alat za marketinške stručnjake za povećanje profita kompanije. Stranica koja oprašta ima veće stope konverzije nego jednostavna stranica. Da bi bila maksimalna, odredišna stranica mora biti pouzdana za korisnika, kao i da se pravilno prikazuje na svim uređajima. U nastavku ćemo saznati zašto je važno optimizirati stranicu za mobilne uređaje.
Broj prijelaza s mobilnih uređaja brzo raste:
U Runetu gotovo 55% kupaca pristupa odredišnoj stranici s mobilnih uređaja. U sektoru interneta na engleskom govornom području ova brojka je veća. 70% posjetitelja interneta koristi mobilne uređaje kao glavni način pristup mreži.
Zašto broj mobilnih saobraćaja raste?
- Obilje mobilnih uređaja na tržištu
- Veliki broj Internet operatera
- Kvalitetan mobilni internet
- Distribucija wi-fi zona
- Pojava mobilnih verzija poznatih pretraživača
- Jednostavnost i lakoća korištenja mobilnih uređaja
Kupci idu na stranicu u potrazi za potrebnim informacijama/proizvodom/uslugom, radeći sa telefonima, pametnim telefonima, iPadima, tabletima. Mobilni promet vaše odredišne stranice je lako pratiti. Za to postoje posebni online alati (na primjer, LiveInternet, Google analitika). Oni kontinuirano prikupljaju statistiku posjetitelja odredišne stranice, uključujući prikupljanje informacija o prometu.
Moglo bi se ispostaviti da je tako mobilni saobraćaj odredišna stranica jednaka je ili čak premašuje broj korisnika sa desktop uređaja. Ako je udio kupaca koji su došli na stranicu putem gadgeta značajan, onda ne možete bez mobilne verzije. Postoji izlaz: stvoriti odvojena verzija odredišnu stranicu za mobilne uređaje ili prilagodite odredišnu stranicu za bežične uređaje.
Zašto je ovo potrebno?
- Da ne bi izgubili potrošače . 50% kupaca se ne vraća na odredišnu stranicu ako su imali loše iskustvo pri ulasku na ovu odredišnu stranicu.
- Tako da svi posjetitelji interneta mogu u potpunosti istražiti odredišnu stranicu. Trebao bi biti prilagođen mobilnim uređajima. 91% mobilnih tražitelja posla pretvara se u kupce.
- Omogućite klijentu da posjeti odredišnu stranicu sa bilo kojeg dostupnog uređaja.
Šta treba učiniti da ne bi izgubili klijenta svog mobilnog uređaja?
- Biramo kvalitetan hosting. Pružamo brz i stalan pristup odredišnoj stranici. Mobilni korisnik neće čekati da se stranica učita, informacije su im potrebne sada.
- Preusmjerite na mobilnu verziju. Sa mogućnošću povratka na punu verziju.
- Poseban izgled stranice za mobilni promet. Za ispravan prikaz odredišne stranice na mobilnih uređaja.
- Navigacijski meni (gore - dolje)
- Vertikalno pomicanje (prevlačenje)
- Pogodan interfejs i relevantne informacije
- Ne učitavamo ponovo stranicu. Odbijamo flash u korist HTML, JQuerty, jpeg - grafike.
- Uzdržano, ali u skladu s cjelokupnim konceptom dizajna odredišne stranice
- Sadržaj stavljamo u jednu kolonu, gdje na vrhu glavne kolone pišemo “poziv na akciju”. Ako poziv treba postaviti na dno, onda ćemo na vrhu stranice svakako koristiti teasere.
- Mi skaliramo. Prihvatljiva veličina za pravilan prikaz mobilni uređaji- do 8 inča.
- Funkcija poziva na dodir. Klijentu je lakše da pritisne jedno dugme nego da bira ceo broj.
- Pružamo mogućnost klikanja na dugmad. Trebali bi biti takve veličine da potrošač može lako izvršiti radnju; smještene na udaljenosti jedna od druge radi funkcionalnosti.
- Kreiranje dugmadi društvene mreže. Većina mobilnih posjetitelja koristi svoje uređaje za posjetu društvenim mrežama. mreže.
- Prilagođavamo tekst (tabele, markeri, teze)
- Čitljivost stranice. Mogućnost skeniranja, a ne čitanja.
- Zamjena veza dugmadima na koja se može kliknuti
- Lokaliziranje pretrage. Za povećanje pokazatelja rangiranja koristimo upit koji je relevantan u odnosu na lokaciju posjetitelja.
- Orijentisan na podatke. Mobilni saobraćaj je povezan sa događajima sadašnjosti i budućnosti.
- Poboljšanje obrazaca za prikupljanje podataka, upitnika (nekoliko polja za popuniti)
- Fokusirajte se na vertikalno i horizontalno postavljanje
- Testim. Provjeravamo kvalitet prikaza odredišne stranice na različitim mobilnim uređajima s emulatorima.
Vrijedi razmotriti potrebe mobilnih korisnika odredišne stranice. Oni čine skoro polovinu ukupnog prometa na odredišnim stranicama i njihov broj raste.
Inovativni procesi u IT oblasti povećavaju mobilni promet. Potražnja za resursima prilagođenim mobilnim uređajima premašuje ponudu, stoga unaprijed vodite računa o prilagodljivosti vaše odredišne stranice.
I opet dobre vijesti Za vlasnike WordPress stranica postoje dodaci koji kreiraju mobilnu verziju vaše stranice na poddomenu, kao što je WP Mobile Edition.
pros ovu metodu: Možete značajno pojednostaviti dizajn stranice za mobilne uređaje, što će se dobro odraziti na njegovu brzinu.
minusi: potrebno je kreirati poddomen i konfigurirati ga, napisati poseban šablon za njega i skriptu koja određuje s kojeg uređaja je korisnik došao, a to je duže od kreiranja adaptivnog dizajna.
Šta ćemo dobiti?
Adresa dodatne stranice na poddomenu ”m.” sa dizajnom drugačijim od glavnog domena, pojednostavljeno. Mreža je puna primjera takve implementacije, na primjer, evo dobro poznate stranice:
Ako ste se odlučili i naručili jedan od načina implementacije, ne zaboravite provjeriti kako se vaša stranica prikazuje na mobilnim uređajima iu Google online testovi.
Više na temu:
Imate pitanja?
Pitajte ih odmah i mi ćemo odgovoriti u roku od 8 radnih sati.
