Oblikovanje spletnih mest za mobilne naprave je zapleteno, saj ena mobilna različica spletnega mesta morda ni združljiva z vsako napravo. Oblikovalci se morajo zavedati najboljših praks oblikovanja, da bi bila vaša mobilna prisotnost smiselna in vredna.
Med spletnimi razvijalci se nenehno razpravlja o tem, kateri način ustvarjanja spletne strani, ki je optimirana za mobilne naprave, je najboljša. Obstajajo trije vodilni načini za razvoj mobilne spletne strani.
To so:
- Odzivno spletno oblikovanje.
- Namenske mobilne spletne strani.
- RESS: Programiranje na strani strežnika prikazuje CSS in HTML, odvisno od vrste naprave.
Vsaka metoda ima svoje prednosti in slabosti. Spletni razvijalec se mora zavedati vsake tehnike za uvajanje najboljšega za situacijo.
3 načina za oblikovanje mobilne spletne strani
Odzivno spletno oblikovanje (RWD)
RWD temelji na medijskih poizvedbah CSS3, da uskladi postavitev spletne strani z velikostjo območja gledanja naprave. Ista koda HTML se uporablja za predstavitev različnih postavitev spletnih strani za tablične računalnike, mobilne naprave, namizne računalnike in druge pripomočke.
Prednosti:
- Vaša spletna stran bo imela podobno vsebino in oznako HTML, tako da bodo mobilni obiskovalci imeli enako izkušnjo, ne glede na vrsto naprave, ki jo uporabljajo.
- Z enim URL-jem uporabniki lažje vzpostavijo povezavo do vsebine in jo dajo v skupno rabo. (Če je spletna stran na voljo pod več kot enim naslovom URL, lahko uporabniki postanejo zmedeni.)
Pomanjkljivosti:
Mobilne vsebine ni mogoče ločeno optimizirati. Zato oblikovalec, ki uporablja RWD, ne more prilagajati vsebine ločeno za mobilne uporabnike.
Po podatkih iz arhiva HTTP januarja 2013 je povprečna spletna stran okoli 1,3 MB. Vendar je večina RWD območij sorazmerno večja. Ta večja velikost zmanjša učinkovitost mobilnih strani, zaradi česar so počasnejši.
Mobilni uporabniki so bolj prilagojeni vzorcem oblikovanja uporabniškega vmesnika, specifičnega za mobilne naprave. Poleg tega so mobilni uporabniki navajeni na večopravilnost. Če se navigacijska struktura ne prilagodi za določene naprave, se lahko uporabniki soočajo s težavami, ko hkrati poskušajo opraviti več nalog.
Namenske mobilne spletne strani
Ta metoda izboljša izkušnjo mobilnih uporabnikov z ustvarjanjem povsem ločene spletne strani.
Prednosti:
- Enostavnost upravljanja: Za mobilna in namizna mesta so potrebne ločene spremembe. Izvedene spremembe so omejene na vsako posamezno različico. To pomeni, da spremembam, namenjenim za mobilno platformo, ni mogoče dostopati iz namizja.
- Ko razvijate spletno mesto, specifično za mobilne naprave, je lažje racionalizirati in optimizirati posebej za to občinstvo.
- Strukturo vsebine in navigacije lahko prilagodite mobilnim uporabnikom.
Pomanjkljivosti:
Skupna raba spletne strani prek družabnih omrežij je otežena, saj za namenske strani za mobilne naprave obstaja več URL-jev za strani. Ko uporabniki namiznih računalnikov kliknejo URL-je za mobilne naprave, ki so v skupni rabi na platformah družabnih medijev, lahko namesto namizne različice nenamerno prejmejo mobilno različico spletnega mesta.
Da bi se izognili podvajanju vsebine, mora spletni razvijalec uporabiti meta oznake rel = ”alternative” in rel = “canonical”. Če mobilni uporabnik išče Google in klikne URL namizja, bo uporabnik videl različico namizja ali pa bo preusmerjen na mobilno različico spletne strani. Če različica za mobilne naprave ne obstaja, bo uporabnik prejel sporočilo o napaki.
Ustvarjanje popolnoma drugačne spletne strani za mobilne uporabnike pomeni, da bo spletno mesto prilagojeno uporabnikom mobilnih omrežij. Vendar pa morajo spletni razvijalci za izpolnitev tega namena izrezati funkcionalnost in vsebino, kar se za njih izkaže za nočno moro.
Odzivno spletno oblikovanje+ Komponente strežniške strani (RESS)
Ta metoda je odvisna od programiranja na strani strežnika za zagotavljanje HTML in CSS po meri za različne naprave. Koda za mobilne uporabnike se bo razlikovala od kode uporabnikov namiznih računalnikov.
Glavni cilj tega izvajanja je izboljšanje uspešnosti spletne strani. Ta metoda deluje dobro v kombinaciji z odzivnim spletnim oblikovanjem. Zato lahko to izvajanje imenujemo Responsive Web Design + komponente strežniške strani (RESS).
Prednosti:
- Navigacijsko strukturo lahko prilagodite za različne naloge, ki jih opravijo uporabniki namiznih in mobilnih naprav.
- Razvijalci lahko odstranijo elemente strani iz HTML in CSS, da dosežejo želeni prikaz.
- Možno je odstraniti nepotreben JavaScript iz HTML-a, kar osvobodi vire procesorja, pomnilnik in predpomnilnik mobilnih naprav.
Pomanjkljivosti:
- Dinamični HTML poveča obremenitev strežnika.
- Zaznavanja naprave ni mogoče uporabiti.
- HTML in CSS sta optimizirana za mobilne zmogljivosti. Namizna različica uporablja več zahtev HTTP in Java Scripts.
Katero metodo izbrati?
Odločitev za oblikovanje spletne strani, ki je optimirana za mobilne naprave, je odvisna od izdelkov, ki jih prodajate, ciljne skupine, zahtevane naložbe, konkurence, menjalnih tečajev itd. Način oblikovanja, ki bo najbolje deloval, je v veliki meri odvisen od formatov zaslona, operacijskih sistemov, brskalnikov in resolucij.
Najbolj odzivna spletna mesta za izdelavo spletnih strani se ne izvajajo optimalno, zaradi česar je treba tem mestom naložiti več časa. Ker je konkurenca ostra, lahko izgubite stranke, če vaše spletno mesto deluje počasneje. Uporabnik bo preprosto preklopil na drugo spletno mesto, ki potrebuje manj časa za odpiranje. Čeprav je možno ustvariti spletne strani s krajšimi časi nalaganja z namenskimi mobilnimi spletnimi mesti, je tudi pri tem izvajanju priloženih več slabosti.
RESS nudi prednosti RWD, saj premaga dve glavni pomanjkljivosti. Glavna pomanjkljivost RESS-a je, da je odkrivanje naprav nezanesljivo. Za nove naprave morate pogosto testirati, da zagotovite, da postopek še naprej deluje pravilno.
Obstajajo storitve, kot so DeviceAtlas, WURFL in druge, ki lahko zaznajo nove naprave. To bo v veliko pomoč pri posodabljanju novih naprav v bazi podatkov.
Mobilno spletno oblikovanje je uspešno le, če je spletno mesto pravilno prikazano v mobilni napravi. Čeprav je zaskrbljujoča naloga oblikovalcev, da predstavljajo vse bistvene dele namiznega spletnega mesta v majhnem, mobilnem oknu, se vsak dan pojavijo nove tehnike, ki omogočajo boljše, hitrejše in bolj popolno mobilno spletno mesto.
Mobilna spletna stran Photo via Shutterstock
15 Komentarji ▼
