Mobilna različica spletne strani: kako narediti? odzivno oblikovanje

Danes je večina ljudi na spletu preko mobilnih pripomočkov - tablete, telefoni, v zvezi z optimizacijo spletne strani, kot na novo raven. Če uporabnik pride in vidi, da je spletna stran ni optimizirana za mobilne naprave: ne morete videti sliko, potegnil off gumb, malih in neberljivi pisave, oblikovanje špila - 99 od 100%, da bo prišel ven in se bo začel iskati drugo bolj udoben. Pajek bo dal ček, ki je vir ni pomembna, t. E. ne ujema s poizvedbo. Zato mora biti zasnova strani vedno prilagoditi na različne mobilne naprave. Kaj je mobilna različica spletne strani, kako to storiti, in kaj boljši način za uporabo? Več o tem v tem članku.

Torej, obstajajo štiri ključne načine za prilagajanje mesto za mobilno različico.

Metoda ena - odziven dizajn

Prilagodljiv vzorci predlagamo spremembo mesto slike, odvisno od velikosti zaslona. Na splošno so določene v standardnih 1600, 1500, 1280, 1100, 1024 in 980 slikovnih pik. Za izvajanje uporabo CSS3 Media poizvedb. sama zasnove spletne strani se ni spremenil.

Prednosti te metode mora vsebovati:

• udobna oblika, kot je sama struktura prilagodi nastavitve zaslona, in vsaka sprememba ne zahteva razvoja oblikovanja iz nič, dovolj poteg CSS in HTML;
• ena na URL - uporabnik ne potrebuje, da se spomnimo nekaj imen, ni potrebe za preusmeritev (posredovan iz enega naslova na drugega), ki se lahko zaplete delo webmastere in iskanje lažje motor za razvrščanje in uvrstitev vir z enim naslovom.

Seveda, adaptivni predloge imajo svoje pomanjkljivosti, ki, mimogrede, več kot zaslužijo. Vendar pa mnogi razvijalci držijo tega pojma, na primer Google Corporation, mobilna različica spletne strani, ki je odziven dizajn. Tako slabosti:

• Odzivno oblikovanje ne podpira enake naloge na mobilni napravi, kot na PC-ju. Če je, na primer, mobilno različico spletne strani banke, kjer je verjetno, da so pomembne informacije o menjalnem tečaju ali najbližjega bankomata uporabnik, potem je to oblika je povsem dovolj. Ampak, če je to zapleteno strukturiran vir z veliko področjih in podpodročjih je prilagodljiva postavitev komaj bodo pritegnili obiskovalce.
• Počasno nalaganje spletnega mesta pretvori favorita v sovražna. To še posebej velja za vire, kjer so animacije, video posnetki, pop-up in drugih aktivnih elementov v izobilju. Zaradi velike teže strani preprosto bodo "upočasnili" uporabniku, - da bi dobili jezen in pojdi in iskati položaj mestu - padec.
• Nezmožnost, da izklopite mobilno različico - je še ena pomembna pomanjkljivost. Če je element skriva postavitev, ne more storiti ničesar, da ga odprete, za razliko od spletne strani, kjer si lahko onemogočijo in gredo v redni domeni.

Vendar pa lahko ta mobilna različica spletne strani hitro, brez posebnih znanj in stroškov virov je treba prilagoditi za vse pripomočke. Ampak to ustreza, zaradi teh pomanjkljivosti, da majhen, preprost, z najmanj informacijskih virov in multimedije, brez zapletenih navigacijo in animacijo. Za kompleksne spletne strani bo pristop 2 druge načine.

Drugi način - posebna različica spletne strani

Ta metoda je zelo pogosta in pogosto z uspehom naredi spletno stran na mobilni napravi lažje brati. Njegovo bistvo je, da ustvarite ločeno različico strani, ki jo pripravi vloge in postavi na ločenem URL ali poddomeni, na primer, m.vk.com. V tem primeru je osnovna funkcionalnost nogah, samo izgleda različne zasnove spletne strani. Prednosti takšnega načina je na voljo:

• uporabniku prijazen vmesnik;
• .. enostavno urediti in narediti spremembe, da je različica obstaja ločen od glavnega vira;
• zaradi nizke teže posamezne različice mestu je veliko hitreje kot prilagodljivo predlogo;
• pogosto priložnost, da gredo na glavno različico strani iz mobilnega.

Ampak tukaj ni brez pomanjkljivosti:

• Več naslovov - namizni in mobilno različico spletne strani. Kako narediti, tako da uporabnik ne pozabite dve možnosti? Spletni mojstri pogosto predpisani preusmeritev (preusmeritev), da dekstopnoy različico za mobilne naprave, ampak če je ta stran v mobilni različici, ne obstaja, bo uporabnik prejel napako. Tu pa so težave z iskalniki, kar je težko za uvrstitev 2 istih virov, kar ima neposreden vpliv na promocijo.
• Mobilna različica spletne strani iz računalnika, če uporabnik pomotoma dol, da bi bilo videti absurdno, da lahko vplivajo tudi na udeležbo.
• Ta različica je veliko bolj verjetno, da zmanjšati, namizje, tako da bo uporabnik imel zelo omejeno funkcionalnost. Toda ob istem času, če kaj manjka, obiskovalec lahko gremo na polno različico strani.

Na splošno velja, ločen mobilna stran splača in je najpogostejše načine prilagajanja virov za mobilne naprave. To je priljubljena med največjih spletnih trgovcev, na primer, Amazon.

Tretji način - RESS-design

Iskalnik Google aktivno podpira ta trend mobilni obliki. To je najbolj zapleten, drag, vendar učinkovit način za prilagoditev mesto za vaš telefon ali tablični računalnik. To se imenuje RESS. To je ciljanje vir v mobilni aplikaciji, ki jih lahko prenesete na vsako napravo posebej. Za android - iz GooglePlay, vendar za Apple - z iTunes.

Takšne aplikacije so hitro, brezplačno, enostavno, imajo sposobnost, da sprejme različne vrste informacij, in pomnilnik telefona in internetnega prometa ni jedel kot takrat, ko obiščete spletno stran preko brskalnika. So enostavni za vstop, saj bo povezava vedno na zaslonu pri roki, in ni potrebe za vstop zapleteno ime v naslovno vrstico brskalnika.

Obstaja, seveda pa obstajajo tudi slabosti, kot so težave pri razvoju visokih stroškov dela velikega števila programerjev, morate storiti nekaj možnosti postavitve. Včasih je mobilna naprava z uporabo ne prizna. Potreba po rednem tehnično podporo, odpravljanje pomanjkljivosti. Vendar pa je ta možnost velja za najboljšega od treh predlaganih glede na proizvodne uptime.

Najcenejši način, da bi mobilno spletno stran

Vse zgoraj navedene metode vključujejo, če ne vedno dolgo in zapleteno, vendar še vedno plačano webmasters delo. Če ne vidite, da je nujno potrebno za takšen razvoj, boste pristop enostavno in brezplačno mobilno različico spletne strani. Kako je najlažje storiti?

Prenos meri predloge (plugins) za odzivno oblikovanje. Na primer, WP Mobile detektor, WordPress Mobile Pack, WPSmart Mobile in drugi. Ti bodo pomagali pravilen prikaz spletne strani v telefonu, in boste dobili nekaj nasvetov, ki jih je treba popraviti, da bi bolje prilagoditi mobilno različico strani.

Seveda, ta metoda je komaj primerna za resne vire. Namesto tega je brezplačna možnost je namenjena malim in zelo preprostih spletnih strani, blogov, novic. Ne pozabite, da je Google iskalnik, kot tudi "Yandex", danes si težke zahteve za mobilno različico, tako da obstaja velika možnost, da znižajo svoje pozicije, z uporabo te metode.

S to metodo, najverjetneje bo treba zmanjšati oglaševanja in pop-up transparenti, vendar bo stran hitro naloži brez "zamika".

Načela za ustvarjanje mobilnih različic

Ali, da ustvarite mobilno različico spletne strani brezplačno ali s pomočjo državne webmaster, je narejena za OVE sistema ali uporabo adaptivne vzorec. Najbolj pomembna stvar za njeno učinkovito delo je potrebno upoštevati nekaj zelo pomembnih načel. Torej, kaj naj bi mobilno različico spletne strani? Kako bi bilo uspešno, učinkovito in produktivno?

Odstranite vse nepotrebne

Minimalizem - nekaj, kar bi morali poiskati razvijalca mobilno različico spletnega mesta. Predstavljajte si, kako težko je, da prejmejo informacije, ki je poln cvetja, gumbi, transparenti, in imate, da se pomaknete v nedogled, da bi našli pravega materiala. Mobilni dizajn mora biti preprosta in čista. Izberite 2-3 za ločevanje barvnega prostora (na primer, podjetje). Bolje je, če je eden izmed njih belo. Razdeliti prostor na malem zaslonu jasno in berljivega. Virtualne tipke mora biti vidna za uporabnika jasno vedeti, kam klikniti, in videl - oblika tega izdelka, da izpolnite podatke, tako da dobavo informacijske in plačila.

Vse dodatne možnosti, da bi bilo koristno v namizni različici in da bo življenje lažje za uporabnika, tukaj bi samo težave. Pusti le najpomembnejše elemente. Animacija, reklamne napise, multimedia, najverjetneje bo ovirala samo delovno mesto ali vlogo in vpliva na glavne točke.

poravnava

Vprašanje poravnava ni nič manj akutna, kot če bi to storili pravilno, bo uporabnik prejme le konec pomembnih besed. Splošno sprejeto levo poravnano in navpično. Predstavljajte si, kako ste flip skozi RSS na telefonu. To storite od zgoraj navzdol, vendar ne na levi ali desni strani.

union

Ko je možnost dolgi verigi prehodov ni, poskusite združiti več korakov v eno. Na primer, na mestu je treba vnesti podatke v več fazah - .. ime, nato pa naslov, kjer so v vsaki celici samostojna hiša, ulica, stanovanje, itd Da ne bi prisilili uporabniku, da bi poskušali priti na vrsto majhnih celic, jih prosite, naj izpolnijo samo 2 - ime in naslov.

in odklop

Včasih, nasprotno, je potrebno ločiti pretirane količine informacij. Na primer, v spustnem meniju imate seznam 80 mest, kjer se zagotavljajo. jih skupina po regijah, tako da se uporabniku ni treba pomikati po dolgem seznamu. Ko bo lebdijo nad regionalnega centra ali območje bo padel še en seznam mest.

seznami

Mimogrede, o seznamih. Njihova dva - določen po abecednem vrstnem redu ali drugega reda, in z zamenjavo. Njihova izbira je odvisna od tega, kaj se bo prenesla.

Fiksna priročen v primeru, da uporabnik ve, kaj on išče. Na primer, mesto, številka ali datum. Druga možnost je primerna za dolge zapletene imen, ali v primerih, ko gre za sklop sprememb v eno in isto ime, in vsak spustnem seznamu uporabniku bližje korak do cilja. Možnost z autosubstitution pogosto uporablja, ko obiskovalec potrebujejo pomoč. Na primer, stran ponuja za nakup pletilke. Uporabnik vnese iskalno poizvedbo "Kovinski napere", in v konici točk "napere 5 mm" "napere 4.5 mm" in t. D.

samodokončanje

Ta točka je še posebej velja za strani, ki prodajajo nekaj na spletu in boste morali izpolniti standardni obliki plačila, dostave in tako naprej. N. Če oseba naredi nakup iz telefona, nato pa najverjetneje, da nima časa, da bi dobili z računalnikom, kar pomeni, da je proces nakup je potrebno, da se tako hitro in priročno.

V tej obliki lahko vsebuje podatke že napolnjena, je mogoče, da se zatekajo k najbolj priljubljenih odgovore. Na primer, če želite vstaviti trenutni datum, način plačila v gotovini, na mestu, če delate v isti regiji. Lahko se spremeni, če pa ste zadeli cilj, lahko čas, uporabnik shrani.

Vse branje, vse ogledov

Z ustvarjanjem mobilni site design, imejte v mislih, da so vsi telefoni drugačen, in isto vizijo. Mogoče se bo vaša stran vidna z majhnim zaslonom, tako da je pisava mora biti preprosta in berljivi, gumb - dovolj velika, da bi lahko dotaknete in ne priti na naslednjo stran, in slike je treba odpreti ločeno, velika, še posebej, ko gre za internet trgovina.

Nekateri statistični podatki

Ko že govorimo o mestu, da se prilagodi mobilne naprave, je treba zateči k statistiki razumeti, kako pomembna je ta proces za spodbujanje omrežja.

Na naslednjih slikah. Danes pripomočki so 87% prebivalstva, očitno, razen za zelo majhne otroke in nekaj starejših. Ekonomisti napovedujejo rast mobilnega poslovanja je 100-krat več kot v naslednjih 5 letih. Vendar pa je le 21% spletnih mest, prilagojeno za delo z mobilnimi napravami. Torej, je internetni promet in e-poslovanje na trgu zasedajo le majhen del 5..

Menijo, da te številke. Ali je smiselno, da se prilagodijo svoj vir? Seveda ja. Še več, medtem ko je toliko prostora na tem trgu, si lahko svoj segment na njej.

Če je potreba po mobilni različici

Uporabite mobilna različica je primerna za vse platforme, katere cilj je, da bi dobili visoke uvrstitve. Konec koncev, to je neposreden vpliv na uporabnika, ki ustvarja zanj prijetno okolje, da ostanejo na svojem mestu.

Brez mobilna različica ne more obstajati:

• novice portali, saj je njihov najbolj gledan telefon na poti v službo ali šolo;
• socialna omrežja - za istega razloga, plus pa je dejavnik komunikacije na spletu, zato je primerno, prijazen klepet, je treba ustvariti;
• .. Pomoč, spletni navigacija, itd, kjer se trguje ljudi, medtem ko je v iskanju nečesa;
• spletno nakupovanje - sposobnost, da bi pritegnili kupce, ki ne preživijo čas na nakupovalne izlete in kupujejo vse preko mobilnega interneta.

Namesto zaključka

Danes, mobilne tehnologije so v fazi aktivne rasti in razvoja, zato se trudijo, da je vodilna na trgu, mora vsako podjetje, zagotovi, da njena spletni vir izpolnjujejo zahteve. Zaradi naraščajočih zahtevki lokacijah uporabnikov imajo stalno posodobitev in prilagoditev na različnih napravah. Jasno je, da če je oseba, ki je neprijetno, da se na neki vir, da ne more biti tam, da bi dobili informacije o izdelku ali cena, naročilo, se pozanima o dobavi, bo našel mesto, kjer se bo vse to bilo mogoče. Zato, da bi zmagal na natečaju, je pomembno, da imajo prilagodljiv, uporabniku prijazno, funkcionalno in zanimiv vir.

Naj pomaga mobilno različico spletne strani Android ali Ios. To storite tako, da izberete eno od zgornjih načinov za prenovo - prilagodljivo predlogo, ki ustvarja novo mesto na poddomeno in prehod, ki mu jih preusmeriti uporabo brezplačnih predlog ali ustvariti mobilno aplikacijo, prek katere lahko uporabnik udobno vstopijo in ostanejo na strani.

Tak pristop ne bo pomagalo le ohraniti zvestobo obstoječih strank, ampak bo tudi priložnost, da bi pritegnili nove obiskovalce.