AG media - Web dizajn studio

Responzivan dizajn

Što je responzivan dizajn

Ako niste čuli za ovu mogućnost, onda ćemo vam ukratko objasniti čemu zapravo služi i zašto ju je uopće potrebno imati u sklopu vaše web stranice. To u stvari i je vaša web stranica. Pokušat ćemo Vam objasniti što to u biti i znači.

Svi znamo da su danas razni uređaji (pomagala) kao što su pametni mobiteli i tableti dostupni diljem planete te sve više i više koriste za surfanje Internetom. Naravno, najviše u razvijenim zemljama i u zemljama u razvoju, koja su potencijalna i realna tržišta za svakog poduzetnika ili obrtnika koji se želi prikazati što široj mogućoj populaciji. Također moramo uzeti u obzir da danas mobilni internet nije nešto novo, već postaje sve više neizostavni dio svakog uređaja, odnosno svakog poduzetnika i šire populacije.

Ako ne želite biti izostavljeni od dijela populacije (dio kolača), koja konstantno raste, onda je krajnje vrijeme da prvo s razumijevanjem pročitate sljedeće retke teksta, a naposljetku i da nas kontaktirate.

Prije svega moramo napraviti razliku između responsive (prilagodljive) web stranice, mobilne web stranice i nativnih programa, koje se često brkaju ili krivo shvaćaju.Razlike su ponekad drastične u načinu korištenja, cijeni te svrsi.

Također ćemo navesti neke od njihovih prednosti i nedostataka.

Nativni programi

Nativni programi su zasebno odnosno specifično izrađeni programi za određenu vrstu uređaja, pametni mobitel ili tablet i za specifične platforme operativnog sustava kao što su: Windows, Android ili iOS. To za nas znači mnogo posla kako bi se pokrilo sve, barem sve moguće platforme i uređaje. Iz toga proizlazi da nativni programi prije svega zahtijevaju preuzimanje s Interneta, a zatim instalaciju na određeni uređaj. Ako slučajno imate dva mobitela (jedan iPhone i jedan na Android operativnom sustavu) i jedan tablet na Windows OS-u, to znači da ćete morati najprije napraviti tri različite aplikacije, a zatim izvršiti tri različite instalacije. Ne kažemo da su nativni programi općenito nepraktični, ali zahtijevaju više radnji prije prve upotrebe u usporedbi s responsive web stranicom ili mobilnim webom.

Prednost je u tome što je korisničko iskustvo na najvišem mogućem nivou. Mogućnosti samog uređaja kao što su kamera, GPS,i ostale već ugrađene funkcionalnosti mogu se koristiti preko aplikacije. Nedostatak je što ne utječe na SEO ni u kakvom obliku. Promocija takvih aplikacija se vrši kroz razne marketinške kanale. Vjerojatno nećete pokriti sve moguće uređaje upravo zbog velikog troška izrade i reklamiranja. Također sa svakom nadogradnjom na novu verziju OS-a (operativnog sustava) bilo iOS, Android ili Windows-a, morat ćete biti spremni na dodatne troškove kako bi omogućili da upravo vaš nativni program radi bez ikakvih grešaka.

Prednosti:

  • Korisničko iskustvo – nativni programi na mobilnim uređajima, pogotovo onima s ekranom osjetljivim na dodir, pružaju brojne mogućnosti te mogu imati bolje korisničko iskustvo od svih ostalih mobilnih rješenja
  • Pristupačnost informacija i brzina – aplikacije mogu potpuno ili dijelom funkcionirati bez internetske veze, pružajući određene informacije u bilo kojem trenutku. Ako je potrebno, mogu raditi glatko i brzo, ali to također ovisi i o kvaliteti samog uređaja
  • Vidljivost – nakon instalacije, aplikacija ostaje na uređaju sa svojom prepoznatljivom ikonom u izborniku

Nedostaci:

  • Nisu dostupni na svim uređajima – aplikacija je u biti jedna aplikacija izrađena specifično za jedan uređaj ili jedan operativni sustav, znači da ju nećete moći instalirati niti će raditi na drugim operativnim sustavima (OS)
  • Izgubljena fleksibilnost –svako ažuriranje odnosno nadogradnja na aplikaciji (bilo besplatna ili komercijalna), prvo moraju biti odobreni, što može potrajati tjednima. Također pojedini korisnici nisuoduševljeni konstantnim promjenama i moguće je da će ostati pri starijoj verziji
  • Veći troškovi –ovo je najskuplje mobilno rješenje
  • Marketing i SEO – potrebna je potpuno drugačija marketinška strategija. Ako želite poboljšati promociju i dostupnost prema potencijalnim kupcima ili korisnicima, tada je SEO neophodan, ali u tom slučaju je potrebno izraditi zasebnu web stranicu (naravno može biti i responsive web stranica) koja će promovirati aplikaciju putem Internet pretraživača. To znači da sama aplikacija kada je instalirana ne utječe na SEO niti ima veze s njim.

Prilagodljiv ili responzivan dizajn

Prilagodljiv ili responsive dizajn su u biti vaše stranice koje ne zahtijevaju izradu više različitih modela za različite uređaje i platforme uređaja. Potrebno ga je prilagoditi različitim uređajima (dimenzijama ekrana). To ne uključuje dodatne troškove izrade za sve različite uređaje, već troškovi ovise koliko je vaša stranica zahtjevna (kompleksnost, raznolikost sadržaja i tražene mogućnosti).

Sve što se vidi na monitoru stolnog računala ili prijenosnog računala vidjet će se i na mobitelu ili tabletu, ali prilagođeno njihovim dimenzijama ekrana. Nije potrebno instalirati nikakve program, već se koristi isto kao i na računalu (jedino što su prsti vaš računalni miš), te je svejedno koji internet preglednik koristite. Uzima u obzir SEO jer to i je vaša web stranica, ali ne utječe pozitivno ili negativno na SEO.

Znači, isplativije je od nativnih programa, odnosno iziskuje puno manje troškova i instalacija nije potrebna. Korištenje je onoliko zahtjevno koliko imate sadržaja.

Prednosti:

  • Jedinstvena web stranica – administriranje se vrši s jednog mjesta za sve uređaje
  • Jedan URL – omogućava da vas korisnici mogu pronaći na mobilnim uređajima bez čekanja na preusmjeravanje, što je korisno kod slabih internet veza
  • Jednostavni SEO – nema potrebe za kreiranjem specifičnog sadržaja i SEO elemenata za mobilne uređaje, dok istovremeno možete uživati u blagodatima već postojećeg SEO rješenja kreiranog ionako za ekrane stolnog ili prijenosnog računala
  • Jednostavniji marketing – nema potrebe za dodatnim marketinškim aktivnostima kako bi se vaša web stranica promovirala na mobilnim uređajima
  • Manji troškovi – osnovnoškolska matematika kaže: „jedan je manje/jeftinije od dva”

Nedostaci:

  • Jedinstvena web stranica –imati jednu web stranicu je možda dobro za vas, ali ne nužno i u svakom slučaju, za korisnike. Stoga će biti potrebno kreirati drugačiji naglasak za određene elemente na istoj stranici kako bi se maksimiziralo korištenje
  • Tehnički – responsive web dizajn je relativno nova tehnologija, a postoje zastarjeli uređaji sa starim internet preglednicima koji će sporije učitavati stranicu, također neće biti prikazana kako bi zaista i trebala. Istom brzinom kojom stari uređaji odlaze, dolaze novi uređaji koji, osim što podržavaju sve što nudi responsive, očekuju nova inovativna rješenja
  • Korisničko iskustvo – mobilno korištenje stranica je potpuno drugačiji doživljaj od njihova korištenja na stolnim računalima. Stoga imati samo jednu stranicu, pa čak i responsive, može naštetiti ukupnom korisničkom iskustvu ako se forsira identično sučelje na svim medijima, bilo na mobilnim ili stolnim računalima. Ali bez brige, znajući te okolnosti mi većim dijelom rješavamo i takve i slične scenarije.

Mobilna web stranica

Mobilna web stranica bi trebala biti dizajnirana specifično za mobilne uređaje uzimajući u obzir sva ograničenja i mogućnosti same platforme. Pri razvoju mobilnih web stranica treba imati na umu veličinu malih ekrana, načine interakcije (dodir prsta) i ograničene brzine veze (2G/3G/4G). Sadržaj mora biti lako dostupan, brzo učitan i čitljiv. Pošto postoji mnogo mobilnih uređaja s različitim veličinama zaslona, vrste interakcije, ne moguće je izraditi web stranicu po tipu uređaja. Dakle,čak i vaša mobilna web stranica mora imati (posuditi) elemente, odnosno, principe responsive dizajna kako bi stala na svaki zaslon.

Prednosti:

  • Korisničko iskustvo –web stranica je izrađena i optimizirana specifično za mobilne uređaje, uzimajući u obzir sve prednosti i ograničenja platforme i postavljaju se dobri temelji za kreiranje dobrog korisničkog iskustva
  • Brzina –stranica će se brzo i lako učitavati na mobilnim platformama, pod uvjetom da se ne ubacuje sav sadržaj koji je vidljiv na zaslonu stolnog računala
  • Troškovi –cijena izrade nije jednako isplativa kao responsive dizajn, ali i dalje je razumna
  • Korist od lokalnog pretraživanja – u lokalnim rezultatima pretraživanja mobilne optimizirane web stranice imaju dobre šanse za uspješno rangiranje
  • Lako dostupne –iako mobilni web nema dodatnu vrijednost responsive dizajna, kad je u pitanju dostupnost, ipak ima prednost nad nativnim aplikacijama koje zahtijevaju preuzimanje i instalaciju programa.

Nedostaci:

  • Više URL-ova –pošto je to posebna stranica zahtijeva i poseban URL (npr. www.mobilna-web-stranica.com), a učitavanje se produžuje (par sekundi). Također je potrebno izraditi posebnu SEO kampanju
  • Održavanje –zahtijeva održavanje dvije odvojene web stranice
  • Nije univerzalno kompatibilno –pošto postoje dva različita tipa mobilnih uređaja: touchscreen (osjetljiv na dodir) i s tipkovnicom, mobilni web neće izgledati i funkcionirati isto na svim spomenutim uređajima

Responsivewebdizajn možebitivrlo moćanalat, alito nijekonačno rješenje za sve situacije. Međutim, isti pristup vrijedi za sve navedene metode izrade stranica ili aplikacije za male ekrane.