Vietnes pielāgošana mobilajām ierīcēm: pilnīga rokasgrāmata

Jūs labi zināt, kāpēc jums ir nepieciešams pielāgot vietni mobilajai satiksmei, vai ne? Jums ir vēl viens iemesls: Google drīz iezīmēs mobilajām ierīcēm draudzīgas ikonas, izmantojot mobilajām ierīcēm piemērotas ikonas, lai apskatītu mazos viedtālruņu un planšetdatoru ekrānus. Ikona pati par sevi nenozīmē neko. Tas ir svarīgi: tā īpašnieki saņems satiksmes vietnes, kas nav pielāgotas mobilajiem sīkrīkiem.

Vēlaties uzvarēt pastāvīgā cīņā par piedalīšanos? Tad jums būs nepieciešama pilnīga rokasgrāmata, lai pielāgotu vietnes mobilajai satiksmei.

Kas notiek, ja ignorējat mobilo sakaru lietotāju intereses

Saskaņā ar comScore 2014. gada janvārī mobilo sakaru satiksmes īpatsvars Amerikas Savienotajās Valstīs pirmo reizi pārsniedza vietējo apmeklējumu daļu no galddatoriem. Pēc Kokoc grupas domām, situācija Krievijā ir atšķirīga: no 2014. gada vidus aptuveni 80% lietotāju apmeklēja tīmekļa vietnes, izmantojot galddatorus, tostarp klēpjdatorus. Tomēr Runetā mobilās satiksmes pieauguma tendence ir izteikta. Pievērsiet uzmanību vietējo lietotāju operētājsistēmu izmantošanas grafikam.

Android OS lietošanas biežuma palielinājums ir iespaidīgs, vai ne? Starp citu, jūs varat ātri noteikt vietnes mobilo sakaru lietotāju daļu, izmantojot Google Analytics. Šim nolūkam:

  • Atlasiet izvēlni "Mērķauditorijas pārskats" un izmantojiet opciju Pievienot segmentu.
  • Atvērtajā lapā atzīmējiet izvēles rūtiņu blakus "Satiksme no mobilajām ierīcēm", "Satiksme no planšetdatoriem" un "Satiksme no viedtālruņiem un planšetdatoriem". Noklikšķiniet uz "Lietot".
  • Sadaļā "Mērķauditorijas pārskats" novērtējiet kopējo mobilo sakaru īpatsvaru, kā arī satiksmes īpatsvaru pēc ierīces veida.
Skatiet arī: Vietnes mobilās versijas revīzijas jautājumu saraksts

Meklētājprogrammas nevar ignorēt mobilo sakaru lietotāju intereses. Tāpēc viņi atņems jums satiksmi, ja vietne nebūs ērta lietošanai ar planšetdatoru un viedtālruņu palīdzību. Jūs zaudēsiet daudzus lietotājus uz visiem laikiem: Equation Research pētījumi rāda, ka 46% lietotāju nekad neatgriežas vietnē, ja pirmā pieredze, ko tā apmeklē, izmantojot mobilo sīkrīku, bija neveiksmīga. Visbeidzot, jūsu resursa efektivitāte nepārtraukti samazināsies: esošie lietotāji nevarēs piedalīties diskusijās, rīkot pasūtījumus, abonēt biļetenu un veikt citas darbības, ja viņi izmanto viedtālruni vai planšetdatoru.

Nepatīk šī perspektīva? Pēc tam pielāgojiet vietni mobilajai satiksmei.

Ko censties panākt: mobilā draudzīga resursa pazīmes

Ievadot tīmekļa vietni, kas nelietderīga mobilajiem lietotājiem ar viedtālruni, jūs to tūlīt sapratīsiet. Un kādi objektīvie raksturlielumi atbilst resursiem, kas pielāgoti maziem ekrāniem? Tie ir norādīti zemāk:

  • Vietne ielādējas ātri. Nav "smago" fotogrāfiju, flash, nevajadzīgu grafisko elementu.
  • Vienkārša un vienkārša navigācija. Mobilajam datplūsmai pielāgotajiem resursiem jābūt tikai vertikālai ritināšanai, ērtam meklēšanas modulim, navigācijas izvēlnei Sākums, Uz augšu un Atpakaļ. Ir jābūt pieejamai arī iespējai zvanīt no vietnes. Vismaz lietotājam ir jāparāda tālruņa numurs resursu galvenē.
  • Izvēlnes elementiem un veidlapām jābūt viegli lietojamām. Lietotājam jāspēj viegli noklikšķināt uz izvēlētās saites ar pirkstu vai izvēlēties vajadzīgo vadību.
  • Vietnes saturam jābūt lasāmam. Lietotājam nevajadzētu veikt papildu darbības, lai lasītu tekstu.
  • Iespēja pāriet uz pilno vietnes versiju. Resursi nedrīkst būt spiesti novirzīt apmeklētājus uz mobilās versijas galveno lapu, ja viņi mēģina apskatīt pilnās versijas iekšējo lapu, izmantojot viedtālruni vai planšetdatoru.
  • Funkcionalitāte un spēja veikt konversijas darbības. Mobilajam apmeklētājam nedrīkst būt problēmas ar pasūtījuma iesniegšanu, abonēšanas biļetenu, dokumentu lejupielādi utt.

Kā to panākt praksē? Lasiet tālāk.

1. solis. Pārliecinieties, ka lietojat mobilo sakaru dizainu.

Atveriet savu tīmekļa vietni, izmantojot viedtālruni vai planšetdatoru, un izbaudiet tās lietošanas ērtumu. Ja jums nav mobilā sīkrīka, izmantojiet rīku Screenfly. Tas ļauj novērtēt vietnes izskatu dažādu ierīču ekrānos. Vienkārši ievadiet resursa URL adreses joslā un atlasiet sīkrīku horizontālajā izvēlnē.

Ja redzat, ka vietne ir jāpielāgo mobilajai satiksmei, jums jāizvēlas viena no divām iespējām: vietnes mobilās versijas izveide vai atsaucīga dizaina izmantošana.

Mobilā vietnes versija

Vietnes mobilā versija ir izvēle interneta veikalu īpašniekiem, tīmekļa pakalpojumiem, lielām vietnēm. Jūs varat sazināties ar tīmekļa izstrādātājiem un lūgt to palīdzību. Ja izmantojat programmu WordPress, jums ir iespēja izveidot vietnes mobilo versiju dažu klikšķu laikā. Lai to izdarītu, varat izmantot spraudņus:

  • WPtouch Pro. Vienreiz apmaksājot 49 ASV dolārus, varat izvēlēties vienu no piedāvātajām mobilajām tēmām WordPress un izmantot to visu laiku.
  • DudaMobile. Šī spraudņa pamatfunkcija ir pieejama bez maksas. Ja jūs maksājat USD 159 vienlaicīgi, jūs saņemsiet piekļuvi uzlabotām funkcijām un atbalstam.
  • WP Mobile Edition. Šis spraudnis automātiski atpazīst mobilā sīkrīka īpašības un parāda apmeklētājam atbilstošo vietnes mobilo versiju.

Varat patstāvīgi atrast spraudņus, kas ļauj ātri pielāgot resursus Joomla, Drupal un citām populārām CMS mobilajām ierīcēm.

Skatiet arī: 14 atdzist čipsi no 11 labākajām mobilajām vietnēm

Adaptīvais dizains

Reaģējošs dizains nodrošina pareizu vietnes rādīšanu sīkrīku ekrānos ar dažādiem ekrāna izmēriem. Jūs varat sazināties ar tīmekļa izstrādātājiem vai instalēt veidnes ar atsaucīgu izkārtojumu populāriem "dzinējiem".

Īpaši jāpiemin divas adaptīvās dizaina priekšrocības vietnes mobilajā versijā. Pirmkārt, Google iesaka izmantot atsaucīgu izkārtojumu. Otrkārt, šī mobilās satiksmes pielāgošanas metode ļauj saglabāt vienu vietnes dizainu, kad tas tiek rādīts jebkura sīkrīka ekrānā.

Atbildes WordPress veidnes ir pieejamas Wordpress.org.

2. solis: nomainiet saites uz krāna pogām.

Kad mobilo sīkrīku īpašnieki nokļūst nepielāgotās vietās, viņi nekavējoties izveido tā saucamo biezu pirkstu sindromu. Nelietojiet skriešanās atvērt medicīnas atsauces grāmatas, šis slāņu termins nav saistīts ar slimībām. Usabilityists izmanto šo sindromu, lai aprakstītu kļūdas, kas rodas, kad lietotājs mēģina noklikšķināt uz saites vai navigācijas vienuma.

Kāda izmēra pogai vai navigācijas elementam ir jābūt, lai mobilais lietotājs to varētu veiksmīgi izmantot? Koncentrējieties uz šādiem ieteikumiem:

  • Apple iesaka viedtālruņu saskarnes izstrādātājiem izveidot pogas un navigācijas elementus ar minimālo izmēru 44 līdz 44 pikseļiem.
  • Nokia uzskata, ka vadības minimālais izmērs ir 48 × 48 pikseļi vai 0,7 līdz 0,7 cm.
  • Microsoft uzskata, ka optimālais pogas izmērs ir 34 x 34 pikseļi.

Lūdzu, ņemiet vērā, ka mobilo sīkrīku īpašnieki nevar ērti izmantot vietni, ja tekstā ir pārāk daudz saites, kas atrodas tuvu viena otrai.

Kā izveidot mobilām draudzīgas pogas un navigācijas elementus

Jūs varat pasūtīt funkcionālas pogas ar individuālu dizainu vai izmantot veidnes rīkus. Ja izmantojat WordPress, ievērojiet šādus papildinājumus:

  • Standout krāsu kastes un pogas. Ar šo spraudni var izveidot ērtas dažādu izmēru un krāsu pogas. Tas arī ļauj jums izveidot konteksta izvēlni, kas pielāgota mobilajiem lietotājiem.
  • Atbildīga izvēlne. Ar šo spraudni varat izveidot ērtu hamburgeru ēdienkarti.
Skatiet arī: Top 10 vietnes ar atsaucīgu izkārtojumu

3. solis. Pārliecinieties, vai izmantojat ērtas formas.

Kādam nolūkam ir mobilā satiksme? Pareizi, lai to pārveidotu par abonementiem, produktu pasūtījumiem utt. Tīmekļa vietņu īpašnieki ļoti bieži izmanto dažādas formas kā konversijas elementus. Iedomājieties, kas notiek, ja veidlapas nav pielāgotas mobilā sīkrīka aizpildīšanai.

Kā pārbaudīt, vai jūsu vietnes veidlapas ir pielāgotas mobilajai satiksmei? Tas ir ļoti vienkārši: dodieties uz vietni, izmantojot viedtālruni vai planšetdatoru, un mēģiniet aizpildīt veidlapu. Ja jums ir jāpalielina veidlapa, jūs nevarat saprast, kādi dati jums jāievada konkrētā laukā, tad veidlapa nav piemērota mobilajai vietnei.

Jūs varat pasūtīt ērtas veidlapas mobilai vietnei, kā arī izmantot veidnes risinājumus populārām CMS.

  • SumoMe. Bezmaksas spraudnis, kas ļauj izveidot ērtas mobilās formas.
  • OptinMonster. Apmaksātais spraudnis mobilo formu izveidei.
  • ClickBank. Šim pakalpojumam būs nepieciešami tiešsaistes veikalu īpašnieki. Tas ļauj "piesaistīt" vietnei, kas pielāgota mobilajam satiksmes grozam, lai apstrādātu un apmaksātu pasūtījumus.
  • Gumroad Cits pakalpojums pasūtījumu apstrādei un apmaksai, kas ir draudzīgs mobilajiem lietotājiem.
  • Authorize.net. Pakalpojums maksājumu saņemšanai no mobilajām vietnēm.

4. solis. Piedāvāt lietotājiem lasāmu saturu

Mobilo sīkrīku lietotāji ar maziem ekrāniem bieži dodas tiešsaistē, lai atrisinātu konkrētu problēmu: salīdziniet produktu cenas dažādos veikalos, atrodiet pārdevēja kontaktinformāciju, izlasiet zāļu lietošanas instrukcijas. Viņi nokļūst jūsu vietnē, pateicoties skaidram un pievilcīgam virsrakstam. Vietnē viņiem jāatrod saturs, kas pielāgots lasīšanai no neliela ekrāna.

Angļu valodā ir vārds snackable (no angļu valodas. "Uzkodas" - uzkoda). Mobilo sakaru lietotāju saturam jābūt snackable: ērts ātrai lasīšanai vai pat virsmas skenēšanai ceļā.

Ērts lasījums no mobilā ekrāna satura atbilst šādām īpašībām:

  • Tas sākas ar īsu, informatīvu un aizraujošu virsrakstu. Koncentrējieties uz 10 vārdu garumu. Nosaukumam jābūt lielā drukā.
  • Teksts jāapvieno sadaļās, no kurām katra sākas ar īsu, informatīvu un provokatīvu apakšvirsrakstu. Apakšpozīcijām vizuāli jāizceļas no teksta.
  • Tekstam jābūt numurētam vai aizzīmogotam sarakstam. Tie palīdz mobilajiem lietotājiem ātri iegūt kritisku informāciju.
  • Tekstam jābūt vizuālajam saturam. Tā papildus strukturē tekstu un atvieglo tās uztveri.

5. solis: pielāgojiet e-pastus no neliela ekrāna.

E-pastu var pielāgot, lai lasītu no mobilajiem sīkrīkiem, izmantojot šādus pasta rīkus:

  • MailChimp.
  • AWeber.
  • Pastāvīgs kontakts.

Izvēloties pasta pakalpojumu, pārliecinieties, ka esat darījis visu, lai izlasītu vēstules.

Pievienojieties mobilajai attīstībai un nezaudējiet satiksmi.

Internets ir lēnām, bet noteikti kļūst mobils. Darvins arī konstatēja, ka visatbilstošākās sugas izdzīvo evolūcijas procesā. Ja vēlaties uzvarēt konkursā par satiksmi, jums ir tikai viena izvēle: pielāgot vietni, lai to nolasītu no mobilajiem sīkrīkiem.

Jūs varat pasūtīt vietnes adaptīvo izkārtojumu mūsu aģentūrā. Visas detaļas lasa saiti.

Skatiet videoklipu: Kandang Budidaya Maggot Cara Membuat Kandang Murah Maggot BSF (Decembris 2019).

Loading...

Atstājiet Savu Komentāru