Već je rečeno da bi, kao i cijela web stranica ili online trgovina, trebala biti optimizirana za učitavanje na pametnim telefonima. Usput, u članku "" nije dan samo algoritam za pokretanje trgovine, već su dane i lekcije u količini od 5 komada s prilagođeni predložak trgovina, a sve je besplatno. Članak "" pomoći će vam da brzo organizirate prodaju. Koristeći ova dva priručnika i lekcije, možete dobro započeti projekt.
19. Napravite odredišnu stranicu optimiziranu za mobilne uređaje.
Prema eMarketeru, u 2015. godini u svijetu će biti 1,75 milijardi korisnika pametnih telefona, a taj broj eksponencijalno raste samo u 2015. godini. Budući da ste vlasnik tvrtke ili trgovac jednostavno ne možete ignorirati mobilnih korisnika, posjećujući vašu odredišnu stranicu.
U današnje vrijeme toliko se pažnje posvećuje odredišnoj stranici za puna upotreba preglednicima (desktop verzija), a iskustvo na mobilnim uređajima često je osrednje. Ali kako broj korisnika pametnih telefona raste, to će se promijeniti.
Razvijte odredišne stranice koje su samo prilagodljive
Nema sumnje da vaša odredišna stranica treba biti optimizirana za mobilne uređaje. To znači da bi odredišna stranica trebala biti laka za čitanje mobilnim korisnicima. Korisnici bi trebali moći jednostavno ispuniti obrazac ili pritisnuti gumb na zaslonu bez stiskanja prstiju ili zumiranja. A stranica bi se trebala učitavati još brže na mobilnom uređaju. Ako se stranica učitava oko 3 sekunde (računajući u miljama sekundi), tada klijent najvjerojatnije neće čekati i napustiti će odredišnu stranicu. Ovo će se smatrati odbijanjem, stopa neuspjeha je čimbenici ponašanja vrlo je važno za cijelu stranicu i što je više neuspjeha, to je cijela stranica lošije rangirana.
Provjerite sve elemente odredišne stranice na svim uređajima i popularnim preglednicima No porast prihvaćanja pametnih telefona također predstavlja izazov što 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" prijenosnog računala, ali što se s njim događa na manjem ekranu? mobilni ekran? Ako većina vaših posjetitelja vašu odredišnu stranicu pregledava s mobilnog uređaja, vrijeme je da preispitate svoj pristup i počnete s mobilni prvi zaslon. To znači da odredišna stranica mora biti prvenstveno prilagođena mobilnim uređajima, a potom i za desktop računala i prijenosna računala.
Zaključci:
— Pratite opterećenje vašeg prodavača;
- Koristite dobre optimizirane slike i videozapise;
Sljedeća publikacija iz knjige je Testiranje odredišne stranice.
Moglo bi vas zanimati:
Zamislite da ste u nepoznatom gradu i morate brzo pronaći određene informacije pomoću mobilnog telefona. Napokon ćete naći pravi resurs, ali... apsolutno nije namijenjen za mali ekran. Stranica se učitava vječno, malene gumbe nemoguće je pronaći, morate kopirati i zalijepiti broj telefona tvrtka nazvati ured. Ili još gore: morate ispuniti dugačak obrazac za potencijalne klijente.
Svi smo se barem jednom u životu susreli s ovim. Statistika analitičke tvrtke IDC pokazuje da će ove godine biti više korisnika koji internetu pristupaju putem mobilnih uređaja od onih koji koriste osobna stolna računala.
Istraživanje Lukea Wroblewskog, Googleovog glavnog direktora za proizvode i autora Mobile First! pokazuje da se između 2009. i 2013. značajno smanjila potrošnja sadržaja putem tradicionalnih kanala kao što su televizija, radio i tisak. Jedini pokazatelj koji se povećao je korištenje mobilnih uređaja.
Ljudi sada kupuju online, čitaju vijesti i pregledavaju web stranice na svojim telefonima više nego ikada. Ali unatoč činjenici da se ovaj trend razvija već nekoliko godina, mnogi resursi nisu se uspjeli prilagoditi.
Čak iu 2015. većina korisnika suočava se s brojnim poteškoćama:
- Odredišne stranice nisu optimizirane za mobilne zaslone; stranicama je teško kretati se;
- Morate stalno povećavati i smanjivati stranice kako biste pronašli informacije koje su vam potrebne;
- Potrebno je stalno unositi neke podatke;
- Stranice se sporo učitavaju;
- Gumbi su premali, pa posjetitelj često završi na krivoj stranici.
S obzirom na to da postotak korištenja mobilnih uređaja svake godine raste, pitanje poboljšanja upotrebljivosti mobilne inačice postaje sve aktualnije.
Ako još niste optimizirali svoju odredišnu stranicu i niste sigurni da će svi korisnici telefona biti zadovoljni njome, obratite pozornost na ovih 5 uobičajenih pogrešaka i nikada ih ne radite. U protivnom će vaši potencijalni klijenti ostati razočarani i odlučiti se za konkurenciju.
1. Stranica nije optimizirana za mobilne uređaje
Još u prosincu 2012. medijski resurs Mashable proglasio je nadolazeću 2013. godinom responzivnog dizajna. Najveće tvrtke Zatim su obratili pozornost na to i razvili mobilne verzije svojih resursa. Ali mnogi se ne mogu pohvaliti ispravan prikaz stranica do sada.
Responzivni dizajn način je na koji će se vaš resurs dobro prikazati različite platforme i uređaje bez stvaranja više stranica. Na primjer, korisnici će moći otići ravno na navigaciju bez gubljenja vremena na zumiranje (što je stvarno neugodno). Responzivni dizajn ne samo da će poboljšati korisničko iskustvo, već će pozitivno utjecati i na konverziju.
Trgovac odjećom O'Neill Clothing postigao je impresivne rezultate nakon što su njegovi marketinški stručnjaci implementirali adaptivni dizajn. Pratili su tri glavna pokazatelja: konverziju, broj transakcija i prihod tri tjedna prije i nakon korištenja tehnologije. Rezultati su bili nevjerojatni.
iOS uređaji:
- Konverzija porasla za 65,71%
- Broj transakcija - za 112,50%
- Prihod - za 101,25%
Android uređaji:
- Konverzija je porasla za 407,32%
- Broj transakcija - za 333,33%
- Prihod - za 591,42%
Mogu se navesti mnogi primjeri koji to ilustriraju jasne prednosti adaptivni dizajn. Stručnjaci iz Skinny ties, tvrtke koja stvara kravate od 1971. godine, zabilježili su povećanje prihoda od 42,4% nakon pokretanja mobilne verzije resursa. Tvrtka za fotografsku opremu Think Tank Photo zabilježila je porast od 96% u transakcijama putem pametnih telefona i tableta u usporedbi s prethodnom godinom.
2. Zanemarivanje ciljeva korisnika
Još jedna uobičajena pogreška je pretpostavka da će responzivni dizajn riješiti sve probleme. Ali nije to tako jednostavno. Iako može spriječiti mnoge poteškoće, vrijedi razmisliti i o namjerama onih korisnika koji resursu pristupaju s mobilnog telefona.
Potpredsjednik UserTestinga Mike Mace proveo je istraživanje na tisućama mobilnih verzija. Evo njegovog zaključka: “Trebali biste redizajnirati svoje web mjesto posebno za mobilne uređaje, a ne samo prilagoditi ga. Mobilna verzija nije samo drugačiji skup tehnologija, to je i drugačije ponašanje korisnika, drugačija očekivanja.”
Na primjer, vlasnici pametnih telefona očekuju trenutačno zadovoljstvo za svoje ciljeve. Žele brzo pronaći informacije u pauzi između sastanaka ili tijekom vožnje autobusom. Korisnik tableta često ima vremena za pretraživanje, na primjer, sjedi kod kuće ispred TV-a (koji, usput, djeluje kao distrakcija).
Također je vrijedno uzeti u obzir da se potrebe i prioriteti vlasnika mobitela često razlikuju od onih korisnika kućnog računala: prvi će najvjerojatnije morati brzo pronaći karticu ili telefonski broj. Stoga stručnjaci preporučuju da se sve informacije s odredišne stranice ne “bacaju” samo na mobilna verzija, ali razmislite o ciljevima korisnika i primjerenom dizajnu.
Nitko ne voli ispunjavati dugačke obrasce, čak ni na običnim stranicama, ali ne voli unos razne informacije putem mobilnog - toliko je neugodno da se ne uklapa ni u jedan okvir. Najbolji savjet: Izbjegavajte duge, dosadne obrasce kada razvijate mobilnu verziju.
Kao rezultat toga, dobit ćete ne samo pozitivno korisničko iskustvo, već i povećanje prihoda i rast vašeg poslovanja. Kao što smo već naučili, dugi obrasci su dosadni, a ako ih koristite, vjerojatno ćete smanjiti stopu konverzije. Primjerice, velika turistička agencija Expedia izgubila je 12 milijuna dolara dobiti zbog nepotrebnih polja obrasca koja su zbunjivala korisnike i bila jednostavno zbunjujuća.
Ako korisnici vide duge obrasce na svom mobilnom uređaju, pokušat će izbjeći zamorne interakcije. Laura Klein, autorica UX-a za Lean Startup, napominje: "Očekuje se da će korisnici mobilnih uređaja unositi podatke na isti način kao i vlasnici mobilnih uređaja." desktop računala je najveća pogreška mnogih tvrtki.”
Nekoliko savjeta za stvaranje najprikladnijih i najrazumljivijih obrazaca:
- Biraj samo jednostavnih oblika i ne tražite previše informacija;
- Uklonite nepotrebna polja;
- Uključite automatsko dovršavanje za najčešće riječi i fraze;
- Koristite alate ugrađene u mobilne uređaje ( numerička tipkovnica, GPS, adresari, kamere itd.).
Situacija poznata mnogima: pokušavate slijediti poveznicu ili ispuniti obrazac pomoću mobitel, ali umjesto toga vodi vas na potpuno drugu stranicu. Kombinacija malih zaslona i mnogo klikabilnih elemenata stvara mnogo neugodnosti za korisnike.
Steven Hoober, dizajner mobilnog korisničkog iskustva, dizajner i autor knjige Designing mobilnih sučelja" savjetuje: "Provjerite je li svako dodirno područje barem 8 milimetara od središta je drugo, iako je udaljenost od 10 milimetara još poželjnija.”
Linkovi, polja obrazaca i ostalo važni elementi trebaju biti dovoljno veliki da ih korisnici lako kliknu. U tu svrhu Apple je postavio minimalnu veličinu objekta od 44x44 piksela. Ovaj se standard sada koristi za sve proizvode tvrtke.
Ne postoje pravila i veličine koje bi odgovarale svakoj odredišnoj stranici, ali prema Stevenu Huberu, prilikom dizajniranja resursa potrebno je voditi računa o tri kriterija: gumbi trebaju biti čitljivi, jasni i privlačni korisnicima.
Korisnici mobilnih uređaja vrlo su nestrpljivi i sporo učitavanje je ozbiljan problem. 80% vlasnika pametnih telefona očekuje da se stranice učitavaju jednako brzo kao na zaslonu računala. Ako stranica ne reagira na dodire korisnika, osoba najvjerojatnije:
Umjesto zaključka
Razina potrošnje medijskih sadržaja putem mobilnih uređaja raste iz mjeseca u mjesec. Sve više i više ljudi ima pristup mobilni internet, a važno je to uzeti u obzir prilikom izrade odredišne stranice ili web stranice.
Pretjerano složeni resursi frustriraju korisnike i guraju ih prema konkurenciji. Ako svoju odredišnu stranicu učinite jednostavnom i ugodnom za korištenje s mobilnih uređaja, prestat ćete propuštati potencijalni klijenti i povećajte stope stvaranja potencijalnih klijenata.
Mobilni promet toliko je brzo promijenio svijet da su mnogi ostali iznenađeni novim pravilima igre. Nedavna istraživanja tržišta pokazuju stalnu stagnaciju segmenta stolnih računala u pozadini snažnog rasta mobilnih uređaja koji traje već nekoliko godina. U takvim uvjetima, posao koji nije spreman raditi s najvrjednijim prometom s pametnih telefona i tableta prestat će biti učinkovit - sada ili za šest mjeseci, nije važno.
To posebno vrijedi za tvrtke za e-trgovinu koje se oslanjaju na prodaju putem odredišnih stranica. Broj jedan na popisu zadataka za voditelja takve tvrtke očito bi trebala biti prilagodba odredišne stranice za mobilne uređaje. A kako bi bio što učinkovitiji, vrijedi procijeniti opseg posla.
Dakle – čemu i kako se prilagođavamo?
- Slike.U pravilu, slike na radnoj površini su nepristojno velike i traje vječnost da se učitaju na mobilnim uređajima. Ili ih je potrebno smanjiti - prilagoditi ih veličinom zaslonima pametnih telefona i tableta, smanjiti kvalitetu kako bi se smanjila težina ili možete koristiti dodatak/skriptu Adaptive Images koja sama odabire veličinu i kvalitetu slike ovisno o uređaj. Prvo rješenje je strateški ispravno i omogućit će vam da učinkovitije optimizirate svoju odredišnu stranicu za mobilne uređaje.
- Jelovnik.Pojednostavite navigaciju izbornikom - riješite se nevažnih opcija, kartica u više koraka i malog fonta.
- Stolovi.Svaka internetska trgovina sastoji se od tablica s proizvodima, a često se nalaze na drugim stranicama. Da biste osigurali točan prikaz ovih podataka prilikom prilagodbe odredišne stranice za mobilne uređaje, omogućite opciju vodoravno pomicanje- tako da glavni sadržaj ostane nepomičan.
- Obrasci za unos.Treba ih povećati i optimizirati za upotrebu prave vrste polja. Također onemogućite automatsko ispravljanje, unos iz veliko slovo i ispravak - ometaju unos podataka s telefona.
- Sadržaj.Nemojte koristiti font manji od 16 točaka, nemojte zaboraviti na razmak između redaka i od ruba zaslona - i nemojte pojednostaviti sadržaj toliko da klijent mora ići na web mjesto za radnu površinu kako bi pronašao informacija koje su im potrebne.
- Prilagodljivost.Mnogi ljudi misle da optimizacija odredišne stranice za mobilne uređaje znači učiniti je prilagodljivom. To nije sasvim točno: stranica jednostavno mora biti ispravno prikazana na svim ekranima, što se ne postiže samo jednom tehnologijom. Pročitajte više o tehnologijama mobilizacije web stranica u našem članku.
- Brzina skidanja.Ovaj parametar izravno ovisi o svim prethodnim točkama. U pravilu se najbrže učitavaju mobilne stranice izrađene pomoću tehnologije za izradu predložaka. Budući da su predlošci već unaprijed visoko optimizirani, sve prethodne točke možete sigurno preskočiti popis i prijeći na najzanimljiviju stvar - izbor i jednostavno postavljanje prikladna opcija.
Sve te naizgled složene stvari lako se mogu staviti u perspektivu. jednostavna rješenja. Na rusko tržište prikazan je izbor mogućnosti prilagodbe odredišna stranica za mobilne uređaje za svačiji ukus i budžet: možete unajmiti cijeli web studio ili koristiti online usluge. Na primjer, MoAction predstavlja više od 100 gotova rješenja, koji imaju najvišu ocjenu mobilnosti od Googlea i profesionalni su.
Tvoj izbor!
Odredišna stranica je web alat za marketinške stručnjake za povećanje profita tvrtke. Oproštajna stranica ima veće stope konverzije od jednostavna stranica. Kako bi bila što učinkovitija, odredišna stranica mora pobuditi povjerenje kod korisnika i također se ispravno prikazati na svim uređajima. U nastavku ćemo saznati zašto je važno optimizirati svoju stranicu za mobilne uređaje.
Broj konverzija s mobilnih uređaja brzo raste:
U RuNetu gotovo 55% klijenata pristupa odredišnoj stranici s mobilnih uređaja. U sektoru interneta na engleskom jeziku ta je brojka veća. 70% posjetitelja interneta koristi mobilne uređaje kao glavni put pristup mreži.
Zašto stope mobilnog prometa rastu?
- Obilje mobilnih uređaja na tržištu
- Veliki broj internetskih operatera
- Kvalitetan mobilni internet
- Distribucija wi-fi zona
- Pojava mobilnih verzija poznatih preglednika
- Jednostavnost i lakoća korištenja mobilnih uređaja
Klijenti navigiraju na stranicu u potrazi za potrebnim informacijama/proizvodom/uslugom, radeći s telefonima, pametnim telefonima, iPadima, tabletima. Mobilni promet vaše odredišne stranice lako je pratiti. Za to postoje posebni online alati (na primjer, LiveInternet, Google analitika). Kontinuirano prikupljaju statistiku posjetitelja odredišne stranice, uključujući i podatke o prometu.
Može se pokazati da mobilni promet odredišna stranica jednaka je ili čak premašuje broj korisnika sa stolnih uređaja. Ako je udio kupaca koji su došli na stranicu iz gadgeta značajan, onda ne možete bez mobilne verzije. Postoji izlaz: stvoriti zasebna verzija odredišnu stranicu za mobilne uređaje ili prilagodite odredišnu stranicu za bežične uređaje.
Zašto je to potrebno?
- Kako bismo izbjegli gubitak potrošača . 50% kupaca ne vraća se na odredišnu stranicu ako su imali loše iskustvo na toj odredišnoj stranici.
- Tako da svi posjetitelji Interneta mogu u potpunosti istražiti odredišna stranica. 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 s bilo kojeg dostupnog uređaja.
Što trebate učiniti da ne izgubite klijenta mobilnog uređaja?
- Biramo visokokvalitetni hosting. Omogućujemo brz i stalan pristup odredišnoj stranici. Mobilni korisnik neće čekati da se stranica učita, informacije su mu potrebne sada.
- Preusmjeri na mobilnu verziju. S mogućnošću povratka na punu verziju.
- Poseban izgled stranice za mobilni promet. Za ispravan prikaz odredišne stranice na Mobilni uredaji.
- Navigacijski izbornik (gore - dolje)
- Okomito pomicanje (okretanje)
- Jednostavno sučelje i relevantne informacije
- Ne opterećujemo stranicu. Napuštamo Flash u korist HTML-a, JQuerty-a, jpeg grafike.
- Diskretno, ali u skladu s općim konceptom dizajna odredišne stranice
- Sadržaj postavljamo u jedan stupac, gdje je na vrhu glavnog stupca napisano “call to action”. Ako poziv treba staviti na dno, onda svakako koristimo teasere na vrhu stranice.
- Smjerimo. Prihvatljiva veličina za pravilan prikaz mobilni gadgeti- do 8 inča.
- Funkcija poziva dodirom. Klijentu je lakše pritisnuti jednu tipku nego birati cijeli broj.
- Osiguravamo mogućnost klikanja gumba. Moraju biti takve veličine da potrošač može lako izvesti radnju; razmaknuti radi funkcionalnosti.
- Stvaranje gumba društvene mreže. Većina mobilnih posjetitelja koristi svoje uređaje za posjet društvenim medijima. mreže.
- Prilagođavamo tekst (tablice, markeri, sažetci)
- Čitljivost stranice. Sposobnost skeniranja umjesto čitanja.
- Zamijenite veze gumbima na koje se može kliknuti
- Lokalizirajmo pretragu. Kako bismo povećali pokazatelje rangiranja, koristimo upit koji je relevantan za lokaciju posjetitelja.
- Usredotočimo se na datume. Mobilni promet povezan je s događajima sadašnjosti i budućnosti.
- Poboljšavamo obrasce za snimanje, upitnike (nekoliko polja za popuniti)
- Fokusirani smo na okomito i vodoravno postavljanje
- Mi testiramo. Koristimo emulatore za provjeru kvalitete prikaza odredišne stranice na različitim mobilnim uređajima.
Vrijedno je razmotriti potrebe korisnika mobilne odredišne stranice. Oni zauzimaju gotovo polovicu cjelokupnog prometa odredišne stranice i njihov broj raste.
Inovativni procesi u IT području povećavaju mobilni promet. Potražnja za resursima prilagođenim mobilnim uređajima premašuje ponudu, stoga unaprijed vodite računa o prilagodljivosti svoje prodajne stranice.
I opet dobre vijesti za vlasnike WordPress stranica - postoje dodaci koji stvaraju mobilnu verziju vaše stranice na poddomeni, na primjer, WP Mobile Edition.
profesionalci ovu metodu: Možete značajno pojednostaviti dizajn stranice za mobilne uređaje, što će se dobro odraziti na njenu brzinu.
minusi: potrebno je kreirati poddomenu i konfigurirati je, napisati poseban predložak i skriptu za nju koja određuje s kojeg je uređaja korisnik došao, a to traje dulje od izrade responzivnog dizajna.
Što ćemo dobiti?
Dodatna adresa web stranice na poddomeni “m.” s dizajnom koji se razlikuje od glavne domene, pojednostavljen. Internet je pun primjera takve implementacije, na primjer, ovdje je dobro poznata stranica:
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 i u Google online testovi.
Više o temi:
Imate pitanja?
Pitajte ih sada i mi ćemo vam odgovoriti u roku od 8 radnih sati.
