Tīmekļa lapas, kas ir optimizētas lietošanai mobilajās ierīcēs, atšķiras no tām, kas tiek rādītas galddatoros un klēpjdatoros. Pēdējie ir paredzēti lieliem ekrāniem un precīzai peles noklikšķināšanai, savukārt mobilo tīmekļa lapu izmēri ir piemēroti mazākiem ekrāniem un neprecīzai pieskārienam ar pirkstu.
- Izstrādāts mazākiem ekrāniem un neprecīzai pieskaršanās ar pirkstu.
- Izstrādāts lieliem ekrāniem ar precīzu peles klikšķi.
Ņemot vērā, ka lielākā daļa vietņu apmeklējumu nāk no mobilajām ierīcēm, vietņu izstrādātāju uzdevums ir nodrošināt versijas, kas darbojas gan ar mobilajām ierīcēm, gan galddatoriem. Visizplatītākā pieeja ir izmantot adaptīvu tīmekļa dizainu, kas automātiski nodrošina pareizo versiju, pamatojoties uz lietotāja ierīci un ekrāna izmēru, ko nosaka pārlūkprogramma.
Jebkurā gadījumā mobilajām ierīcēm piemērotas tīmekļa lapas vairākos veidos atšķiras no galddatoru versijām.
Lapas dizains: mobilo ierīču ekrānos ir mazāk vietas
- Viedtālruņu un planšetdatoru displeju izmēri ir 4–10 collas pa diagonāli.
- Saliekamie vai izvēršamie izvēlņu logrīki parasti aizstāj sānjoslas un apjomīgās galveņu izvēlnes.
-
Pilna platuma grafika ar taisnīgu atstarpi starp tekstu.
- Lielākā daļa galddatoru monitoru diagonāli ir 19 collas līdz 24 collas.
- Sponsorētās saites un lielas reklāmkarogu reklāmas ir biežāk sastopamas.
- Blīvāks teksts ar lielāku rīcības brīvību grafikai.
Acīmredzamākā atšķirība starp galddatoriem un mobilajām ierīcēm paredzētām tīmekļa lapām ir ekrāna īpašība. Lai gan lielākajai daļai galddatoru monitoru diagonāli ir vismaz 19 collas līdz 24 collas, planšetdatoru izmēri parasti ir aptuveni 10 collas. Viedtālruņi ir aptuveni 4 collas pa diagonāli. Vienkārša tālināšana nepārvērš tīmekļa lapu mobilajām ierīcēm piemērotā versijā, jo tas padara tekstu nelasāmu un no vietnes apmeklētāja prasa papildu darbību. Turklāt kļūst neiespējami precīzi pieskarties maziem elementiem.
Lai novērstu problēmu, dizaineri var noņemt sānjoslas un grafiku, kas nav absolūti nepieciešams. Tā vietā viņi izmanto mazāku grafiku, palielina fontu izmērus un sakļauj saturu paplašināmos logrīkos. Šis nekustamā īpašuma ierobežojums tīmekļa dizaineru vidū ir veicinājis pavisam citu domāšanu.
Arī saliekamie vai izvēršamie izvēlņu logrīki parasti aizstāj sānjoslas un apjomīgās galveņu izvēlnes. Cenšoties panākt, lai katrs ekrāna vietas milimetrs būtu svarīgs, dizaineri noņem lieko b alto laukumu, vienlaikus rūpīgi uzraugot lasāmību.
Daudz sponsorētu saišu un lielu reklāmkarogu reklāmu vienkārši nedarbojas tālrunī vai mazā planšetdatorā. Tā vietā mobilajās tīmekļa lapās biežāk tiek rādītas mazas uznirstošās reklāmas.
Izkārtojumi, kuros teksts ir apvilkts ap grafisko attēlu, nav labi atskaņojams mobilajās ierīcēs. Tā vietā dizaineri bieži piešķir šīm grafikām pilnu ekrāna platumu un palaiž tekstu zem vai virs tā. Tāpat labs tīmekļa dizains sadala tekstu gabalos, lai nodrošinātu lasāmību; neviens negrib lasīt cietas teksta sienas. Tas kļūst vēl svarīgāks mazos ekrānos. Ir ļoti svarīgi saprātīgi izmantot atstarpi.
Lapas vadīklas: darbvirsmas precizitāte salīdzinājumā ar mobilajām blobēm
-
Lieli pieskaršanās apgabali vai karstie punkti precīzākai navigācijai.
- Atšķirīgs URL: pievieno burtu "m". Bieži vien ir iespēja skatīt vietnes darbvirsmas versiju.
- Pieteikšanās akreditācijas datiem bieži ir atvēlēta vieta, dažreiz ar pirkstu nospiedumu pieejamību.
- Precīzākas uz kursoru balstītas saites un poga.
Atšķirībā no precīza peles kursora uz darbvirsmas, cilvēka pirksts ir lāse, un, lai pieskartos, ekrānā ir jānovieto lieli hipersaišu mērķi. Mobilajām ierīcēm piemērotas vietnes piedāvā lielus pieskārienu apgabalus (vai karstos punktus), lai atvieglotu precīzu navigāciju.
Mobilajām ierīcēm draudzīgu tīmekļa lapu adresēs parasti ir arī burts m; piemēram, Facebook mobilā adrese ir m.facebook.com. Mobilais URL parasti tiek izvēlēts automātiski, kad sērfojat ar mobilo planšetdatoru vai viedtālruni. Dažos gadījumos tiks parādīta pieskaršanās saite, kas ļauj pārslēgties uz lapas parasto darbvirsmas versiju.
Galddatoriem un klēpjdatoriem paredzētie pieteikšanās un paroles lauki kļūst niecīgi un tālrunī nelietojami, tāpēc tīmekļa izdevēji tos padara lielākus, dažkārt piešķirot tiem savas lapas lietošanas ērtībai. Pieteikšanās ar pirksta nospiedumu vai citu kontu, piemēram, Google vai Facebook, kļūst arvien izplatītāka, jo ierīces un pakalpojumu iespējas attīstās.
Kāpēc tam ir nozīme?
Mobilās tīmekļa lapas ir paredzētas rokas ierīcēm un ievērojami atšķiras no lapām, kas paredzētas lasīšanai galddatorā. Lai gan parasti varat skatīt tīmekļa lapas darbvirsmas versiju mobilajā ierīcē un otrādi, tās ir izstrādātas atšķirīgi, lai atvieglotu satura skatīšanu, lasīšanu un navigāciju.
