Kreirajte mobilnu odredišnu stranicu. Optimizirajte svoje obrasce za mobilne uređaje

93% korisnika svakodnevno pristupa internetu s mobilnih uređaja. To je 3.500.000.000 ljudi koji mogu posjetiti vašu odredišnu stranicu sa svojih pametnih telefona ili tableta u bilo kojem trenutku. Stoga morate dati sve od sebe da optimizirate svoju mobilnu odredišnu stranicu. Ne postoji ništa gore od toka konverzije koji je potpuno neučinkovit na mobilnim uređajima.

U ovom članku ćete naučiti o 8 najbolje prakse mobilni dizajn koji će vam pomoći da poboljšate korisničko iskustvo i povećate konverzije na bilo kojem uređaju.

1. Riješite se navigacijske trake

Pogledajte koliko prostora navigacijska traka može zauzeti:

Na malim mobilnim ekranima svaki piksel je vrijedan i morate izvući maksimum iz njega. Jedan od jednostavne načine da biste to uradili znači da biste se riješili navigacijske trake. Na desktop računarima može biti vrlo korisno: posjetiteljima olakšava navigaciju po stranici i pronalaženje onoga što im treba. Ali na mobilnom uređaju, navigacijska traka zauzima previše prostora gdje bi mogao biti tekst, slike ili bilo koji drugi sadržaj.

Kako se posjetitelji mogu kretati po stranici bez navigacijske trake? Postoji nekoliko načina. Najpopularniji od njih je mali gornji panel... Hamburger služi kao fioka koja izmiče iz ugla ekrana i sadrži razne prečice za meni.

Druga opcija je mobilna stranica na jednoj stranici. Međutim, ako vaša stranica ima puno sadržaja, to vam neće odgovarati.

Verovatno često koristite svoj pametni telefon - u autobusu ili u redu. Možda čitate upravo ovaj njegov članak. Kako držite svoj pametni telefon? Velike su šanse da palcem prevlačite po ekranu. To radi 75% korisnika.

Prije nekoliko godina, ovaj grafikon je bio biblija mobilnih dizajnera. Imajući to na umu, optimizirali su korisničko iskustvo za većinu ljudi. I iako je to možda bilo ispravno u svoje vrijeme, tehnologija se brzo razvija i mijenja. U posljednjih nekoliko godina, naši telefoni i ekrani su postajali sve veći i veći - a naše ruke su ostale iste. Već drugačije držimo pametne telefone, dodirne zone su se pomjerile, a preciznost bliže vanjskim uglovima ekrana je smanjena.

Kao rezultat toga, dizajneri moraju organizirati sadržaj tako da su glavne funkcije u centru, a sekundarne na dnu i vrhu ekrana.

Pogodnost njihove upotrebe izravno ovisi o lokaciji funkcija. Glavne funkcije se nalaze tamo gdje su prije njih, a sekundarne spadaju u zone niske točnosti.

3. Optimizirajte i smanjite veličinu datoteka

Vjerovatno već znate koliko je važno optimizirati veličinu slika na odredišnoj stranici: one značajno utječu, što zauzvrat utječe i na korisničko iskustvo i na rangiranje vaše web stranice u tražilice... Na mobilnom je to dvostruko važno, ne samo zbog manje pouzdane veze, već i zbog toga mobilnih korisnika ne voli da čeka.

Koristite web-lokacije kao što je TinyJPG ili alate poput ImageOptim (samo za Mac) ili Export for Web u Photoshopu da smanjite veličinu datoteke prije postavljanja slika na svoju web lokaciju.

Dvije su stvari koje najviše utiču na veličinu datoteke:

• Kvaliteta. Ako ga spustite, datoteka će postati manja, ali će također izgubiti jasnoću i mogu se pojaviti artefakti.
• Veličina / rezolucija. Naravno, veličina datoteke uvelike ovisi o veličini slike. Naravno, ne želite da slike budu tako male da korisnici ne vide ništa, ali ako je, na primjer, širina stupca u koji postavljate sliku 600 piksela, širina slike ne bi trebala biti 1000 piksela . Promijenite veličinu prije postavljanja slike na odredišnu stranicu.

4. Broj telefona jednim klikom

Optimizacija odredišne ​​stranice za mobilne uređaje znači, prije svega, pojednostavljenje korisničkog iskustva i minimiziranje broja potrebnih radnji. Stoga biste trebali iskoristiti prednosti mobilnih uređaja kako biste posjetili vašu stranicu (kao i kupovinu proizvoda ili pozivanje vaše kompanije) učinili ugodnim iskustvom.

Ako je vaša odredišna stranica za prodaju ili telefonski poziv- to važna faza tokove konverzije, onda morate olakšati da vas pozovu.

Jedan od načina da to učinite je da telefonski broj učinite dostupnim za pozivanje jednim klikom. Vjerovatno vam je poznata ova situacija: prelazite naprijed-nazad između telefona i pretraživača, ponovo kucate telefon ili pokušavate da ga kopirate i nehotice kopirate sav ostatak sadržaja na stranici. Stoga, telefonski broj na koji se može kliknuti mnogo znači.

A broj će izgledati ovako:

Posjetioci će moći kliknuti na njega i pozvati.

Ostalo važnih elemenata stranica također treba biti interaktivna: na primjer, kada korisnik klikne na adresu, na Google mape... Većina aplikacija kao što je Facebook to radi automatski, ali možete unijeti svoju adresu u Google Maps, kopirati vezu i zalijepiti je na svoju web lokaciju.

Male stvari poput ove pomažu posjetiteljima vaše odredišne ​​stranice da se osjećaju kao da ne propuštaju i da ništa ne rade. dodatni posao... Ne dopustite da mobilni uređaji blokiraju vaš tok konverzije.

Ako ste radili u ranim danima mobilnog interneta, sjećate se koliko je programera kreiralo potpuno odvojene stranice s markiranjem koje bi radile na malim ekranima mobilnih uređaja. Ove stranice obično uključuju minimum slika i relativno mnogo teksta za učitavanje putem spore mobilne veze.

Desetak godina kasnije, pejzaž se dramatično promijenio. Ekrani su veći, veza je brža. I on se pojavio. Ove dvije vrste dizajna se razlikuju jedna od druge, ali imaju isti cilj: stvoriti jedan raspored koji se dinamički mijenja ovisno o uređaju koji posjetitelj koristi.

Predlošci odredišne ​​stranice i uređivači mogu automatski kreirati odredišnu stranicu koja odgovara mobilnim uređajima, eliminirajući potrebu vašeg tima da je razvija ručno.

Treba zapamtiti nekoliko stvari u vezi sa odzivom:

• Veličine slika. Ako su slike na vašoj odredišnoj stranici vrlo važne, pobrinite se da budu jasno vidljive na mobilnim uređajima.
• Izgled i raspored sadržaja. Ovisno o tome kako su elementi pozicionirani u desktop verziji vaše odredišne ​​stranice, mogu se promijeniti u mobilnoj verziji. Provjerite da li sve ostaje na svom mjestu na različitim uređajima.
• Animacija. Animacija koja izgleda dobro na desktopu možda neće dobro funkcionirati na mobilnom uređaju. Provjerite prije objavljivanja.
• Video. Uzimajući u obzir prethodne smjernice za veličinu slike, razmislite o skrivanju videozapisa na mobilnom uređaju ili potpunom brisanju. Velik je, težak i može značajno usporiti mobilno iskustvo.
• JavaScript. Iako je ovo odličan programski jezik, ne radi uvijek na mobilnom uređaju, pa provjerite da li je sve prikazano ispravno.

6. Riješite se iskačućih prozora

Od 2017 godine google kažnjava stranice sa "nametljivim umetcima". Zapravo dolazi o iskačućim prozorima.

Primjeri nametljivih umetaka koji sadržaj čine manje dostupnim.
1. Primjer nametljivog iskačućeg prozora.
2. Primjer zasebnog intruzivnog umetka.
3. Još jedan primjer zasebnog nametljivog umetanja.

Skočni prozori na mobilnim uređajima značajno degradiraju korisničko iskustvo jer onemogućuju posjetiteljima vaše stranice da vide sadržaj koji ih zanima. Google snižava rang takvih stranica za Rezultati pretrage... Zato samo isključite iskačuće prozore.

Ako je sadržaj vašeg skočnog prozora dovoljno važan, dodajte ga na stranicu u posebnom odjeljku. Tada Google neće smanjiti vašu web lokaciju u SERP-ovima.

7. Optimizirajte obrasce za mobilne uređaje

Ako ste ikada kupovali na svom mobilnom telefonu, znate koliko je dosadno ispunjavati beskonačne formulare na svom telefonu. Iako je kucanje na mobilnom telefonu mnogo lakše nego što je bilo, i dalje je teško. Tipkanje se i dalje oslanja na autoispravljanje, a prsti se umaraju.

Kako riješiti problem? Logika je jednostavna. Dugi obrasci zahtijevaju puno kucanja. Tipkanje na mobilnom telefonu je užasno nezgodno. Posljedično, duge forme su užasno neugodne.

Ako želite smanjiti negativan učinak koji mobilni uređaji mogu imati na vaše stope konverzije, pokušajte s jednom od sljedećih promjena u vašim obrascima.

Jednostavno je: što je manje obaveznih polja, to je manje napora potrebno od korisnika. Što je manje napora, manje je trenja.

Smanjenje broja polja nije uvijek moguće: na kraju krajeva, često polje postoji jer su informacije koje trebate unijeti neophodne. Međutim, sve što se može izbrisati mora se izbrisati, a neki oblici (ime i prezime, na primjer) moraju biti spojeni.

Ako podijelite popunjavanje obrasca za, vaše stope konverzije na mobilnom uređaju mogu naglo skočiti. Na primjer, ako vaš obrazac ima 9 polja, možete ostaviti samo 3. Korisnik ih popunjava, klikne na dugme "Dalje" i dolazi do sljedeća stranica, gdje također ima vrlo malo polja i tako dalje.

Ova praksa će učiniti dugačke obrasce manje odbojnima, a također će vam omogućiti da prikupljate informacije o potencijalnim klijentima u malim komadima, što je korisno ako u nekoj fazi ipak prestanu da ih popunjavaju. Prvi korak je da zatražite adresu e-pošte za rad sa ovim ljudima u budućnosti.

8. Sklopivi dijelovi

Na mali ekran sav vaš sadržaj je sakupljen u jednoj koloni - veoma dugačkoj koloni. Na mobilnom je to posebno štetno, jer korisniku postaje mnogo teže da se kreće po stranici i pronađe informacije koje ga zanimaju.

Sklopivi dijelovi mogu biti rješenje za ovaj problem.

Sekcije koje se mogu sklopiti su kontejneri sadržaja. Korisnik vidi njihove naslove i proširuje ih klikom. Na ovaj način on skenira vašu stranicu u potrazi za sadržajem ili temom od interesa, i ne mora se provlačiti kroz mnogo nepotrebnog teksta ili slika.

Zaključak

Nadamo se da su ove preporuke za mobilni dizajn pomoći vam da poboljšate korisničko iskustvo za one koji posjete vašu odredišnu stranicu s mobilnih uređaja. Ovi principi se često zanemaruju, zbog čega su konverzije na mobilnim uređajima tako niske. Pratite ih i vaši mobilni korisnici će dobiti najbolje iskustvo- i konvertuju se.

Već je rečeno da, kao i cijela web stranica ili online trgovina, mora biti optimizirana za učitavanje 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đen šablon prodavnica, i sve je besplatno. Članak "" pomoći će vam da brzo organizirate prodaju. Koristeći ova dva tutorijala i tutorijala, možete dobro započeti svoj projekat.

19. Kreirajte odredišnu stranicu optimiziranu za mobilne uređaje.

Prema eMarketeru, korisnici pametnih telefona širom svijeta u 2015. godini iznosit će 1,75 milijardi i to samo u 2015. godini, ovaj broj katastrofalno raste. Budući da ste vlasnik preduzeća ili prodavač, jednostavno ne možete zanemariti korisnike mobilnih uređaja koji posjećuju vašu odredišnu stranicu.

Trenutno se toliko pažnje posvećuje odredišnoj stranici za puna upotreba pretraživači (desktop) i mobilno iskustvo je često osrednje. Ali kako broj korisnika pametnih telefona raste, to će se promijeniti.

Dizajnirajte samo responzivne odredišne ​​stranice

U to nema sumnje odredišnu stranicu treba biti optimiziran 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 je potrebno oko 3 sekunde da se učita stranica (računovodstvo traje miljama sekunde), tada klijent najvjerovatnije neće čekati i napustit će landing. Ovo će se smatrati odbijanjem, stopa odbijanja faktori ponašanja je veoma važno za cijelu stranicu i što više odbijanja, to je cijela stranica lošije rangirana.

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 sa mobilni uređaj onda je vrijeme da preispitate svoj pristup i počnete s tim prvo mobilni ekran. To znači da odredišna stranica mora biti izoštrena 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:

I opet dobre vijesti za vlasnike WordPress stranica - postoje dodaci koji kreiraju mobilna verzija Vašu web lokaciju na poddomenu, na primjer 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 poddomenu i konfigurirati je, napisati poseban predložak i skriptu za nju koja određuje s kojeg uređaja je korisnik prijavljen, a to traje duže od kreiranja responsive design.

Šta ćemo dobiti?

Dodatna adresa stranice na poddomenu "m." sa dizajnom drugačijim od glavnog domena, pojednostavljeno. Mreža primjera takve implementacije je puna, na primjer, svima 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 iu online Google testovi.

Više na temu:

Imate pitanja?

Kontaktirajte nas sada i mi ćemo odgovoriti u roku od 8 radnih sati.

Pojavljujući se u masovnoj upotrebi na kraju dvije hiljade godina, pametni telefoni su započeli aktivnu ekspanziju u virtuelni prostor, postepeno razbijajući PC monopol na naslov. jedini lijek ići na internet. Štaviše, aktivnost korisnika mobilni internet nije ograničeno na posjete društvene mreže- koriste medijski sadržaj, igre i kupovinu. S poslovnog gledišta, u najmanju ruku je nerazumno propustiti takav kanal najpogodnije komunikacije s potrošačem, pa su vlasnici resursa počeli prilagođavati svoje stranice za mobilne uređaje.

Mobilne odredišne ​​stranice nisu bile izuzetak, koje su procvjetale u punom cvatu nakon široko rasprostranjene proliferacije pametnih telefona i tableta s HD ekranima. Danas postoje dva glavna načina za kreiranje odredišne ​​stranice za prijenosne gadgete.

Metoda 1: prilagođeni izgled... Princip je prilično primitivan - njegovo značenje je pružiti ispravan prikaz stranice sa bilo kojeg uređaja. Dakle, bez obzira na uređaj sa kojeg je klijent došao na Vašu stranicu, ona će se u skladu s tim "rastegnuti".

Ovako to izgleda na laptopu:

A ovako se to prikazuje na ekranu pametnog telefona:

Ovu metodu ima smisla primijeniti ako su većina vaše publike korisnici računara ili tableta. Većina dobrih marketinških agencija će vam besplatno pripremiti verziju stranice prilagođenu mobilnim uređajima ako od njih naručite odredišnu stranicu. Ako će vaša publika uglavnom posjećivati ​​vašu web lokaciju pomoću mobilnih uređaja, ima smisla pripremiti mobilnu odredišnu stranicu na drugačiji, manje proračunski način, o čemu biti će ispod.

Metoda 2: Prilagodljivi izgled i dizajn. Ovu metodu ima smisla koristiti ako korisnici koji posjećuju vašu stranicu to rade uglavnom s mobilnih uređaja. Na primjer, ako se bavite dostavom sušija, postotak korisnika koji naručuju sa mobilnog telefona je veći od 50%. Prilikom razvoja ovakvih verzija sajta koriste se tehnologije kao što su HTML 5, jQuery itd. One vam omogućavaju da ne koristite mnogo dodataka za "optimizaciju" koji zapravo preopterećuju stranicu.

Adaptivni dizajn ne podrazumijeva "smanjivanje" stranice na veličinu ekrana pametnog telefona, već promjenu strukture stranice kada se prikaže na različiti uređaji... Dakle, u stvari, dizajner vam ne crta jednu stranicu, već nekoliko odjednom - odvojena verzija za mobilni telefon i tablet. To vam omogućava da predstavite iste informacije bez smanjivanja fontova, vidljive veličine slika i drugih elemenata, odnosno ostavljajući upotrebljivost stranice na visoki nivo... Istovremeno se radi i na optimizaciji prikaza stranice na mobilnim uređajima. Zahvaljujući tome, stranica se brzo učitava, što je vrlo važno, jer su vlasnici pametnih telefona i tableta manje strpljivi od korisnika PC-a, a vrijeme za njih igra veoma važnu ulogu.

Primjer responsive design odredišnu stranicu : web stranica http://getdirections.es/

Ovako to izgleda na laptopu:

I tako se prilagodio ekranu pametnog telefona:

Razvoj landing stranica (tzv. landing pages ili landing stranica) postao je dio asortimana usluga većine web studija, i to ne čudi: landing stranice su tražene, jer se vjeruje da su one oni koji najbrže donose pravi novac kupcima.

U međuvremenu, postoji razlika između odredišne ​​i odredišne ​​stranice. Jedna odredišna stranica, uparena sa reklamni baneri, će uspješno informisati klijenta o proizvodu i usluzi i potaknuti ga na kupovinu (ili bilo koju drugu potrebnu radnju), dok će druga ostati obična stranica stranice, samo malo ljepša i „sofisticiranija“ od ostalih .

Šta čini odredišnu stranicu uspješnom?

Odgovarajući na ovo pitanje, možete spomenuti dizajn, korišteni sadržaj, strukturu elemenata, kompetentno postavljanje poziva na akciju, dugmad za društvene mreže itd. Međutim, ako sumiramo i odgovorimo na gornje pitanje jednom riječju, onda možemo sa sigurnošću reći da uspjeh landing stranice ovisi o upotrebljivosti.

Dobra upotrebljivost omogućava klijentu da se osjeća kao kod kuće na odredišnoj stranici: struktura elemenata je zgodna; sadržaj i pozivi na akciju glatko vode kupca do kupovine; odredišna stranica ne preopterećuje klijenta nepotrebne informacije; Landing stranica ne tjera klijenta da bjesomučno skroluje po stranici kako bi pronašao željeno (ili ga više nema?) dugme za kupovinu.

Dobra upotrebljivost, kao što možete pretpostaviti, nije univerzalna. Ne postoji jedan recept za sve niše i, naravno, ne može biti. U međuvremenu, mnogi dizajneri i programeri, kada rade na odredišnoj stranici, zanemaruju najjednostavniju stvar: dobra upotrebljivost za desktop odredišnu stranicu neće biti ista za mobilne uređaje. Čini se da je očigledno, ali ne...

Dakle, šta možete učiniti da napravite odredišnu stranicu prilagođenu mobilnim uređajima? Koje su karakteristike mobilnih odredišnih stranica? Šta treba imati na umu kada razvijate mobilnu odredišnu stranicu? Odgovorićemo na ova pitanja u nastavku.

Šta trebate imati na umu kada razvijate mobilnu odredišnu stranicu. 7 savjeta

Vjerovatno je ova istina već uspjela natjerati zube na ivicu, ali ipak ćemo je ponoviti još jednom: korisnici mobilnih uređaja se jako razlikuju od korisnika desktopa. Njihovi ciljevi su, kao što možete pretpostaviti, takođe veoma različiti.

Dakle, kada počnete raditi na odredišnoj stranici, odgovorite si na sljedeća pitanja:

• Utječu li veličina ekrana, tip uređaja i cjelokupni kontekst korištenja na očekivanja korisnika? Ako da, kako?
• Šta korisnicima mobilnih uređaja najviše treba na ovoj odredišnoj stranici?
• Šta bi potencijalni korisnici željeli učiniti kada dođu na mobilnu odredišnu stranicu? Kakvi su njihovi postupci?

Čini se da su odgovori na ova pitanja očigledni, ali nemojte ih potcijeniti. Činjenica je da korisnici mobilnih uređaja ne kupuju tako aktivno kao korisnici desktopa. Konverzija se otprilike distribuira na sljedeći način:

1. Tablete
2. Smartphones.

Šta to znači? O banalnoj činjenici koja je poznata svakom psihologu: da bi donijela odluku, osobi su potrebne informacije kojoj se dostavljaju pogodan format... Štaviše, što je veća “cijena” rješenja, to su osobi potrebne kompetentnije informacije. Grubo govoreći, osoba će bez problema naručiti pizzu sa pametnog telefona, ali neće kupiti automobil dok sjedi sa pametnim telefonom u parku.

Uspjeh mobilne odredišne ​​stranice ne mjeri se uvijek konverzijama. Kupci koji dođu na odredišnu stranicu s mobilnog uređaja nisu uvijek raspoloženi da nešto kupe. Umjesto toga, klijent posjeti takvu odredišnu stranicu kako bi se upoznao sa informacijama i uspostavio emocionalnu vezu sa proizvodom, a tek onda, nakon što dođe kući i sjedne za PC, obavi kupovinu.

Sumirajući, možemo reći da je cilj klijenta da pronađe informacije, cilj vlasnika sajta je da dobije novac, a cilj dizajnera i programera je napraviti landing stranicu koja bi mogla da privuče maksimalni iznos vodi (vodi).

Dakle, dolaskom na mobilnu odredišnu stranicu, klijent traži informacije kako bi donio odluku - kupiti proizvod ili ne? Stoga, trebate dati sve od sebe da olakšate ovaj proces.

To je banalno, ali najlakši način da klijent odluči da li kupujem ili ne je da nazove. Stoga, postavite uslugu brzog poziva. Neka cijenjena ikona telefona prati potencijalnog klijenta na cijeloj odredišnoj stranici. Imajte na umu da bi to trebala biti samo ikona sa telefonom i neka vrsta poziva na akciju poput „Pozovi odmah!“. Nekoliko studija je pokazalo da je ikona efikasnija od obične. telefonski broj za 10-20%.

Bitan! Uspostavljajte pozive samo ako ste sigurni da će neko odgovoriti na njih. Ako potencijalni klijent zove i čuje samo zvučne signale kao odgovor, možete sigurno zaboraviti na ovog klijenta.

Idealna mobilna odredišna stranica ne samo da ne preopterećuje korisnika informacijama, već ga i ne prisiljava na "nepotrebne" radnje. Za takve nepotrebne radnje se sa sigurnošću može pripisati ispunjavanju raznih obrazaca koje svi toliko volimo na PC-u.

Prisiljavanje klijenta da unese podatke o sebi za pretplatu ili kupovinu na duže vrijeme i zamorno znači gubitak. Samo najuporniji stižu do kraja. dakle:

• smanjite broj padajućih menija na minimum ili ih potpuno uklonite;
• smanjiti ukupan broj polja za popunjavanje - sve Dodatne informacije može zatražiti zaposlenik call centra nakon što klijent ostavi narudžbu;
• provjerite da li su sva preostala polja ispravno konfigurirana, odnosno da se mobilna tastatura automatski prilagođava polju: ime - slova, telefon - brojevi itd.;
• ako je potrebna registracija, aktivirajte mogućnost registracije putem društvenih mreža;
• pobrinite se da usluge plaćanja ne zahtijevaju od korisnika da ponovo popuni sve podatke.

Grubo govoreći, broj potrebnih radnji na odredišnoj stranici svedite na minimum. Rad sa mali ekran nezgodno, a popunjavanje desetina različitih polja je samo izrugivanje!

Savjet 4. Poziv na akciju uvijek treba biti na vidiku

Bez obzira na svrhu vaše odredišne ​​stranice, potrudite se da vaš poziv na akciju bude pred vašim klijentima.

“Kupite odmah!”, “Pretplatite se na newsletter!”, “Ostvarite popust!”, “Preuzmite knjižicu!” i drugi pozivi na akciju ne bi trebali biti negdje na dnu stranice ili negdje u naslovu odredišne ​​stranice, već bi se trebali ponavljati u različitim semantičkim dijelovima odredišne ​​stranice ili „pratiti“ klijenta prilikom pomicanja.

Čini se da je najbolje rješenje sljedeće: postavite poziv na akciju ispod logotipa kompanije u meniju za pomicanje. Dakle, poziv na akciju će uvijek biti na vidiku, a korisnik će moći napraviti potrebna radnja s bilo kojeg mjesta na odredišnoj stranici. Osim toga, takvo rješenje će izbjeći probleme rješavanja: poziv na akciju uvijek će biti ispod logotipa i s njim će se smanjivati-povećavati.

Sadržaj je obavezan na svakoj odredišnoj stranici, ali ne bi ga trebalo biti puno. Sadržaj treba da bude jasan, razumljiv i da ubijedi klijenta da preduzme željenu akciju.

Posebnost mobilne odredišne ​​stranice je da su zahtjevi za sadržajem znatno povećani. Pažnja mobilnog korisnika je veoma raspršena - on neće čitati platna 20 minuta, šta, zašto i zašto. Dakle, tekst treba da bude prisutan, ali samo suštinski.

Ne povlačite gumu, već odmah obavijestite klijenta da može dobiti stranicu na ovoj odredišnoj stranici. Nemojte koristiti "lijepe" fraze i duge okrete - kratkoća, jednostavnost i jasnoća su važniji od stila. Zapamtite ovo.

Korisnici mobilnih uređaja ne samo da su manje skloni pažljivom čitanju odredišne ​​stranice, već si to često jednostavno ne mogu priuštiti zbog male brzine učitavanja stranice.

Nedavna studija iz Sjedinjenih Država pokazala je da je to ozbiljno i neoptimizirano niske brzine Internetske odredišne ​​stranice gube 40-50% potencijalnih kupaca. Pa, u svijetu u kojem svaki posao ima desetine konkurenata, niko ne želi čekati i, vjerujte mi, neće.

Kako biste stranicu učinili lakšom, pobrinite se:

• sve slike su optimizovane i mogu se brzo učitati čak i uz malu brzinu interneta;
• odredišna stranica koristi skalabilnu tehnologiju vektorska grafika, odnosno sve slike treba povećati i smanjiti u zavisnosti od rezolucije bez gubitka kvaliteta;
• sav sadržaj je napisan u HTML-u, a ne prikazuje se kao slika.

Na samom početku članka napisali smo da se korisnici mobilnih uređaja uvelike razlikuju od korisnika desktopa. Istina je, ali oni ipak nisu različiti ljudi. Koji god uređaj potencijalni klijent koristi, on uvijek ima neku vrstu problema koji možete riješiti. U principu, svakom klijentu nisu potrebna vaša roba i usluge, već rješenje njegovih problema.

Šta iz ovoga slijedi i kakve veze ima mobilna odredišna stranica s tim? Landing pageće biti uspješan ako se uspijete razdvojiti sa potencijalni klijent njegove želje i brige, nudeći mu kompetentnu i efikasno rešenje Problemi. Svi imaju robu, usluge i odredišnu stranicu za sebe, ali samo vi imate rješenje!

Pošto ste ovo shvatili, morate shvatiti koje je rješenje najefikasnije. Ovdje dolazi A/B testiranje. Koristite kontrolne grupe da saznate:

• šta je privlačnije za vašu odredišnu stranicu, poziv na akciju ili ikonu brzi poziv;
• što bolje radi, ikona za brzi poziv ili dugme sa telefonskim brojem;
• Povećava li se konverzija ako uklonite dodatna polja;
• Povećava li se konverzija ako dodate mogućnost registracije putem naloga društvenih medija;
• Da li se statistika o potrebnoj radnji poboljšava ako postavite poziv na akciju ne samo na samoj odredišnoj stranici, već i ispod logotipa u meniju za pomicanje;
• Da li se upotrebljivost poboljšava promjenom sadržaja, čineći ga jednostavnijim i jasnijim;
• pokušajte promijeniti svoj poziv na akciju, dodati slogane koji govore kupcu da je proces kupovine, registracija itd. lako i neće dugo trajati.

zaključci

Da rezimiramo, možemo reći da odredišna stranica ne može biti uspješna bez dobre upotrebljivosti. Gore smo opisali šta je dobra mobilna upotrebljivost, ali ćemo to ponoviti. Dakle, dobra odredišna stranica za mobilne uređaje:

• "Naoštreno" za jedan određeni zadatak;
• dovoljno informativan da klijent donese odluku o obavezi neophodna akcija;
• omogućava klijentu da lako kontaktira podršku telefonom ili putem kontakt forme;
• ne prisiljava klijenta da ispuni mnoga polja prilikom obavljanja željene radnje;
• ne širi se mišlju duž stabla, jasno i jasno stavlja do znanja koji problem će klijent riješiti izvođenjem radnje;
• brzo se učitava, ne tjera klijenta da gubi dragocjeno vrijeme;
• omogućava vam da preduzmete potrebnu radnju, u kojem dijelu slijetanja klijent ne bi bio (minimalno pomicanje);
• fokusiran ne na ponudu proizvoda ili usluge, već na rješavanje problema klijenta.

Imajte na umu i da mobilna odredišna stranica mora proći A/B testiranje. Dakle, povećavate šanse da će odredišna stranica funkcionirati.

Nadamo se da smo danas riješili vaš problem. Hvala na čitanju!