Mobili portalo svetainėje: kaip padaryti? reaguoja dizainas

Šiandien dauguma žmonių eiti internete per mobiliąsias programėles - tablečių, telefonai, ryšium su svetainės optimizavimo, kaip į naują lygį. Jei vartotojas ateina ir mato, kad svetainė nėra optimizuota mobiliesiems prietaisams: Jūs negalite peržiūrėti vaizdą, iškedentas off mygtuką, nedideli ir neįskaitomas šriftus, dizainas iškreiptas - 99 iš 100% kad jis išeis ir pradės ieškoti kito patogiau. Robotas bus įdėti čekį, kad išteklių yra nesvarbi, t. E. nederinami paieškos užklausą. Todėl, puslapio dizainas visada turėtų būti pritaikytas prie mobiliųjų įrenginių įvairovė. Kas yra mobili svetainės versija, kaip tai padaryti, ir kas geresnis būdas kreiptis? Skaitykite daugiau šiame straipsnyje.

Taigi, yra keturi pagrindiniai būdai, kaip pritaikyti tam mobiliojo versiją svetainėje.

vienas metodas - reaguoja dizainas

Prisitaikanti modeliai siūlau keisti vaizdo svetainę, priklausomai nuo ekrano dydžio. Paprastai, jie yra nustatyti standartiniai 1600, 1500, 1280, 1100, 1024 ir 980 pikselių. Įgyvendinti naudoti CSS3 žiniasklaidos užklausas. interneto svetainės dizainas pats savaime nėra pakeistas.

Šio metodo privalumai turėtų apimti:

• patogus dizainas kaip pati struktūra reguliuoja ekrano parametrus, ir visi atnaujinimas nereikalauja dizaino kūrimą nuo nulio, pakankamai įgnybti CSS ir HTML;
• vienas URL - vartotojas neturi reikia prisiminti kelis pavadinimus, nėra nukreipimui (ekspedijavimas iš vieno adreso į kitą) poreikis, kuris gali apsunkinti meistrams darbą, ir paieškos sistema lengviau rūšiuoti ir reitinguoti išteklius su vienu adresą.

Žinoma, prisitaikanti šablonai turi savo trūkumų, kurie, beje, daugiau nei nuopelnus. Tačiau daugelis kūrėjai laikytis šios sąvokos, pvz, "Google" korporacija, mobili versija svetainę, kuri turi interaktyvaus dizaino. Taigi, trūkumai:

• Reaguoja dizainas nepalaiko tas pačias užduotis mobiliajame įrenginyje kaip ant PC. Jei jis yra, pavyzdžiui, mobili portalo banko interneto svetainėje, kur vartotojas gali būti svarbi informacija apie valiutos kursą arba į artimiausią ATM, tai dizainas yra gana pakankamai. Bet jei tai yra sudėtingas struktūra išteklių su daug skyrių ir poskyrių, The prisitaikanti išdėstymas vargu kreipsimės lankytojams.
• Lėtas pakrovimas svetainė konvertuoja mėgstamiausia bjaurių. Tai ypač pasakytina apie išteklių, kur yra animacija, video klipai, iššokančių langų ir kitų aktyvių elementų gausa. Dėl didelio svorio puslapyje tiesiog "sulėtinti" vartotojui - supykti ir eiti ir ieškoti svetainės poziciją - kristi.
• Negalėjimas išjungti mobilųjį versiją - tai dar vienas svarbus trūkumas. Jei elementas yra paslėptas išdėstymą, jūs negalite nieko daryti, kad ją atidaryti, o ne svetaines, kuriose galite ją išjungti ir eiti į reguliariai srityje.

Nepaisant to, ši mobili portalo svetainėje greitai, be specialių įgūdžių ir išteklių sąnaudas galima pritaikyti bet dalykėlių. Bet tai tinka, nes iš šių trūkumų, kad maža, paprastas, su informacinių išteklių ir multimedijos minimumo, be sudėtingos navigacijos ir animacija. Dėl sudėtingos svetainėje tiks 2 kitais būdais.

Antrasis būdas - atskira svetainės versija

Šis metodas yra labai dažnas ir dažnai sėkmingai daro svetainę mobiliajame įrenginyje būtų lengviau skaityti. Jo esmė yra sukurti atskirą puslapio versiją, parengtą pagal paraiškos ir ant atskiro URL arba subdomenas, pavyzdžiui, m.vk.com. Šiuo atveju pagrindinė funkcija yra palaikoma, tiesiog atrodo kitaip interneto svetainės dizainas. Privalumai tokio metodo yra:

• vartotojo sąsaja;
• .. lengvai redaguoti ir atlikti pakeitimus, tai yra versija egzistuoja atskirai nuo pagrindinio ištekliaus;
• dėl mažo svorio individualios svetainės versija tai daug greičiau nei adaptyvaus šabloną;
• dažnai turi galimybę pereiti į pagrindinį puslapio versiją iš mobiliesiems telefonams.

Bet čia buvo ne be trūkumų:

• Kelis adresus - stalinis ir mobili portalo svetainėje. Kaip padaryti, kad vartotojas prisiminti dvi galimybes? Interneto meistrai dažnai skiriami peradresavimas (nukreipiamasis) į dekstopnoy versiją mobiliesiems telefonams, tačiau jei šį puslapį į mobilųjį versiją neegzistuoja, vartotojas gaus klaidą. Čia yra sunkumų su paieškos, kurios yra sunku rangas 2 iš tų pačių išteklių, o tai turi tiesioginį poveikį skatinimo.
• Mobili portalo svetainėje nuo kompiuterio, jei vartotojas klaidingai eiti ji atrodytų absurdiška, kad taip pat gali turėti įtakos lankomumą.
• Ši versija yra daug labiau tikėtina, kad sumažinti, darbastalio, todėl vartotojas turės labai ribotą funkcionalumą. Bet tuo pačiu metu, jei kažko trūksta, lankytojas gali eiti į pilną versiją puslapio.

Apskritai, atskiras mobili svetainė atsiperka ir yra labiausiai paplitęs būdas suderinti išteklių mobiliesiems įrenginiams. Jis yra populiarus tarp didžiausių interneto mažmenininkams, pavyzdžiui, "Amazon".

Trečias būdas - OMUNIKAT dizainas

Paieškos sistema "Google" aktyviai remia šį mobiliojo dizaino tendencijos. Tai yra labiausiai sudėtingas, brangus, bet efektyvus būdas pritaikyti savo telefoną ar planšetinį kompiuterį svetainę. Tai vadinama OMUNIKAT. Ji yra orientuota išteklius į mobilųjį programa, kuri gali būti perkelti į kiekvieno prietaiso atskirai. Dėl Android - Nuo googleplay, tačiau Apple - su "iTunes".

Tokie prašymai yra greitas, nemokama, paprasta, turi galimybę sutalpinti skirtingų rūšių informaciją, ir į telefono atmintį ir interneto srauto yra ne valgyti, lankydami puslapį per naršyklę. Jie yra lengva patekti, nes nuoroda bus visada ekrane po ranka, ir nėra reikalo įvesti sudėtingas pavadinimas naršyklės adreso juostą.

Yra, žinoma, taip pat yra trūkumų, kaip antai atsižvelgiant į brangumo darbo daug programuotojų plėtros sunkumų, reikia padaryti keletą variantų išdėstymą. Kartais mobilusis prietaisas neatpažįsta paraiškos. Už reguliarios techninės paramos poreikis, ištaisyti trūkumus. Tačiau ši galimybė yra laikoma geriausia iš trijų siūlomų atsižvelgiant į produktyvaus veiksnumo.

Pigiausias būdas padaryti mobiliąją tinklavietę

Visi pirmiau minėti metodai apima, jei ne visada ilgas ir sudėtingas, bet vis tiek sumokėjo meistrams darbą. Jei nematote skubiai reikia tokiam vystymuisi, jums tiks paprastą ir nemokamą mobilųjį svetainės versija. Kaip tai padaryti lengviausia?

Parsisiųsti šablonus (plugins) už interaktyvų dizainą. Pavyzdžiui, WP Mobilus detektorius, "WordPress" Mobili Pack WPSmart Mobile "ir kt. Jie padės teisingai atvaizduoti svetainę savo telefone ir jūs gaunate keletą patarimų, kurie turėtų būti pataisyti, kad geriau prisitaikyti prie mobiliosios versijos puslapyje.

Žinoma, šis metodas yra sunkiai tinka rimtų išteklių. Greičiau, jis yra nemokama alternatyva skirtas mažų ir labai paprastų svetainių, dienoraščių, naujienų kanalai. Nepamirškite, kad "Google" yra paieškos sistema, taip pat "Yandex" ", šiandien daro didelius reikalavimus dėl mobiliosios versijos, todėl yra didžiulis šansas sumažinti savo pozicijas, naudojant šį metodą.

Naudojant šį metodą, greičiausiai, bus sumažintas reklamos ir iššokančių reklaminių antraščių, bet puslapis bus įkelti greitai be "VVG".

Principai kuriant mobiliųjų versijų

Ar sukurti mobilųjį versiją svetainėje nemokamai arba su valstybės webmaster pagalba, ji yra pagaminta, kad OMUNIKAT sistemos arba naudojant prisitaikanti modelis. Svarbiausia jos efektyviam darbui reikalingas atlikite keletą labai svarbių principų. Taigi, kas turėtų būti mobili portalo svetainėje? Kaip padaryti, kad tai labai veiksminga, efektyvi ir produktyvi?

Pašalinti visus nereikalingus

Minimalizmas - kažkas, kad turėtų siekti mobiliojo svetainės versija kūrėjas. Įsivaizduokite, kaip sunku yra gauti informaciją, kuri yra pilna gėlių, mygtukai, banerius, ir jūs turite pereiti galo rasti tinkamą medžiagą. Mobilus dizainas, turėtų būti paprastas ir švarus. Pasirinkite 2-3 atskirti spalvų erdvę (pvz, įmonės). Tai geriau, jei vienas iš jų yra balta. Padalinkite dėl mažo ekrano aiškiai ir įskaitomai zonos erdvę. Virtualūs klavišai turėtų būti matomas vartotojui aiškiai žinoti, kur paspausti, ir pamačiau - šio gaminio forma užpildyti duomenų, todėl informacijos pristatymo ir apmokėjimo.

Visi papildomi variantai, kurie būtų naudingi darbalaukio versiją ir padaryti gyvenimą lengviau vartotojui, čia atnešti tik sunkumų. Palikite tik svarbiausius elementus. Animacija, reklaminiai baneriai, multimedijos, greičiausiai, bus tik trukdo darbo vietoje ar taikymo ir atitrauktų nuo pagrindinio taško.

išlyginimas

Klausimas lygiavimas yra ne mažiau ūmus, tarsi tai daryti teisingai, vartotojas gaus tik svarbiausių žodžių pabaigą. Visuotinai pripažintas kairėje suderintas ir vertikaliai. Įsivaizduokite, kaip jūs vartyti savo RSS telefone. Tai galite padaryti iš viršaus į apačią, o ne į kairę arba dešinę pusę.

sąjunga

Kai ilgą grandinę perėjimų galimybė nėra, pabandykite sujungti kelis žingsnius į vieną. Pavyzdžiui, svetainėje reikia įvesti duomenis keliais etapais - .. Vardas, tada adresas, kur kiekvienoje ląstelėje yra atskiras namas, gatvė, butas, ir tt Kad nebūtų priversti vartotoją bandyti gauti dėl mažų ląstelių rinkinys, paprašykite užpildyti tik 2 - pavadinimas ir adresas.

ir atjungimas

Kartais, atvirkščiai, ji privalo atskirti pernelyg daug informacijos. Pavyzdžiui, išskleidžiamajame meniu jūs turite 80 miestų, kur jūs pristatyti sąrašą. Grupė jas regione, taip, kad vartotojas neturi slinkti ilgą sąrašą. Kai jis bus užveskite pelės žymeklį ant regioninio centro arba plotas kris kitą miestų sąrašą.

sąrašai

Beje, apie sąrašų. Jų dviejų - fiksuotas abėcėlės tvarka arba kita tvarka, ir su keitimą. Jų pasirinkimas priklauso nuo to, ką bus perkeltas.

Fiksuoto patogu tuo atveju, jei vartotojas žino, ką jis ieško. Pavyzdžiui, miesto, numerį ar datą. Antrasis variantas yra tinkamas ilgai sudėtingų pavadinimų arba tais atvejais, kai yra variantų rinkinys vienu ir tuo pačiu vardas, ir kiekvienas išskleidžiamajame sąraše vartotojas arčiau žingsnis į tikslą. Variantas su autosubstitution dažnai naudojamas, kai lankytojas reikia pagalbos. Pavyzdžiui, svetainė siūlo pirkti virbalu. Vartotojas įveda paieškos užklausą "Metallic Stipinai", ir patarimas dėmių "stipinus 5 mm", "stipinai 4,5 mm" ir t. D.

Automatinis

Šis punktas yra ypač pasakytina apie svetainių, kurios pardavinėja kažką internetu ir turite užpildyti standartinę formą mokėjimo, pristatymo ir pan. N. Jei asmuo nuperka iš telefono, tada greičiausiai, jis neturi laiko gauti į kompiuterį, o tai reiškia, kad proceso pirkimas yra būtina padaryti, kaip greitai ir patogu.

Dėl šios formos gali būti laikomi duomenys jau užpildyti, galima kreiptis į populiariausių atsakymus. Pavyzdžiui, jei norite įterpti dabartinė data, atsiskaitymo būdas yra grynieji pinigai, miestas, jei dirbate tame pačiame regione. Jie gali būti keičiami, tačiau, jei jis pasiektų tikslą, vartotojas laikas gali būti išsaugotas.

Viskas skaityti, visus peržiūrėtus

Sukuriant mobiliąją svetainės dizainas, turėkite omenyje, kad visi telefonai yra skirtingi, ir tuo pačiu vizija. Gal jūsų svetainė bus žiūrima su mažo ekrano, todėl šrifto turėtų būti paprasta ir lengvai skaitomas, mygtukas - pakankamai didelis, kad jie galėtų bakstelėkite, o ne gauti į kitą puslapį, ir vaizdai turi būti atidaryta atskirai, didelis, ypač kai ji ateina į internetą parduotuvė.

Kai statistika

Kalbėdamas apie svetainę prisitaikyti prie mobiliųjų įrenginių, būtina kreiptis į statistikos suprasti, koks svarbus šis procesas yra už tinklo skatinimo.

Šie skaičiai. Šiandien dalykėliai yra 87% gyventojų, matyt, išskyrus labai mažų vaikų ir kai vyresnio amžiaus žmonėms. Ekonomistai prognozuoja, augimas mobiliosios komercijos yra 100 kartų per ateinančius 5 metus. Tačiau tik 21% svetainių pritaikytos dirbti su mobiliaisiais įrenginiais. Taigi, interneto srautą ir e-komercijos rinkos užima tik mažą dalį 5.

Apsvarstykite šiuos skaičius. Ar tai prasminga pritaikyti savo išteklių? Žinoma taip. Be to, nors yra tiek daug erdvės šioje rinkoje, galite imtis savo segmentą ant jo.

Tais atvejais, kai poreikis yra mobili versija

Naudokite mobili versija tinka bet kurios platformos, kuria siekiama gauti aukštos rankingach. Galų gale, tai yra tiesioginis poveikis vartotojui, sukurti jam patogią aplinką gyventi į savo svetainę.

Be mobili versija negali egzistuoti:

• Naujienos portalai, nes jų dauguma žiūrimi telefonas pakeliui į darbą ar mokyklą;
• Socialiniai tinklai - dėl tos pačios priežasties, plius ten yra bendravimo veiksnys internete, todėl jis yra patogus, draugiškas pokalbis turi būti sukurta;
• .. Pagalba, interneto navigacijos tt, kur žmonės prekiaujama, o ieškoti kažko;
• pirkimas internetu - gebėjimas pritraukti klientus, kurie neturi praleisti laiką apsipirkti ir nusipirkti per visus mobiliojo interneto.

vietoj sudarymo

Šiandien mobiliųjų technologijų yra iš aktyvaus augimo ir plėtros, todėl scenoje, siekia būti rinkos lyderė, bet kuri bendrovė turi užtikrinti, kad jos interneto išteklių atitikti reikalavimus. Dėl augančių vartotojų užklausas svetainių turite nuolat modernizuoti ir pritaikyti prie skirtingų įrenginių. Tai aišku, kad jei žmogus yra nepatogu būti konkretaus ištekliaus, jis negali būti ten gauti informacijos apie produktą ar kainą, pateikti užsakymą, paklausti apie pristatymą, jis bus rasti svetainę, kur visa tai bus įmanoma. Todėl, siekiant laimėti konkursą, svarbu turėti lankstų, patogų, funkcionalų ir įdomaus išteklių.

Padaryti tai padeda mobili versija "Android" svetainėje ar "iOS". Norėdami tai padaryti, pasirinkite vieną iš šių būdų reorganizavimo - prisitaikanti šabloną, kuriant naują svetainę apie subdomenas ir perėjimą į jį nukreipti nemokamų šablonų naudojimą arba sukurti mobiliąją programą, per kurią vartotojas gali patogiai įvažiuoti ir apsigyventi puslapyje.

Toks požiūris padės ne tik išlaikyti esamus klientus lojalumą, bet taip pat suteikia galimybę pritraukti naujų lankytojų.