Članak objavljen: 31.03.2014

RESPONSIVE WEB DIZAJN

Autor: Goran Cvijetić - *nbgteam

 

Informacija da je upotreba interneta putem mobilnih telefona i tablet uređaja u naglom porastu verovatno nije iznenađenje. Možda i sami praktikujete isto. Prema našim iskustvima kao i  istraživanjima renomiranih agencija, korišćenje interneta putem mobilnih uređaja će do kraja  2014-te dostići i izjednačiti se sa klasičnom upotrebom putem desktop ili laptom računara.

 

Responsive Web Dizajn - HTML5

 

Tek mali broj kompanija je shvatilo da moraju da se prilagode razvoju novih tehnologija. Prve responsive web sajtove (prilagođen dizajn sajta) su primenili web portali koji se bave objavljivanjem vesti, jer su putem analitike imali uvid u nagli porast ovakvih poseta. Svedoci smo upotrebe telefona na svakom koraku, posebno u trenucima dokolice. Ljudi koriste telefone u autobusu, u kafićima dok čekaju nekoga, u parkovima itd. Do podataka o procentu poseta sa mobilnih uređaja na raznim web portalima vesti možete lako doći ako zatražite da Vam pošalju ponudu za oglašavanje.

 

Međutim i dalje velika većina poslovnih sajtova zanemaruje ovu činjenicu, te njihovi sajtovi nisu prilagođeni za mobilne uređaje. Time odbijaju određeni procenat poseta zbog neprilagođenosti sajta i brzine učitavanja, i samim tim rizikuju gubitak poslovnih prilika.

 

 

Izrada i dizajn responsive web stranica sajta

 

Postoje dva glavna pristupa izrade responsive web stranica.

 

Klasičan responsive web dizajn stranica ,koji se korišćenjem programskih jezika HTML5 i CSS3, primenjuje tako što se stranice kodiraju na način da se adaptiraju rezoluciji ekrana nezavisno od uređaja posetioca. Elementi stranice se kodiraju u procentima i tako se sadržaj prilagođava rezoluciji ekrana posetioca.


Drugi način prilagođavanja sajta mobilnim uređajima je izrada odvojenih šablon stanica (mobilne stranice). Tada se na sajtu postavlja kod za prepoznavanje rezolucije ekrana posetioca, te se shodno tome posetilac preusmerava na prilagođene stranice sajta.

 

 

Mobilne stranice ili responsive web dizajn

 

Sa stanovišta dizajna, klasičan responsive web pristup je zahtevniji s obzirom da web dizajner treba da ima u vidu različite rezolucije, te je nakon izrade potrebno i dosta testiranja i dodatnog prilagođavanja. Ovaj pristup s obzirom na zahteve brzine učitavanja stranica podrazumeva jednostavnost, ili u žargonu sveden minimalistički dizajn web stranica.


Poseban dizajn i izrada mobilnih stanica pruža mnogo više prostora i dizajnerske slobode. U ovom slučaju se zapravo radi poptuno nezavistan grafički dizajn. Dakle posebno se dizajniraju desktop stranice, a posebno mobilne stranice.

 


Koji je prisup bolji sa stanovišta korisnika i vlasnika sajta?


Na ovo pitanje je teško odgovoriti puko poredeći mane i prednosti. Izbor pristupa prvenstveno zavisi od tipa web sajta i sadržaja koji se prikazuje. Kod malih prezentacionih sajtova preporučuje se responsive web dizajn pod uslovom da je dizajn stranica sveden minimalistički. Dok se kod sajtova portalskog tipa preporučuje izrada nezavisnih mobilnih stanica iz razloga što te stanice mogu imati svedeniji sadržaj. Dakle u oba slučaja presudan faktor je brzina učitavanja stanica, s obzirom da je brzina na mobilnim uređajima manja, odnosno treba imati u vidu troškove korisnika (protok u megabajtima).
 

 

Responsive web dizajn sa stanovišta SEO

 

Već smo pomenuli da je jedan od osnovnih razloga pojave responsive web dizajna razvoj tehnologije, odnosno pojava mobilnih i tablet uređaja. Shodno tome se prilagođavajau i internet pretraživači.


U junu 2012. predstvanici Googla su objavili da ovaj pretraživač više preferira responsive web dizajn pristup od pristupa izrade zasebnih mobilnih stranica, iz razloga jedinstvenosti URL adrese web stranica. Definitivno većina portala koja je mobilnu verziju sajta izradila na subdomenu ( obično mobile.domain.com ili m.domain.com) je napravila grešku sa stanovišta SEO optimizacije.Međutim danas Google prepoznaje i tretira ove starnice posebno (mobile sitemap) te je zapravo osnovna greška pojedinih sajtova smeštanje ovih stranica na subdomen.

 

S druge strane, primena HTML5 programskog jezika donosi niz prednosti sa stanovišta SEO optimizacije o čemu će biti reči u sledećem članku.

 

 

Upotreba mobilnih uređaja za pretragu interneta

 

Ako još uvek ignorišete potrebu za prilagođavanjem sajta mobilnim uređajima, onda će ove brojke sigurno promeniti Vaš odnos:

  • Preko 20% svih Google pretraga se odvijaju putem mobilnih uređaja. Za pojedine delatnosti pretraga je i preko 50%.
  • 60% ljudi ima mnogo bolje mišljenje o brendu kada su imali dobro iskustvo posete putem mobilnog telefona.
  • Preko 25% svih mailova se šalje putem mobilnih teleofona a preko 10% putem tablet uređaja.

 

 

Pozitivno iskustvo korisnika je ključ responsive web sajtova

 

Prema istraživanjima Googla, frustrirani posetioci putem mobilnog telefona, kada im se Vaš sajt sporo otovara ili je sadržaj neprilagođen i neprelgedan, će odmah napustiti Vaš sajt i otići na drugi. Prema Googlu to se dešava u 61% slučajeva. A u 67% slučajeva, kada se radi o pozitivnom iskustvu, veće su šanse da se posetilac odluči za kupovinu proizvoda ili korišćenje usluge.



Društvene mreže povećavaju broj mobilnih korisnika

 

Kada su u strategiju nastupa na tržištu uključene i društvene mreže, posete putem mobilnih uređaja se drastično povećavaju. Naime, prema istraživanjima čak 55% korišćenja društvenih mreža se odvija na mobilnim telefonima.

 

S tim u vezi, ako Vaš sajt nije prilagođen za mobilne telefone, povećana poseta putem mobilnih zahvaljujući nastupu na društvenim mrežama, može dovesti do visoke stope negativnih poseta (bounce rate), niske stope konverzije (poseta = kupovina) i najzad do povećanja frustracije i nezadovoljstva korisnika.

 


Responsive web dizajn je sadašnjost ali i budućnost


Glavna prednost responsive web dizajna je prilagođavanje rezoluciji ekrana uređaja. Dakle vrlo jednostavno. U budućnosti, sa napredkom tehnologije i pojavom novih uređaja na kojima će se koristiti interenet (TV, satovi, naočare...), neće uticati na prikaz Vašeg sajta. I dalje će on biti prilagodljiv i prihvatljiv posetiocima, odnosno potencijalnim klijentima.

 

Već danas, a u budućnosti još više, korišćenje različitih tehnološki naprednih uređaja za pretagu interneta raste i rašće. Jednostavno Vaš nastup na interenetu mora da prati napredak tehnologije. Neshvatljivo je da i dalje velika većina preduzeća ne pridaje poseban značaj internet nastupu, te su im sajtovi zastareli, i ne objavljuju nove  sadržje mesecima, čak godinama. Zapravo firme najčešće postave prezentacioni sajt i to je to. Sve dok ih baš muka ne natera na izradu novog.

 

Sve navedeno jasno ukazuje da zanemarivanje tehnološkog razvoja vodi ka opadanju poslovanja i prodaje. Ali s druge strane, za svesne firme to je šansa koja se ukazuje. Odnsono to je mogućnost  da se izdvoje u odnosu na konkurenciju.

 

Saznajte kako mi to radimo i prijavite se za  responsive web dizajn usluge.

Komentari
Goran
21.08.2020
Ovaj sajt je responsiv https://www.polovni-autodelovi.rs/ ali na svakom telefonu je drugacija rezolucija i drugacije izgleda.Mislim da jos mnogo toga treba da se uradi da sajtovi budu prilagodjeni svakom telefonu
UKLJUČI SE, OSTAVI KOMENTAR


Negativni ili pozitivni, svi komentari će biti objavljeni.
facebook komentari