Čeprav se število spletnih mest brez optimizacije mobilnih telefonov zmanjšuje, jih je še vedno namenjenih samo namiznim računalnikom. Na žalost je bila Googlova prejšnja spletna storitev "mobilizator" ukinjena. Duhovni naslednik storitve je Google Weblight, namenjen optimizaciji počasnih povezav in ne reviziji spletnih mest za ogled v mobilnih napravah. Poleg Googlovih storitev obstajajo številne prakse in orodja, ki jih je treba upoštevati pri razvoju spletnega mesta z mislijo na mobilne naprave.
Koraki
1. del od 2: Eksperimentiranje z Google Weblight
Korak 1. Analizirajte, kako deluje Weblight
Weblight je algoritem, ki ga je ustvaril Google, da bi uporabnikom omogočil hitrejše in lažje nalaganje strani v slabih omrežnih razmerah. To pomeni, da Weblight nima uporabniškega vmesnika in deluje v ozadju. Strani nimajo kompleksnejših elementov, ki ponujajo skrajšano in lahkotno izkušnjo, ne pa izrecno optimizirano za mobilno platformo.
Korak 2. Preizkusite spremembe spletnega mesta s programom Weblight
V mobilni napravi preprosto dodajte celoten URL spletnega mesta na konec naslova weblight (npr. Če je vaše spletno mesto »mywebsite.com«, vnesite https://googleweblight.com/?lite_url=https://mywebsite.com). Stran bo naložila poenostavljeno, a funkcionalno različico. Zaradi odstranjenih elementov se lahko nekatera spletna mesta na zaslonih mobilnih naprav prikažejo veliko bolje.
Korak 3. Prepoznajte omejitve
Upoštevajte, da to ni izrecno orodje za pretvorbo, namenjeno interakciji uporabnikov. Medtem ko je ročni vnos spletnega mesta mogoče uporabiti v malo, je Weblight zasnovan za hitrost in ne za uporabo.
2. del 2: Oblikovanje za mobilno združljivost
Korak 1. Upoštevajte omejitve mobilnih naprav
Mobilne naprave delijo nekaj vidikov, po katerih se razlikujejo od namiznih kolegov. Te ključne lastnosti bi morale biti glavni dejavniki pri ustvarjanju spletnega mesta za mobilno uporabo.
- Majhni zasloni in navpičnost: Čeprav se ločljivosti zaslona na mobilnih napravah nenehno izboljšujejo, velikost in oblika ostajata zaskrbljujoča pri oblikovanju spletnega mesta. Oblikovanje spletnega mesta v enem stolpcu je najboljše za telefone (tablični računalniki lahko pogosto uporabljajo namizna spletna mesta brez preveč težav).
- Vmesniki na dotik: Elementi strani morajo biti nameščeni glede na velikost prsta. Elemente, ki uporabljajo pomik miške, je treba zmanjšati ali preoblikovati za dotik (npr. Spustni meniji).
- Hitrosti prenosa podatkov: Ena od velikih prednosti mobilnih naprav je uporaba zunaj dosega wifi, vendar so podatkovne povezave običajno počasnejše in manj zanesljive. Uporabniški vmesniki (UI) morajo ostati preprosti, vsebina pa mora biti vidna in dostopna. Preveč nereda bo zmanjšalo čas nalaganja in otežilo navigacijo.
Korak 2. Uporabite storitev sistema za upravljanje vsebine (CMS)
Za tiste, ki se razvijajo z manj sredstev, je uporaba storitev CMS, kot sta Wordpress ali Squarespace, odlična možnost za poceni in uporabniku prijazno oblikovanje mobilnih naprav. Teme, ki uporabljajo odzivno spletno oblikovanje, bodo najlažja predloga za spletno mesto za mobilne naprave.
Odzivno spletno oblikovanje je teorija spletnega oblikovanja, ki spodbuja uporabo fluidnih elementov oblikovanja, ki omogočajo nemoten prehod oblikovanja in uporabnosti na različnih platformah
Korak 3. Preizkusite zaslone mobilnih naprav s programsko opremo za namizne računalnike
Obstajajo številne brezplačne spletne aplikacije, ki vam omogočajo posnemanje mobilnih naprav za preizkušanje estetike in funkcionalnosti spletnega mesta. Uporaba teh orodij je tako preprosta kot izbira želene testne naprave, nato vstop na ciljno spletno mesto za predogled. Večina bo vključevala orodja za spremenljivke, kot so orientacija zaslona, gostota slikovnih pik ali celo izbira brskalnika. Nekaj priljubljenih primerov je:
- Emulator načina naprave Chrome
- mobilephoneemulator.com
- screenfly (podskupina quirktools)
- mobiletest.me (plačano članstvo)