Lai gan vietņu skaits bez mobilo ierīču optimizācijas samazinās, joprojām ir dažas vietnes, kas paredzētas tikai galddatoriem. Diemžēl Google iepriekšējais “mobilizatora” tīmekļa pakalpojums ir pārtraukts. Pakalpojuma garīgais pēctecis ir Google Weblight, kas izstrādāts, lai optimizētu lēnus savienojumus, nevis pārskatītu vietnes mobilajai apskatei. Papildus Google pakalpojumiem, izstrādājot vietni, domājot par mobilajām ierīcēm, ir jāņem vērā vairākas prakses un rīki.
Soļi
1. daļa no 2: Eksperimentēšana ar Google Weblight
1. solis. Analizējiet Weblight darbību
Weblight ir Google izveidots algoritms, lai lietotājiem sniegtu ātrāku un vieglāku lapu ielādi sliktos tīkla apstākļos. Tas nozīmē, ka Weblight nav lietotāja interfeisa un tas darbojas aizmugurē. Lapām ir atņemti sarežģītāki elementi, nodrošinot vieglu un atvieglotu pieredzi, nevis lapu, kas ir optimizēta mobilajai platformai.
2. darbība. Pārbaudiet vietnes izmaiņas, izmantojot Weblight
Mobilajā ierīcē vienkārši pievienojiet pilnu vietnes URL tīmekļa gaismas adreses beigās (piemēram, ja jūsu vietne ir "mywebsite.com", tad ievadiet vietni https://googleweblight.com/?lite_url=https://mywebsite.com). Lapā tiks ielādēta vienkāršota, bet funkcionāla tās versija. Izmantojot noņemtos elementus, dažas vietnes mobilo ierīču ekrānos var izskatīties daudz labāk.
3. solis. Atzīstiet ierobežojumus
Paturiet prātā, ka tas nav tiešs reklāmguvumu rīks, kas paredzēts lietotāju mijiedarbībai. Lai gan manuāli ievadīt vietni var izmantot šķipsnu, Weblight ir paredzēts ātrumam, nevis izmantojamībai.
2. daļa no 2: Mobilās saderības projektēšana
1. darbība. Paturiet prātā mobilo ierīču ierobežojumus
Mobilajām ierīcēm ir daži aspekti, kas tos atšķir no galddatoriem. Veidojot vietni mobilajām ierīcēm, galvenajiem apsvērumiem vajadzētu būt šīm pamatfunkcijām.
- Mazi ekrāni un vertikālums: lai gan ekrāna izšķirtspēja mobilajās ierīcēs pastāvīgi uzlabojas, izmērs un formas faktors joprojām rada bažas par vietnes dizainu. Vietņu noformēšana vienā kolonnu izkārtojumā vislabāk piemērota tālruņiem (planšetdatori bieži var izmantot darbvirsmas vietnes bez pārāk lielām problēmām).
- Pieskārienu saskarnes: Lapas elementi jānovieto, ņemot vērā pirksta izmēru. Elementi, kas izmanto peles kursoru, jāsamazina vai jāpārveido pieskārienam (piemēram, nolaižamās izvēlnes).
- Datu ātrums: Viena no lielajām mobilo ierīču priekšrocībām ir izmantošana ārpus wifi diapazona, taču datu savienojumi parasti ir lēnāki un mazāk uzticami. Lietotāja saskarnēm (UI) vajadzētu palikt vienkāršām, un saturam jābūt redzamam un pieejamam. Pārāk daudz jucekļa samazinās ielādes laiku un apgrūtinās navigāciju.
2. solis. Izmantojiet satura pārvaldības sistēmas (CMS) pakalpojumu
Tiem, kas attīstās ar mazāk resursu, CMS pakalpojuma, piemēram, Wordpress vai Squarespace, izmantošana ir lieliska iespēja lētam un lietotājam draudzīgam mobilo ierīču dizainam. Tēmas, kurās tiek izmantots adaptīvs tīmekļa dizains, nodrošinās vienkāršāko veidni vietnei mobilajām ierīcēm.
Atsaucīgs tīmekļa dizains ir tīmekļa dizaina teorija, kas veicina plūstošu dizaina elementu izmantošanu, lai nodrošinātu vienmērīgu dizaina pāreju un lietojamību dažādās platformās
3. solis. Pārbaudiet mobilo ierīču ekrānus, izmantojot darbvirsmas programmatūru
Ir vairākas bezmaksas tīmekļa lietojumprogrammas, kas ļauj līdzināties mobilajām ierīcēm, lai pārbaudītu vietnes estētiku un funkcionalitāti. Šo rīku izmantošana ir tikpat vienkārša kā vēlamās testa ierīces izvēle, pēc tam ieiešana mērķa vietnē, lai priekšskatītu. Lielākajā daļā būs iekļauti rīki tādiem mainīgajiem lielumiem kā ekrāna orientācija, pikseļu blīvums vai pat pārlūkprogrammas izvēle. Daži populāri piemēri ir:
- Chrome ierīces režīma emulators
- mobilephoneemulator.com
- ekrāntauriņš (neparastu rīku apakškopa)
- mobiletest.me (maksas dalība)
