Versioni celular i faqes: si ta bëjmë atë? Dizajn adaptues

Përmbajtje:

Versioni celular i faqes: si ta bëjmë atë? Dizajn adaptues
Versioni celular i faqes: si ta bëjmë atë? Dizajn adaptues
Anonim

Sot, shumica e njerëzve kalojnë në internet përmes veglave celulare - tableta, telefona, në këtë drejtim, optimizimi i faqes në internet po arrin gjithashtu një nivel të ri. Nëse një përdorues hyn dhe sheh që faqja nuk është e optimizuar për pajisjet celulare: imazhi nuk mund të shikohet, butonat janë zhvendosur, fontet janë të vogla dhe të palexueshme, dizajni është i anuar - 99 nga 100% që ai do të dalë dhe filloni të kërkoni për një tjetër më të përshtatshëm. Dhe roboti i kërkimit do të kontrollojë kutinë që burimi është i parëndësishëm, domethënë nuk përputhet me pyetjen e kërkimit. Prandaj, dizajni i faqes duhet të përshtatet me pajisje të ndryshme celulare. Cili është një version celular i faqes, si ta bëni atë dhe cila është mënyra më e mirë për ta aplikuar atë? Lexo më shumë në këtë artikull.

Pra, ka katër mënyra kryesore për ta bërë faqen tuaj miqësore për celularin.

si të bëni një version celular të faqes
si të bëni një version celular të faqes

Metoda e parë - Dizajn i përgjegjshëm

Modelët e përgjegjshëm ndryshojnë imazhin e faqes në varësi të madhësisë së ekranit. Si rregull, ato janë vendosur në standarde 1600, 1500, 1280, 1100, 1024 dhe 980 piksele. Për zbatimin, përdoren pyetjet e medias CSS3. Vetë dizajni i faqes nuk ndryshon.

Përparësitë e kësaj metode përfshijnë:

  • zhvillim i përshtatshëm,meqenëse vetë struktura përshtatet me parametrat e ekranit dhe çdo përditësim nuk kërkon zhvillim të dizajnit nga e para, mjafton të shkulni CSS dhe HTML;
  • një URL – përdoruesi nuk ka nevojë të mbajë mend disa emra, nuk ka nevojë për një ridrejtim (ridrejtim nga një adresë në tjetrën), gjë që mund të komplikojë punën e një webmaster dhe është më e lehtë për një kërkim motor për të renditur dhe renditur një burim me një adresë të vetme.

Sigurisht, shabllonet adaptive kanë të metat e tyre, të cilat, nga rruga, janë më shumë se avantazhe. Sidoqoftë, shumë zhvillues i përmbahen këtij koncepti, për shembull, Google Corporation, versioni celular i të cilit i faqes ka një dizajn adaptiv. Pra, disavantazhet:

  • Dizajni i përgjegjshëm nuk mbështet të njëjtat detyra në celular si në PC. Nëse ky është, për shembull, një version celular i faqes së internetit të një banke, ku informacioni rreth kursit të këmbimit ose ATM-ve më të afërta ka më shumë gjasa të jetë i rëndësishëm për përdoruesin, atëherë ky dizajn është mjaft i mjaftueshëm. Por nëse ky është një burim kompleks i strukturuar me shumë seksione dhe nënseksione, atëherë vizitorëve vështirë se do t'u pëlqejë faqosja adaptive.
  • Ngarkimi i ngad altë e kthen një sajt të preferuar në një urrejtje. Kjo është veçanërisht e vërtetë për burimet ku animacionet, videot, pop-ups dhe elementë të tjerë aktivë janë me bollëk. Për shkak të peshës së madhe, faqja thjesht do të "ngadalësohet", përdoruesi do të zemërohet dhe do të largohet dhe pozicionet e kërkimit të faqes do të bien.
  • Pamundësia për të fikur versionin celular është një tjetër pengesë e rëndësishme. Nëse ndonjë element fshihet nga një paraqitje e tillë, junuk mund të bëni asgjë për ta hapur, ndryshe nga faqet ku mund ta fikni dhe të kaloni në një domen të rregullt.

Megjithatë, një version i tillë celular i faqes shpejt, pa aftësi dhe kosto të veçanta, ju lejon të përshtatni burimin me çdo vegël. Por, duke pasur parasysh mangësitë e listuara, do t'i përshtatet burimeve të vogla, të thjeshta me një minimum informacioni dhe multimedia, pa navigim dhe animacion kompleks. Për një vend kompleks, 2 metoda të tjera janë të përshtatshme.

dizajni i faqes
dizajni i faqes

Metodë e dytë - një version i veçantë i sajtit

Kjo metodë është shumë e zakonshme dhe shpesh është e suksesshme në bërjen e sajtit më të lexueshëm në një pajisje celulare. Thelbi i tij është të krijoni një version të veçantë të faqes, të vizatuar për aplikacionin dhe të vendosur në një URL ose nëndomain të veçantë, për shembull, m.vk.com. Në të njëjtën kohë, funksionaliteti kryesor ruhet, dizajni i faqes thjesht duket ndryshe. Përparësitë e kësaj metode janë të dukshme:

  • ndërfaqe miqësore për përdoruesit;
  • lehtë për t'u ndryshuar dhe modifikuar pasi versioni ekziston veçmas nga burimi kryesor;
  • për shkak të peshës së ulët, një version i veçantë i faqes funksionon shumë më shpejt se një shabllon adaptiv;
  • më shpesh është e mundur të shkosh në versionin kryesor të faqes nga celulari.

Por kishte disa të meta edhe këtu:

  • Adresa të shumta - version desktop dhe celular i sajtit. Si ta bëni përdoruesin të kujtojë dy opsione? Mjeshtrat e uebit shpesh përshkruajnë një ridrejtim (ridrejtim) nga versioni i desktopit në versionin celular, por në të njëjtën kohë, nëse kjo faqe është në celularversioni nuk ekziston, përdoruesi do të marrë një gabim. Këtu lindin vështirësi me motorët e kërkimit, të cilët e kanë të vështirë të renditin 2 burime identike dhe kjo ndikon drejtpërdrejt në promovimin.
  • Versioni celular i faqes nga një kompjuter, nëse përdoruesi e viziton gabimisht, do të duket qesharak, gjë që mund të ndikojë edhe në trafik.
  • Ky version shpesh është shumë i kufizuar, desktop, kështu që përdoruesi do të ketë funksionalitet shumë të kufizuar. Por në të njëjtën kohë, nëse diçka mungon, vizitori mund të shkojë në versionin e plotë të faqes.

Në përgjithësi, një sajt i veçantë celular justifikon veten dhe është mënyra më e zakonshme për të përshtatur një burim për pajisjet celulare. Është popullor me dyqanet e mëdha në internet si Amazon.

shabllone adaptive
shabllone adaptive

Rruga e tretë - dizajn RESS

Motori i kërkimit Google mbështet në mënyrë aktive këtë drejtim të dizajnit celular. Kjo është metoda më komplekse, e kushtueshme, por efektive për të përshtatur faqen në një telefon ose tablet. Quhet RESS. Ky synon një burim në një aplikacion celular që mund të shkarkohet për secilën pajisje veç e veç. Për android - me GooglePlay dhe për Apple - me iTunes.

Aplikacione të tilla janë të shpejta, falas, të përshtatshme, kanë aftësinë për të akomoduar lloje të ndryshme informacioni, ndërsa memoria e telefonit dhe trafiku në internet nuk konsumohen si kur vizitoni një sajt përmes një shfletuesi. Ato janë të lehta për t'u aksesuar, pasi lidhja do të jetë gjithmonë në ekran në dorë dhe nuk ka nevojë të vendosni një emër kompleks në shiritin e adresave të shfletuesit.

Ka, sigurisht, këtu dhemangësitë e tij, të tilla si kompleksiteti në zhvillim, kostoja e lartë e punës së një numri të madh programuesish, nevoja për të bërë disa opsione të paraqitjes. Ndonjëherë pajisja celulare nuk njihet nga aplikacioni. Mbështetja e rregullt teknike, korrigjimi i mangësive është i nevojshëm. Megjithatë, ky opsion konsiderohet më i miri nga tre të propozuara për shkak të funksionimit të tij produktiv dhe të pandërprerë.

uebsajti google celular
uebsajti google celular

Mënyra më e lirë për të krijuar një faqe interneti celular

Të gjitha metodat e mësipërme përfshijnë, edhe pse jo gjithmonë të gjatë dhe të vështirë, punën e paguar të një webmaster. Nëse nuk shihni një nevojë urgjente për një zhvillim të tillë, një version i thjeshtë dhe pa pagesë celular i faqes do t'ju përshtatet. Cila është mënyra më e lehtë për ta bërë atë?

Shkarkoni shabllone (shtojca) speciale për dizajn të përgjegjshëm. Për shembull, WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile dhe të tjerë. Ato do të ndihmojnë për ta shfaqur faqen më saktë në telefon, ndërsa do të merrni disa këshilla se çfarë duhet të korrigjoni për ta përshtatur më mirë faqen me versionin celular.

Sigurisht, kjo metodë vështirë se është e përshtatshme për burime serioze. Përkundrazi, kjo veçori falas është menduar për faqe të vogla dhe të thjeshta, blogje, burime lajmesh. Mos harroni se motori i kërkimit Google, si dhe Yandex, sot bëjnë kërkesa serioze për versionet celulare, kështu që ka një shans të madh për të ulur pozicionet tuaja duke përdorur këtë metodë.

Me këtë metodë, ka shumë të ngjarë, reklamat dhe dritaret kërcyese do të ndërpritenbanderola, por faqja do të ngarkohet shpejt dhe pa “lag”.

versioni celular i faqes android
versioni celular i faqes android

Parimet për krijimin e versioneve celular

Nuk ka rëndësi nëse versioni celular i faqes është krijuar falas ose me ndihmën e një stafi të webmasterëve, ai është bërë në sistemin RESS ose duke përdorur një shabllon përshtatës. Më e rëndësishmja, për funksionimin e tij efektiv, kërkohet t'i përmbahen disa parimeve jashtëzakonisht të rëndësishme. Pra, cili duhet të jetë versioni celular i faqes? Si ta bëni atë produktiv, efikas dhe produktiv?

versioni celular i faqes nga një kompjuter
versioni celular i faqes nga një kompjuter

Hiq çdo gjë të panevojshme

Minimalizmi është ajo për të cilën duhet të përpiqet zhvilluesi i versionit celular të faqes. Imagjinoni sa e vështirë është të perceptoni informacione të mbushura me ngjyra, butona, pankarta dhe të cilat duhet t'i kaloni pafundësisht në kërkim të materialit të duhur. Dizajni i celularit duhet të jetë i thjeshtë dhe i pastër. Zgjidhni 2-3 ngjyra për të ndarë hapësirën (për shembull, të markës). Më mirë nëse njëri prej tyre është i bardhë. Ndani hapësirën e një ekrani të vogël në zona të kuptueshme dhe të lexueshme. Çelësat virtualë duhet të jenë të dukshëm në mënyrë që përdoruesi të dijë qartë se ku të shtypë dhe të shohë - këtu është produkti, këtu është formulari për plotësimin e të dhënave, këtu janë informacionet për dorëzimin dhe pagesën.

Të gjitha opsionet shtesë që do të ishin të dobishme në versionin e desktopit dhe do ta bënin jetën më të lehtë për përdoruesit këtu do të sjellin vetëm vështirësi. Lini vetëm elementët më të rëndësishëm. Animacioni, banderola reklamuese, multimedia, ka shumë të ngjarë, vetëm do të ngadalësojnë punën e faqes ose aplikacionit dhe do të shpërqendrojnëkryesore.

Rreshtimi

Çështja e shtrirjes nuk është më pak e mprehtë, sepse nëse bëhet gabimisht, përdoruesi do të marrë vetëm mbaresat e fjalëve të rëndësishme. Në përgjithësi pranohet rreshtimi majtas dhe vertikal. Imagjinoni veten duke lëvizur nëpër burimin e lajmeve në telefonin tuaj. Ju e bëni atë nga lart poshtë, jo majtas apo djathtas.

Bashkimi

Kur nuk ka mundësi për një zinxhir të gjatë tranzicioni, përpiquni të kombinoni disa hapa në një. Për shembull, faqja kërkon futjen e të dhënave në disa faza - një emër, pastaj një adresë, ku në çdo qelizë individuale ka një shtëpi, rrugë, apartament, etj. Për të mos e detyruar përdoruesin të përpiqet të godasë shumë qeliza të vogla, kërkojini atij të plotësojë vetëm 2 - emrin dhe adresën.

Dhe shkyçja

Ndonjëherë, përkundrazi, kërkohet të veçohen shumë informacione. Për shembull, në menynë rënëse keni një listë me më shumë se 80 qytete ku kryhet dorëzimi. Grupojini ato sipas rajonit në mënyrë që përdoruesi të mos ketë nevojë të lëvizë nëpër këtë listë të madhe. Kur ai rri pezull mbi qendrën ose rajonin rajonal, një listë tjetër qytetesh do të bjerë.

Listime

Meqë ra fjala, për listat. Janë dy prej tyre - të fiksuara sipas rendit alfabetik ose tjetër dhe me zëvendësim. Zgjedhja e tyre varet nga ajo që do të renditet.

Fiks është i dobishëm nëse përdoruesi e di saktësisht se çfarë kërkon. Për shembull, qyteti, numri ose data. Opsioni i dytë është i përshtatshëm për emra të gjatë kompleks ose për rastet kur ka shumë variacione të një dhe të njëjtëstë njëjtin emër dhe çdo listë rënëse e sjell përdoruesin një hap më afër qëllimit. Opsioni i zëvendësimit automatik përdoret më shpesh kur një vizitor ka nevojë për ndihmë. Për shembull, një faqe thurjeje ofron për të blerë hala thurjeje. Përdoruesi fut pyetjen e kërkimit "Gjilpëra thurjeje metalike" dhe në këshillën e veglave shikon "Gjilpëra thurje 5 mm", "Gjilpëra thurje 4.5 mm", etj.

Autofill

Ky artikull është veçanërisht i rëndësishëm për faqet që shesin diçka në internet dhe ju duhet të plotësoni formularët standardë për pagesën, dërgesën, etj. Nëse një person bën një blerje nga një telefon, atëherë me shumë mundësi ai nuk ka kohë për të arritur te një kompjuter, që do të thotë se procesi i blerjes duhet të bëhet sa më i shpejtë dhe i përshtatshëm.

Për këtë, formularët mund të përmbajnë të dhëna të plotësuara tashmë, ju mund të drejtoheni te përgjigjet më të njohura. Për shembull, vendosni datën e sotme, mënyrën e pagesës me para në dorë, qytetin nëse punoni në të njëjtin rajon. Ato mund të ndryshohen, por nëse arrini objektivin, koha e përdoruesit do të kursehet.

Çdo gjë lexohet, gjithçka shikohet

Kur dizajnoni versionin celular të faqes, mbani mend se telefonat e të gjithëve janë të ndryshëm, dhe po ashtu edhe shikimi i tyre. Ndoshta faqja juaj do të shikohet nga një ekran i vogël, kështu që fontet duhet të jenë të thjeshta dhe të lexueshme, butonat duhet të jenë mjaftueshëm të mëdhenj që të mund të klikohen pa u dërguar në një faqe tjetër dhe imazhet duhet të hapen veçmas, të mëdha, veçanërisht kur vjen në internet. dyqan.

Disa statistika

Duke folur për përshtatjen e faqes në pajisjet celulare, nuk mund të mos përdoret statistika për të kuptuar se sa i rëndësishëm është ky proces përpromovim në internet.

Numrat janë si më poshtë. Sot, pajisjet përdoren nga 87% e popullsisë, me sa duket, përveç fëmijëve më të vegjël dhe disa të moshuarve. Ekonomistët parashikojnë se tregtia celulare do të rritet 100 herë gjatë 5 viteve të ardhshme. Në të njëjtën kohë, vetëm 21% e faqeve janë përshtatur për të punuar me pajisje celulare. Kjo do të thotë se vetëm një pjesë e vogël e 5-të e trafikut të internetit dhe tregu i tregtisë elektronike është i zënë.

Mendo për këto numra. A ka kuptim të përshtatni burimin tuaj? Sigurisht po. Për më tepër, ndërsa ka kaq shumë hapësirë në këtë treg, ju mund të gdhendni segmentin tuaj në të.

versioni celular i faqes falas
versioni celular i faqes falas

Ku keni nevojë për një version celular

Përdorimi i versionit celular ka kuptim për çdo platformë që synon të marrë një renditje të lartë. Në fund të fundit, ky është një ndikim i drejtpërdrejtë tek përdoruesi, duke krijuar kushte komode që ai të qëndrojë në faqen tuaj.

Nuk mund të ekzistojë pa versionin celular:

  • portale lajmesh, sepse shumica e tyre shikohen nga telefoni rrugës për në punë ose në shkollë;
  • rrjetet sociale - për të njëjtën arsye, plus ka një faktor komunikimi në internet, që do të thotë se duhet të krijohet një bisedë e përshtatshme dhe e kuptueshme për këtë;
  • referenca, faqet e lundrimit, etj., ku njerëzit shkojnë kur kërkojnë diçka;
  • dyqanet online - një mundësi për të tërhequr klientët që nuk humbasin kohë duke blerë, por blejnë gjithçka nëpërmjet internetit në celular.

Në vend të një përfundimi

Sot, teknologjitë celulare janë nërritja dhe zhvillimi aktiv, prandaj, duke u përpjekur për lidership në treg, çdo kompani duhet të sigurojë që burimi i saj i internetit të plotësojë kërkesat. Për shkak të kërkesave në rritje të përdoruesve, faqet duhet të përmirësohen vazhdimisht dhe të përshtaten me pajisje të ndryshme. Është e qartë se nëse një person është i papërshtatshëm për të qenë në një burim të caktuar, ai nuk mund të marrë informacion për një produkt ose çmim atje, të bëjë një porosi, të mësojë për dorëzimin, atëherë ai do të gjejë sitin ku e gjithë kjo do të bëhet e mundur. Prandaj, për të fituar konkursin, është e rëndësishme të keni një burim fleksibël, të përshtatshëm, funksional dhe interesant.

Versioni celular i faqes së internetit të Android ose Ios do të ndihmojë për ta bërë këtë. Për ta bërë këtë, ju duhet të zgjidhni një nga metodat e mësipërme të ridizajnimit - një shabllon adaptiv, duke krijuar një faqe të re në një nëndomain dhe duke ridrejtuar në të, duke përdorur shabllone falas ose duke krijuar një aplikacion celular që do ta bëjë më të lehtë hyrjen për përdoruesit. dhe jini në faqe.

Kjo qasje jo vetëm që do të ndihmojë në ruajtjen e besnikërisë së klientëve ekzistues, por gjithashtu do të ofrojë një mundësi për të tërhequr vizitorë të rinj.

Recommended: