Vietnes mobilā versija: kā rīkoties? Adaptīvs dizains

Internets
Notiek ielāde ...

Šodien lielākā daļa cilvēku tiešsaistē tiešsaistēmobilo sīkrīkiem - tabletes, telefoni, saistībā ar optimizāciju vietā kā jaunā līmenī. Ja lietotājs nāk, un redz, ka vietne nav optimizēta mobilajām ierīcēm: Jūs nevarat apskatīt attēlu, novilka poga, mazie un nesalasāms fontus, dizains asimetrisks - 99 no 100%, ka viņš nāks ārā un sāks meklēt citu ērtāk. Rāpuļprogramma likšu pārbaudīt, ka resursu nav būtiska, t. E. Neatbilst meklēšanu. Tādēļ lapas dizains obligāti jāpielāgo dažādām mobilajām ierīcēm. Kas ir mobilā versija, vietā, kā to darīt, un ko labāks veids, kā pieteikties? Lasiet vairāk šajā rakstā.

Tātad, ir četri galvenie veidi, kā pielāgot vietni mobilo versiju.

vietnes mobilā versija, kā to izdarīt

Pirmais veids - adaptīvais dizains

Pielāgotās veidnes norāda uz izmaiņāmvietnes attēli atkarībā no ekrāna izmēra. Parasti tie ir iestatīti uz standarta 1600, 1500, 1280, 1100, 1024 un 980 pikseļiem. Lai to īstenotu, izmantojiet CSS3 mediju vaicājumus. Vietnes dizains nemainās vienlaikus.

Šīs metodes priekšrocības ir šādas:

  • ērts dizains, jo struktūra pati pielāgojas ekrāna parametriem, un jebkuram atjauninājumam nav nepieciešams izstrādāt dizainu no jauna, vienkārši izlabojiet CSS un HTML;
  • viens URL - lietotājam nav jāatcerasVairāki nosaukumi nav novirzīšanas (novirzīšana no vienas adreses uz otru), kas var sarežģīt tīmekļa pārziņa darbu, un meklētājprogrammai ir vieglāk kārtot un klasificēt resursus ar vienu adresi.

Protams, adaptīvās veidnes ir savastrūkumi, kas, starp citu, ir vairāk nekā nopelni. Tomēr daudzi izstrādātāji ievēro šo koncepciju, piemēram, korporācija Google, kuras vietnes mobilā versija ir pielāgota. Tātad, trūkumi ir šādi:

  • Adaptīvais dizains neatbalsta vienus un tos pašus uzdevumusmobilo ierīci, tāpat kā uz datora. Ja tas ir, piemēram, bankas tīmekļa vietnes mobilā versija, kurā lietotājam, visticamāk, ir informācija par valūtas maiņas kursu vai tuvākajiem bankomātiem, tad šis dizains ir diezgan pietiekošs. Bet, ja tas ir sarežģīts strukturēts resurss ar daudzām sadaļām un apakšizvēlnēm, tad pielāgotais izkārtojums, visticamāk, netiks pārsūdzēts apmeklētājiem.
  • Lēna lejupielāde kļūst jūsu iecienītā vietne aienīda. Tas īpaši attiecas uz resursiem, ja tur ir animācijas, video klipus, pop-ups un citiem aktīviem elementiem pārpilnību. Sakarā ar lapas smago svaru vienkārši "palēnināt" lietotājam - dusmoties un iet un meklēt pozīciju vietā - samazināsies.
  • Nespēja atspējot mobilo versiju - vairākviens būtisks trūkums. Ja kāds elements tiek paslēpts pēc šāda izkārtojuma, jūs to nevarat darīt, lai to atvērtu, atšķirībā no vietnēm, kurās to var atspējot, un doties uz regulāru domēnu.

Tomēr šāda vietnes mobilā versija ir ātra,bez speciālām prasmēm un izmaksām ļauj pielāgot resursus jebkuram sīkrīkam. Tomēr, ņemot vērā uzskaitītās nepilnības, ir piemēroti maziem, vienkāršiem resursiem ar minimālu informāciju un multimediju, bez sarežģītas navigācijas un animācijas. Kompleksā vietā ir piemērotas divas citas metodes.

mājas lapas dizains

Otra metode ir atsevišķa vietnes versija

Šī metode ir ļoti izplatīta un bieži vien ir veiksmīgapadara vietni mobilajā ierīcē ērtāku uztverei. Tās būtība ir izveidot atsevišķu lapas versiju, kas izveidota lietojumprogrammai un atrodas atsevišķā URL vai apakšdomēna veidā, piemēram, m.vk.com. Tajā pašā laikā tiek saglabāts galvenais funkcionalitāte, vietnes dizains vienkārši izskatās savādāk. Šīs metodes priekšrocības ir acīmredzamas:

  • lietotājam draudzīgs interfeiss;
  • to ir viegli mainīt un veikt izmaiņas, jo šī versija pastāv atsevišķi no galvenā resursa;
  • vietnes atsevišķās versijas nelielais svars ir daudz ātrāk nekā adaptīvā veidne;
  • visbiežāk ir iespēja doties uz galveno lapas versiju ar mobilo ierīci.

Bet šeit bija daži trūkumi:

  • Vairākas adreses - galddatora un mobilā versijavietne Kā padarīt lietotāju atcerēties divas iespējas? Tīmekļa pārziņi bieži vien norāda uz novirzīšanu (novirzīšanu) no dextop versijas uz mobilo, bet tajā pašā laikā, ja šī lapa mobilās versijas neeksistē, lietotājs saņems kļūdu. Šeit ir grūtības ar meklētājprogrammām, kurām ir grūti izvietot 2 identiskus resursus, un tas tieši ietekmē reklāmu.
  • Vietnes mobilā versija no datora, ja lietotājs kļūdaini iekļūst tajā, izskatās smieklīgi, kas var ietekmēt arī apmeklējumu.
  • Šī versija bieži vien ir ievērojami saīsināta, desktop, tāpēc lietotājs saņems ļoti ierobežotu funkcionalitāti. Bet tajā pašā laikā, ja kaut kas trūkst, apmeklētājs var pāriet uz pilnu lapas versiju.

Parasti pati par sevi pamato atsevišķu mobilo vietniun tas ir visizplatītākais veids, kā pielāgot resursus mobilajām ierīcēm. Tas ir populārs starp lielajiem tiešsaistes veikaliem, piemēram, Amazon.

atsaucīgi modeļi

Trešais veids - RESS-design

Google meklētājprogramma to aktīvi atbalsta.mobilā dizaina virziens. Šī ir visgrūtākais, dārgākais, bet efektīvākais veids, kā pielāgot vietni tālrunim vai planšetdatoram. To sauc par RESS. Tas ir mērķtiecīgs resurss mobilajam lietojumam, kuru var lejupielādēt atsevišķi katrai ierīcei. Android ierīcē - ar GooglePlay, bet Apple - ar iTunes.

Šādi pieteikumi ir ātri, bez maksas, ērtiir iespēja uzņemt dažāda veida informāciju, bet tālruņa atmiņa un interneta trafika netiek ēst kā, apmeklējot vietni, izmantojot pārlūku. Tie ir viegli pieejami, jo saite vienmēr atrodas ekrānā, un pārlūka adrešu joslā nav nepieciešams ievadīt sarežģītu nosaukumu.

Protams, šeit ir arī trūkumi, piemēram,izstrādes sarežģītība, daudzu programmētāju augstās izmaksas, nepieciešamība veikt vairākas izkārtojuma iespējas. Dažreiz lietojumprogramma neatpazīst mobilo ierīci. Nepieciešams regulārs tehniskais atbalsts, nepilnību novēršana. Tomēr šī opcija tiek uzskatīta par labāko no trim piedāvātajiem, jo ​​tā ir produktīva un vienmērīga darbība.

Google mobilā vietne

Lētākais veids, kā izveidot vietni mobilajām ierīcēm

Piedāvā visas iepriekš minētās metodesun ne vienmēr ir garš un sarežģīts, bet joprojām maksā webmastera darbu. Ja jūs neredzat steidzamu nepieciešamību pēc šādas izstrādes, jums būs nepieciešama vienkārša un bezmaksas vietnes mobilā versija. Kā to izdarīt visvieglāk?

Lejupielādēt īpašas veidnes (spraudņus) paratsaucīgs dizains. Piemēram, WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile un citi. Tie palīdzēs pareizi parādīt vietni pa tālruni, un jūs saņemsiet vairākus padomus par to, kas jālabo, lai labāk pielāgotu lapu mobilajai versijai.

Protams, šī metode gandrīz nav piemērotanopietni resursi. Drīzāk šī bezmaksas iespēja ir domāta mazākajām un vienkāršākajām vietnēm, emuāros, ziņu plūsmās. Neaizmirstiet, ka Google meklētājprogrammai, kā arī Yandex šodien ir nopietnas prasības mobilajām versijām, tāpēc, izmantojot šo metodi, ir lieliska iespēja pazemināt savas pozīcijas.

Ar šo metodi, visticamāk, tiks pārtraukta reklāmu un uznirstošo reklāmkarogu reklamēšana, taču lapa tiks ielādēta ātri un bez "kavējumiem".

vietnes android mobilā versija

Mobilo versiju izveides principi

Nav svarīgi, vietnes mobilā versija ir izveidota bez maksas.vai izmantojot tīmekļa pārziņu personālu, tas tiek veikts RESS sistēmā vai izmantojot adaptīvo veidni. Vissvarīgākais ir tas, ka efektīvam darbam ir jāievēro vairāki ārkārtīgi svarīgi principi. Tātad, kāda būtu vietnes mobilā versija? Kā padarīt to produktīvu, efektīvu un produktīvu?

vietnes mobilā versija no datora

Mēs noņemam visus nevajadzīgos

Minimālisms - ko cenšas panāktVietnes mobilās versijas izstrādātājs. Iedomājieties, cik grūti ir uztvert informāciju, kas ir piepildīta ar krāsām, pogām, baneriem un kurai ir bezgalīgi jāpārlūko, meklējot pareizos materiālus. Mobilais dizains ir vienkāršs un tīrs. Izvēlieties 2-3 krāsas, lai sadalītu vietu (piemēram, firmas veidā). Labāk, ja viens no tiem ir balts. Maza ekrāna platumu sadaliet skaidrās un lasāmās zonās. Virtuālajiem taustiņiem jābūt redzamiem, lai lietotājs skaidri uzzinātu, kur noklikšķināt un redzēt - šeit ir produkts, šeit ir veidlapa datu aizpildīšanai, šeit ir informācija par piegādi un maksājumu.

Visas papildu iespējas, kas būtu noderīgasdarbvirsmas versijā un padarītu lietotājam vieglāku dzīvi, šeit radīsies tikai grūtības. Atstājiet tikai vissvarīgākos elementus. Animācija, reklāmas baneri, multivide, visticamāk, tikai palēninās vietnes vai lietojumprogrammas darbu un novērsīs galveno.

Saskaņošana

Jautājums par saskaņošanu ir ne mazāk akūta.jo, ja jūs to padarīsit nepareizi, lietotājs saņems tikai svarīgu vārdu galotnes. Pielāgošana pa kreisi un vertikālā ir vispārpieņemta. Iedomājieties, kā jūs ritināt ziņu plūsmu savā tālrunī. Jūs to darāt no augšas uz leju, bet ne pa kreisi vai pa labi.

Unifikācija

Ja trūkst garu pāreju ķēdes iespēju,Mēģiniet apvienot vairākus soļus vienā. Piemēram, vietnei ir jāievada datu ievadīšana vairākos posmos - nosaukums, pēc tam adrese, kurā katrai atsevišķai šūnai ir atsevišķa māja, iela, dzīvoklis utt. Lai nepiespiestu lietotāju mēģināt nokļūt caur daudzām mazām šūnām, lūdziet viņam aizpildīt tikai 2 - vārds un adrese.

Un atvienošana

Dažreiz, gluži pretēji, tas ir jāatvieno arīliels informācijas apjoms. Piemēram, nolaižamajā izvēlnē ir saraksts ar vairāk nekā 80 pilsētām, kurās tiek veikta piegāde. Grupējiet tos pēc reģiona, lai lietotājam nebūtu jāpārorāda šis milzīgais saraksts. Kad viņš pāri virs reģionālā centra vai reģiona, tiks izslēgts vēl viens pilsētu saraksts.

Saraksti

Starp citu, par sarakstiem. Ir divi no tiem - fiksēti alfabētiskā secībā vai citā secībā un ar aizstāšanu. Viņu izvēle ir atkarīga no tā, kas tiks uzskaitīts.

Fiksēts ir noderīgs, jalietotājs precīzi zina, ko viņš meklē. Piemēram, pilsēta, numurs vai datums. Otrais variants ir piemērots gariem sarežģītiem nosaukumiem vai gadījumiem, kad ir daudz dažādu nosaukumu, un katrs nolaižamais saraksts lietotājam veic vienu soli tuvāk mērķim. Variants ar automātisko aizvietošanu biežāk tiek izmantots, kad apmeklētājam nepieciešama palīdzība. Piemēram, adīšanas vietne piedāvā iegādāties adāmadatas. Lietotājs ievada meklēšanas vaicājumu "Metāla adāmadatas", un rīka padomē viņš redz "5 mm adatas", "4,5 mm spieķi" utt.

Autokomplekss

Šis vienums īpaši attiecas uz vietnēm, kurās ir kaut kasViņi pārdod tiešsaistē, un jums ir jāaizpilda standarta maksāšanas, piegādes uc veidlapas. Ja persona veic pirkumu no tālruņa, tad visticamāk viņam nav laika nokļūt pie datora, kas nozīmē, ka pirkuma process ir jāveic pēc iespējas ātrāk un ērtāk.

Šī veidlapa var saturēt jau pabeigtudatus, varat izmantot populārākās atbildes. Piemēram, ievietojiet šodienas datumu, maksājuma veidu skaidrā naudā, pilsētu, ja strādājat vienā un tajā pašā reģionā. Tos var mainīt, bet, ja jūs sasniegsiet mērķi, lietotāja laiks tiks saglabāts.

Viss ir lasāms, viss ir skatīts

Atcerieties par vietnes vietnes mobilās versijas izveidika visi tālruņi ir atšķirīgi, un arī redzējums. Iespējams, ka jūsu vietne tiks skatīta no mazā ekrāna, tāpēc fontiem vajadzētu būt vienkāršiem un lasāmiem, pogām jābūt pietiekami lielām, lai tās varētu noklikšķināt, nevis nokļūt citā lapā, un attēliem vajadzētu atvērt atsevišķi, lieli, jo īpaši, kad runa ir par internetu veikals.

Daži statistikas dati

Runājot par vietnes pielāgošanu mobilajām ierīcēm, nav iespējams izmantot statistiku, lai saprastu, cik šis process ir svarīgs tīkla veicināšanai.

Cipari ir šādi. Šodien 87% iedzīvotāju izmanto sīkrīkus, acīmredzot, izņemot jaunākos bērnus un dažus vecākus cilvēkus. Ekonomisti prognozē mobilās komercijas pieaugumu 100 reizes nākamo 5 gadu laikā. Tomēr tikai 21% vietņu ir pielāgoti darbam ar mobilajām ierīcēm. Tādējādi interneta trafiku un e-komercijas tirgu aizņem tikai mazā 5. daļa.

Padomājiet par šiem numuriem. Vai ir jēga pielāgot savu resursu? Protams, jā. Turklāt, tik ilgi, kamēr šajā tirgū ir tik daudz brīvas vietas, jūs varat ieņemt savu segmentu uz tā.

mobilā vietne bez maksas

Kur ir mobilā versija?

Ir ieteicams izmantot mobilo versijuJebkura platforma, kas meklē augstu reitingu. Galu galā tas tiešā veidā ietekmē lietotāju, izveidojot ērtu vidi, lai viņš varētu palikt savā vietnē.

Bez mobilās versijas nevar pastāvēt:

  • ziņu portālus, jo tā ir viņu vairākums, kas no tālruņa meklē darbu vai skolu;
  • sociālajos tīklos - tāda paša iemesla dēļ, kā arī ir tiešsaistes saziņas faktors, kas nozīmē, ka šim nolūkam ir jāizveido ērta un saprotama tērzēšana;
  • Palīdzība, vietnes ar navigāciju utt., Kur cilvēki ieslēdzas, kad meklē kaut ko;
  • tiešsaistes veikali - iespēja piesaistīt klientus, kuri nepērk laiku iepirkšanās laikā, un iegādāties visu, izmantojot mobilo internetu.

Tā vietā, lai noslēgtu

Šobrīd notiek mobilo tehnoloģiju izstrādetādēļ, cenšoties vadīt tirgu, jebkuram uzņēmumam jānodrošina, ka tā interneta resurss atbilst prasībām. Sakarā ar pieaugošo lietotāju pieprasījumu, vietnēm ir nepārtraukti jāuzlabo un jāpielāgojas dažādām ierīcēm. Ir skaidrs, ka, ja persona ir neērta uz konkrētu resursu, viņš nevar saņemt informāciju par produktu vai cenu, ievietot pasūtījumu vai uzzināt par piegādi, tad viņš atradīs vietu, kurā tas viss būs iespējams. Tāpēc, lai uzvarētu konkursā, ir svarīgi, lai būtu elastīgs, ērts, funkcionāls un interesants resurss.

Palīdzēsiet vietnes mobilā versija.Android vai IOS. Lai to izdarītu, izvēlieties vienu no iepriekšminētajām pārveidošanas metodēm - pielāgojamu veidni, izveidojiet jaunu vietni apakšdomēnā un novirzot uz to, novirzot, izmantojot bezmaksas veidnes vai izveidojot mobilo lietotni, ar kuru lietotājam ir vieglāk pieejama un atrodama lapā.

Šī pieeja palīdzēs ne tikai saglabāt esošo klientu lojalitāti, bet arī radīs iespēju piesaistīt jaunus apmeklētājus.

Notiek ielāde ...
Notiek ielāde ...