Kuigi veebisaitide arv ilma mobiilseadmete optimeerimiseta väheneb, on veel mõned, mis on mõeldud ainult lauaarvutitele. Kahjuks on Google'i eelmine mobiliseerija veebiteenus lõpetatud. Teenuse vaimne järeltulija on Google Weblight, mis on loodud pigem aeglaste ühenduste jaoks optimeerimiseks kui saitide vaatamiseks mobiilseks vaatamiseks. Lisaks Google'i teenustele on mitmeid tavasid ja tööriistu, mida tuleks mobiilisaiti silmas pidades arendada.
Sammud
Osa 1: Google Weblightiga katsetamine
Samm 1. Analüüsige, kuidas Weblight töötab
Weblight on Google'i loodud algoritm, mis pakub kasutajatele lehtede kiiremat ja kergemat laadimist halbades võrgutingimustes. See tähendab, et Weblightil pole kasutajaliidest ja see töötab taustal. Lehtedelt eemaldatakse nende keerukamad elemendid, pakkudes lihtsat ja lihtsat kasutuskogemust, mitte mobiiliplatvormi jaoks selgesõnaliselt optimeeritud lehekülge.
Samm 2. Testige saidi muudatusi Weblighti abil
Lisage oma mobiilseadmes lihtsalt veebisaidi täielik URL veebivalguse aadressi lõppu (nt kui teie veebisait on „mywebsite.com”, siis sisestage aadress https://googleweblight.com/?lite_url=https://mywebsite.com). Leht laadib enda lihtsustatud, kuid funktsionaalse versiooni. Eemaldatud elementidega võivad mõned saidid mobiilseadmete ekraanidel tunduvalt paremad olla.
Samm 3. Tunnistage piiranguid
Pidage meeles, et see ei ole selgesõnaline teisendustööriist, mis on loodud kasutajatega suhtlemiseks. Kuigi veebisaidi käsitsi sisestamist saab kasutada näpuotsaga, on Weblight loodud kiiruse, mitte kasutatavuse jaoks.
Osa 2: Mobiilse ühilduvuse kujundamine
Samm 1. Pidage meeles mobiilseadmete piiranguid
Mobiilseadmetel on mõned aspektid, mis eristavad neid töölauakaaslastest. Need põhifunktsioonid peaksid olema mobiilse tarbimise saidi loomisel peamised kaalutlused.
- Väikesed ekraanid ja vertikaalsus: kuigi mobiilseadmete ekraani eraldusvõime paraneb pidevalt, on saidi kujunduse pärast endiselt murettekitav suurus ja vorm. Saitide kujundamine ühe veergude paigutusega sobib kõige paremini telefonidele (tahvelarvutid võivad sageli kasutada töölaua saite ilma liigse probleemita).
- Puuteliidesed: lehe elemendid tuleks paigutada sõrme suurust silmas pidades. Elementid, mis kasutavad hiirekursorit, tuleks puudutamiseks minimeerida või ümber kujundada (nt rippmenüüd).
- Andmesidekiirus: üks mobiilseadmete suurtest eelistest on kasutamine väljaspool wifi leviala, kuid andmeühendused on tavaliselt aeglasemad ja vähem usaldusväärsed. Kasutajaliidesed (UI) peaksid jääma lihtsaks ning sisu peaks olema nähtav ja juurdepääsetav. Liiga palju segadust lühendab laadimisaeg ja muudab navigeerimise keeruliseks.
Samm 2. Kasutage sisuhaldussüsteemi (CMS) teenust
Neile, kes arendavad vähemate ressurssidega, on CMS-teenuse (nt Wordpress või Squarespace) kasutamine suurepärane võimalus odava ja kasutajasõbraliku mobiilidisaini jaoks. Teemad, mis kasutavad tundlikku veebidisaini, on mobiilisaidi jaoks lihtsaim mall.
Vastutulelik veebidisain on veebidisaini teooria, mis edendab voolavate disainielementide kasutamist, et võimaldada disaini sujuvat üleminekut ja kasutatavust platvormidel
Samm 3. Testige mobiilseadmete ekraane, kasutades lauaarvuti tarkvara
On mitmeid tasuta veebirakendusi, mis võimaldavad teil mobiilseadmeid jäljendada, et testida veebisaidi esteetikat ja funktsionaalsust. Nende tööriistade kasutamine on sama lihtne kui soovitud testimisseadme valimine ja seejärel eelvaateks sihtlehele sisenemine. Enamik neist sisaldab tööriistu selliste muutujate jaoks nagu ekraani orientatsioon, pikslitihedus või isegi brauseri valik. Mõned populaarsed näited on järgmised:
- Chrome'i seadmerežiimi emulaator
- mobilephoneemulator.com
- ekraaniliblikas (kummaliste tööriistade alamhulk)
- mobiletest.me (tasuline liikmelisus)