Izdelava spletnih strani  |  Izdelava spletne trgovine  |  Optimizacija strani Spletni marketing                                       Ta e-poštni naslov je zaščiten proti smetenju. Za ogled potrebujete Javascript, da si jo ogledate.   |  02 228 26 69

 

Blog

O vsem kar se dogaja zanimivega na netu...

 

Izdelava spletnih strani v Responsive design-u

Izdelava spletnih strani v Responsive design načinu pomeni, da se koncept zasnove spletne strani razvije na način, ki omogoča samodejno spreminjanje razporeditev elementov na spletni strani glede na ločljivost zaslona uporabnika. Poenostavljeno, koncept Respopnsive design spletne strani omogoča samodejni grafični preklop med prikazom spletne strani pri različnih napravah (osebni ralčunalniki, tablice, mobilni telefoni,...). Prav tako ustrezno prilagodi in optimizira prikaz elementov na pametnih telefonih, tabličnih napravah in zaslonu računalnika. To tehniko izdelave spletne strani imenujemo "Responsive web design" ali odziven design.

 

Različni prikazi internet strani na računalniškem monitorju, tabličnem računalniku in pametnem telefonu:

Izdelava spletnih strani v Responsive design


Koncept in oblikovanje Responsive design spletne strani je popolnoma drugačen od izdelanih tradicionalnih strani. Preden pa se odločimo za izdelavo spletnih strani v Responsive design-u, moramo premisliti tudi o nekaterih negativnih straneh Responsive design spletne strani:

- Uporabniki internet strani so navajeni na obliko spletne strani in lokacijo posameznih elementov na spletni strani (glavni meni zgoraj, pomožni meni levo, iskalnik desno zgoraj v glavi strani,...). Za mobilne strani se te pozicije spreminjajo glede na velikost zaslona naprave s katero uporabnik brska po vaši spletni strani. Če bo obiskovalec tako vašo stran obiskal najprej preko računalnika bo ta prikazana najbolj obsežno in pregledno. Ob brskanju po strani preko tabličnega računalnika, bo stran prikazana nekoliko  drugače. V večini primerov pa se za optimiziran prikaz spletne strani na pametnih telefonih celo odstranijo nekateri grafični elementi, ki bi upočasnjevali nalaganje spletne strani (npr. slike novic, meni se združi v "drop-down" meni, vsebina se poravna v en stolpec, da lažje brskamo po strani,...), kar pomeni zopet čisto drugačni videz spletne strani. Takšne spremembe lahko uporabnika zmedejo. 

- Poseben izziv za oblikovalce Responsive design spletne strani predstavljajo spletne strani, ki vsebujejo podatkovne tabele. Podatkovne tabele so v večini primerov zelo široke, kar pomeni, da bo obiskovalec spletne strani takšno tabelo na pametnem telefonu videl zelo pomanjšano. Vsebina v tabeli pa bo premajhna, da bi jo lahko prebral. Če takšno tabelo povečamo, da lahko preberemo njeno vsebino, je brskanje po njej zelo neprijazno. Po tabeli moramo namreč drseti (scroll) po vertikali in horizontali. Takšnim težavam se poizkušamo izogniti s pomočjo prikaza podatkov v drugačni obliki (graf v obliki pite ali mini-graf, ki je še posebej primeren za prikaz na pametnih telefonih).

- Slike na Responsive design spletnih straneh se prikazujejo kontekstno. Ta posebna tehnika služi odzivnemu oblikovanju, da so slike na različno velikih ekranih prikazane v različnih resolucijah. Na večjih zaslonih večje in na manjših zaslonih manjše. 

Izdelava spletnih straniv  Responsive designu zahteva, da smo pozorni, da bo ta po W3C CSS3 standardih z uporabo prilagojenih mrežnih prikazov in spreminjajočih se slik delovala optimalno. Ideja Responsive design spletne strani je, da prikaz spletne strani ustreza različnim velikostim zaslona. Za oblikovalca in razvijalca spletne strani pomeni to dodatno delo, saj moramo stran prilagoditi vsem standardom ekranov, namesto oblikovanja ene same grafike za namizne računalnike. Responsive design ne zahteva samo uporabno naprednih tehnologij in dodatno znanje, ampak tudi drugačen način razmišljanja.

 
 
Zahtevajte ponudbo!
Izpolnite spodnji obrazec, vzelo vam bo le nekaj sekund. Odgovorili vam bomo v najkrajšem možnem času. Lahko nas pokličete tudi po telefonu 02 228 26 69!
Polja označena z * so obvezna.

+ =
Zagotavljamo zasebnost!

Vaši podatki ne bodo posredovani tretji osebi pod nobenim pogojem.

Feedback2