ČLANKI

Odzivni dizajn spletnih strani (Responsive web design)

Nedavna raziskava podjetja IDC je pokazala, da je v prvem četrtletju leta 2013 prodaja pametnih mobilnih telefonov na svetovni ravni prvič doslej presegla prodajo običajnih mobilnih telefonov. Tudi v Sloveniji prodaja pametnih telefonov narašča. Po nekaterih ocenah je v Sloveniji že prek 40 % vseh mobilnih telefonov pametnih. Uporabniki mobilnih telefonov želijo v svojem žepu računalnik, s katerim lahko kjerkoli in kadarkoli dostopajo do interneta in ne opravljajo samo telefonskih klicev. Mobilnih naprav za dostop do interneta je vse več, pa vendar se spletne strani še niso prilagodile z odzivnim dizajnom za dostop z različnih platform.

 

Kaj je odzivni dizajn?

Odzivni dizajn predstavlja pristop k oblikovanju spletne strani. Oblikovalec oblikuje spletno stran na način, da se ta odziva in prilagodi po velikosti glede na tip naprave, prek katere dostopamo do spletne strani. Namen tovrstnega odzivnega dizajna je v tem, da se pripravi le ena spletna stran, ki pa je primerna za več dostopnih naprav.

Odzivni dizajn se postavi na gibljivi mreži. Vsi elementi dizjana so merjeni v razmerjih in ne v slikovnih pikah (pikslih): za posamezen stolpec se ne določi njegove točne širine, ampak kako širok je v razmerju od ostalih stolpcev. Enako velja za slikovni material na spletni strani.

 

Statična spletna stran vs odzivni dizajn

Ko gledamo statično spletno stran na osebnem računalniku, se vsebina spletne strani prikaže v npr. 3 stolpcih. Vendar pa, ko dostopamo do iste spletne strani prek tabličnega računalnika ali mobilnega telefona, vidimo le dva ali celo samo en stolpec in moramo za pregled celotne strani navigirati horizontalno (levo - desno). V nekaterih primerih se vsebina ne pokaže pravilno, kar je posledica velikega prenosa podatkov za ogled spletne strani na mobilni napravi. Situacijo dodatno oteži možnost ležečega ali portretnega ogleda zaslona na mobilnih in tabličnih napravah.

Tovrstnih težav pa spletna stran nima, v kolikor je narejena po pristopu odzivnega dizajna. Spletna stran se na tabličnem računalniku avtomatično odzove na specifiko velikosti zaslona naprave in se vsa vsebina prikaže v 2 stolpcih. Hkrati je upoštevano tudi, da se funkcionalnost spletne strani prilagodi navigiranju z dotikom ekrana in ne z uporabo miške.

 

Prednosti odzivnega dizajna

Izognemo se nepredvidljivim stroškom. Začetni vložek v oblikovanje spletne strani z odzivnim dizajnom je nekoliko večji kot pri statični spletni strani. Vendar pa prihranimo na dolgi rok. V kolikor pripravljamo spletno stran z odzivnim dizajnom, se pripravi le eno spletno stran in ni potrebno dodatno pripravljati še mobilne in tablične verzije. Prav tako se izognemo težavam mobilne spletne strani, ki zahteva prilagoditev na številne platforme (Android, iPhone, Windows Phone…ipd.), kar še dodatno vpliva višino z nepredvidljivih stroškov.

 

Prihodnosti se ni treba bati. Trenutno za dostop do interneta uporabljamo osebne računalnike, mobilne telefone in tablične računalnike. Zelo verjetno pa lahko v kratkem pričakujemo razvoj novih naprav. Spletne strani, ki bodo postavljene po konceptu odzivnega dizajna, bodo funkcionalne tudi na novih napravah.

 

Vse večji dostop do interneta se vrši prek mobilnih telefonov in tabličnih računalnikov. Podatki statističnega urada RS kažejo, da za dostop do interneta 20 % ljudi uporablja prenosni računalnik, prav toliko pa jih uporablja mobilni telefon. Tablične računalnike uporablja 4 % uporabnikov interneta, 6 % pa se jih poslužuje drugih ročnih mobilnih naprav (e-bralnik, MP3 predvajalnik, igralna konzola).

Uporabniki pametnih mobilnih telefonov imajo večinoma telefon ob sebi 24 ur na dan, 7 dni na teden. Potrošniki so tako v vsakem trenutku dostopni za interakcijo in komunikacijo, zato je izrednega pomena, da ne pozabimo na gradnjo blagovne znamke v kateremkoli trenutku. Uporabniki pričakujejo, da bo spletna stran, do katere dostopajo z mobilnim telefonom ali tabličnim računalnikom, prav tako funkcionalna, kot če bi za dostop uporabili osebni računalnik.

 

Povečana vidljivost. Z uporabo odzivnega dizajna spletni strani povečamo vidljivost. Tovrstna spletna stran je namreč samo ena in zanjo obstaja le en URL naslov. Tega uporabniki lahko delijo, kar blagovni znamki oziroma podjetju omogoča viralnost. Po drugi strani pa spletna stran, do katere z mobilnega telefona dostopamo prek mobilne aplikacije, deljenja vsebin ne omogoča, saj so vsebine na voljo izključno le lastnikom aplikacije.

Dodatno pa en URL, ki deluje na različnih platformah, omogoča veliko konkurenčno prednost pri optimizaciji (SEO) spletne strani, saj je večja verjetnost izpisa med prvimi zadetki.

 

Razmišljate o prenovi spletne strani?

Odločitev za odzivni dizajn prenovljene spletne strani bo vsekakor lažja, če preverite promet na vaši trenutni statični spletni strani. Seznanite se koliko obiskovalcev vaše spletne strani za dostop uporablja mobilne naprave. Vsekakor pa ne gre zanemariti dejstva, da odzivni dizajn ne more rešiti slabo zasnovane spletne strani. Zasnova in vsebina strani morata biti uporabni, ažurirani in relevatni.