Produse Online

Web development | web design
Aplicatii mobile
Marketing & publicitate

Contact Produse online - aplicatii mobile si web designoffice@produseonline.com

Produse Online

Web development | web design
Aplicatii mobile
Marketing & publicitate

Website-uri responsive

In 2010, Ethan Marcotte a propus un model de website fluid, adaptabil oricaror dimensiuni si rezolutii, cu imagini optimizate si formatarea optima a textului.

Termenul de "responsive" se refera la capacitatea unui website de a se adapta la diferite ecrane si dispozitive pe care este afisat (desktop, laptop, tableta, smartphone) si de a afisa informatiile in conditiile optime pentru utilizator.

Conceptul a fost introdus odata cu aparitia telefoanelor smart, care permit navigarea pe Internet. In prezent, 40% din populatia globului detine un telefon inteligent si se preconizeaza ca, in urmatorii ani, 70% din totalul trafic de pe Internet va proveni de pe un dispozitiv mobil (tableta sau smartphone).

Intial s-a incercat o abordare individuala pentru diferitele tipuri de dispozitive si s-au realizat versiuni ale website-urilor "mobile" pentru iPad, Blackberry, iPhone etc., dar in urma exploziei de producatori de dispozite mobile, webdesignerii s-au vazut curand depasiti.

Design responsive

In 2010, Ethan Marcotte a propus un model de website fluid, adaptabil oricaror dimensiuni si rezolutii, cu imagini optimizate si formatarea optima a textului.

Noul sistem fluid nu mai foloseste dimensiuni fixe, ci proportii sau unitati relative la rezolutia ecranului dispozitivului. Toate elementele din layout sunt corelate intre ele si isi schimba dimensiunile unele in functie de celelalte.

Imaginile isi modifica si ele latimea si inaltimea in functie de rezolutie si de dimensiunea grid-ului in care sunt afisate.

Design responsiveForma de control este realizata la nivel de CSS prin "media queris" prin care sunt selectate diferite stiluri CSS in functie de rezolutie, pentru a oferi utilizatorului cea mai buna experienta posibila.

Avantajele principale ale design-ului responive sunt:

- realizarea unei singure versini de website pentru orice tip de dispozitiv;

- vizualizarea optima a website-ului indiferent de tipul de dispozitiv folosit;

- prezentarea optima a informatiei (text afisat corect, eliminarea scroll-ului etc).

Dezavantajele modelului responsive tin mai mult de dificultatea de implementare a acestuia la nivel de design si programare.

Un exemplu de website cu design responsive este http://www.aezcontracting.com. Acest design fluid este optimizat pentru vizualizarea de pe orice tip de dispozivit si foloseste un model de grid cu 1, 2, 3 si 4 coloane. 

Pe dispozivele cu ecran mare sunt afisate toate coloanele intr-un singur rand, iar pe telefoanele smart (unde rezolutia este mai mica), se afiseaza cate o coloana pe un rand, astfel incat spatiul ecranului este folosit in mod optim.

De asemenea dimensiunea textului se modifica, ea crescand pe ecranele mai mici. Modul de afisare al meniului este schimbat, astfel incat pe telefoane el apare doar in momentul cand utilizatorul are nevoie de el si deci nu ocupa un spatiu inutil.

Algoritmul de cautare Google mobile

Viitorul este cu siguranta a acestui model de design. Google a modificat in aprilie 2015 algoritmul de afisare a rezultatelor in motoarele de cautare pentru a favoriza website-urile optimizate pentru dispozitive mobile.

Produseonline - Produseonline - aplicatie Pizzeria Venezia

Ultimele articole

Website-ul de analiza online Flixcr.com a facut o analiza pentru cele mai cautate costuri de produse pe Google pentru anul 2015, iar rezultatele sunt surprinzatoare.

Cele mai frecvente intrebari despre costuri in motorul de cautare Google

Website-ul de analiza online Flixcr.com a facut o analiza pentru cele mai cautate costuri de produse pe Google pentru anul 2015, iar rezultatele sunt surprinzatoare.

In 2010, Ethan Marcotte a propus un model de website fluid, adaptabil oricaror dimensiuni si rezolutii, cu imagini optimizate si formatarea optima a textului.

Website-uri responsive

In 2010, Ethan Marcotte a propus un model de website fluid, adaptabil oricaror dimensiuni si rezolutii, cu imagini optimizate si formatarea optima a textului.

In 21 aprilie 2015, Google (care controleaza aproximativ 75% din piata de cautari online) a operat una din cele mai importante modificari asupra algoritmilor de cautare in Internet.

Noul algoritm de cautare de la Google: primele rezultate

In 21 aprilie 2015, Google (care controleaza aproximativ 75% din piata de cautari online) a operat una din cele mai importante modificari asupra algoritmilor de cautare in Internet.

Compania Skype controlata de Microsoft a anuntat ca noua versiune a aplicatiei de comunicatii va oferi ...

Traduceri in timp real de la Skype

Compania Skype controlata de Microsoft a anuntat ca noua versiune a aplicatiei de comunicatii va oferi ...