Mobilieji tinklalapiai ir darbalaukio tinklalapiai

Turinys:

Mobilieji tinklalapiai ir darbalaukio tinklalapiai
Mobilieji tinklalapiai ir darbalaukio tinklalapiai
Anonim

Tinklalapiai, optimizuoti naudoti mobiliuosiuose įrenginiuose, skiriasi nuo tų, kurie rodomi staliniuose ir nešiojamuosiuose kompiuteriuose. Pastarieji yra skirti dideliems ekranams ir tiksliam pelės spustelėjimui, o mobiliųjų tinklalapių dydis pritaikytas mažesniems ekranams ir netiksliam bakstelėjimui pirštu.

  • Sukurta mažesniems ekranams ir netiksliam bakstelėjimui pirštu.
  • Sukurta dideliems ekranams su tiksliu pelės paspaudimu.

Atsižvelgiant į tai, kad dauguma svetainėse apsilanko iš mobiliųjų įrenginių, svetainių kūrėjams pavesta pateikti versijas, kurios veiktų ir su mobiliaisiais įrenginiais, ir su staliniais kompiuteriais. Dažniausias būdas yra naudoti interaktyvų žiniatinklio dizainą, kuris automatiškai pateikia tinkamą versiją pagal naudotojo įrenginį ir ekrano dydį, kaip aptiko naršyklė.

Bet kuriuo atveju mobiliesiems pritaikyti tinklalapiai įvairiais būdais skiriasi nuo staliniams kompiuteriams skirtų versijų.

Image
Image

Puslapio dizainas: mobiliuosiuose ekranuose mažiau vietos

  • Išmaniųjų telefonų ir planšetinių kompiuterių ekranai yra 4–10 colių įstrižainės.
  • Sulankstomi arba išplečiami meniu valdikliai paprastai pakeičia šonines juostas ir didelius antraštės meniu.

  • Viso pločio grafika su teisingu tarpu tarp teksto.
  • Dauguma stalinių kompiuterių monitorių įstrižai yra nuo 19 colių iki 24 colių.
  • Remiamos nuorodos ir didelės reklamjuostės dažniau pasitaiko.
  • Tanksesnis tekstas su daugiau grafikos laisvės.

Akivaizdžiausias staliniams kompiuteriams skirtų ir mobiliųjų tinklalapių skirtumas yra ekrano nekilnojamasis turtas. Nors dauguma stalinių kompiuterių monitorių yra mažiausiai 19–24 colių įstrižainės, planšetiniai kompiuteriai paprastai yra apie 10 colių. Išmanieji telefonai yra maždaug 4 colių įstrižainės. Paprasčiausiai nutolinus tinklalapį nepavyksta sėkmingai konvertuoti į mobiliesiems pritaikytą versiją, nes tekstas tampa neįskaitomas ir svetainės lankytojas reikalauja papildomo žingsnio. Be to, tampa neįmanoma tiksliai paliesti mažų elementų.

Siekdami išspręsti problemą, dizaineriai gali pašalinti šonines juostas ir grafinius elementus, kurie nėra būtini. Vietoj to jie naudoja mažesnę grafiką, padidina šriftų dydžius ir sutraukia turinį į išplečiamus valdiklius. Šis nekilnojamojo turto apribojimas paskatino visiškai kitokį žiniatinklio dizainerių mąstymą.

Be to, sutraukiami arba išplečiami meniu valdikliai paprastai pakeičia šonines juostas ir didelius antraštės meniu. Siekdami, kad kiekvienas ekrano erdvės milimetras būtų svarbus, dizaineriai pašalina perteklinį b altą plotą, atidžiai stebėdami skaitomumą.

Daugybė remiamų nuorodų ir didelių reklamjuosčių tiesiog neveikia telefone ar mažame planšetiniame kompiuteryje. Vietoj to, maži iššokantys skelbimai dažniau rodomi tinklalapiuose mobiliesiems.

Išdėstymai, kuriuose tekstas apvyniotas aplink grafiką, netinkamai atkuriami mobiliuosiuose įrenginiuose. Vietoj to dizaineriai dažnai suteikia tai grafikai per visą ekrano plotį ir paleidžia tekstą žemiau arba aukščiau. Panašiai, geras interneto dizainas skaido tekstą į dalis, kad būtų lengviau skaityti; niekas nenori skaityti tvirtų teksto sienų. Mažuose ekranuose tai tampa dar svarbiau. Labai svarbu protingai naudoti tarpą.

Puslapio valdikliai: Desktop Precision vs. Mobile Blobs

  • Didelės bakstelėjimo zonos arba viešosios interneto prieigos taškai, kad naršymas būtų tikslesnis.

  • Kitoks URL: prideda raidę „m“. Dažnai yra galimybė peržiūrėti svetainės versiją darbalaukyje.
  • Prisijungimo kredencialuose dažnai yra skirta vieta, kartais pasiekiama pirštų atspaudų funkcija.
  • Tikslesnės žymekliu pagrįstos nuorodos ir mygtukas.

Priešingai nei tiksli pelės žymeklis darbalaukyje, žmogaus pirštas yra dėmelė, o norint bakstelėti reikia didelių hipersaitų ekrane esančių taikinių. Mobiliesiems pritaikytose svetainėse yra didelės bakstelėjimo zonos (arba viešosios interneto prieigos taškai), kad būtų lengviau naršyti.

Mobiliesiems pritaikytų tinklalapių adresuose taip pat dažnai yra raidė m; pavyzdžiui, „Facebook“mobiliojo ryšio adresas yra m.facebook.com. Mobilusis URL paprastai parenkamas automatiškai, kai naršote su mobiliuoju planšetiniu kompiuteriu ar išmaniuoju telefonu. Kai kuriais atvejais matysite nuorodą, kurią galima spustelėti, kad galėtumėte perjungti į įprastą puslapio versiją darbalaukyje.

Staliniams ir nešiojamiesiems kompiuteriams skirti prisijungimo ir slaptažodžio laukai tampa maži ir nebegalimi naudoti telefone, todėl žiniatinklio leidėjai juos padidina, kartais suteikdami jiems savo puslapius, kad būtų lengviau juos naudoti. Prisijungimas naudojant piršto atspaudą ar kitą paskyrą, pvz., „Google“ar „Facebook“, tampa vis dažnesnis, nes tobulėja įrenginio ir paslaugų galimybės.

Kodėl tai svarbu?

Mobilieji tinklalapiai yra skirti delniniams įrenginiams ir labai skiriasi nuo puslapių, skirtų skaitymui darbalaukyje. Nors paprastai galite peržiūrėti darbalaukio versiją mobiliajame įrenginyje ir atvirkščiai, jos sukurtos skirtingai, kad turinį būtų lengviau peržiūrėti, skaityti ir naršyti.

Rekomenduojamas: