Progresivno poboljšanje

Progresivno poboljšanje je strategija za veb dizajn koja naglašava dostupnost, semantičke HTML oznake i spoljne stilske i script tehnologije. Progresivno poboljšanje koristi veb tehnologije na slojevit način koji dopušta svima da pristupe osnovnom sadržaju i imaju uvid i funkcionalnost veb strane, koristeći bilo koji brauzer ili Internet vezu, a istovremeno pružajući unapređenu verziju stranice onima sa naprednijim softverom pregledača ili većim protokom.

Istorija

Progresivno poboljsanje je stvoreno od strane Stivena Šampiona (Steven Champeon) na interaktivnoj konferenciji SXSW 11. marta 2003. godine u Ostinu, i kroz niz članaka za sajt Webmonkey koji su objavljeni u periodu između marta i juna 2003. Specifične Cascading Style Sheet (CSS) tehnike koje se odnose na fleksibilnost rasporeda stranice, prilagođavajući se različitim veličinama ekrana, nedavno se raspravljalo pod nazivom “Prilagodljiv veb dizajn”. .net Magazine je izabrao Postepeno poboljšanje za #1 na listi za Top veb dijazn trendove 2012(). Google je podstakao usvajanje progresivno poboljsanja da pomogne našim sistemima da vide upotrebljive sadržaje i osnovnu funkcionalnost kada određene karakteristike veb dizajna još uvek nisu podržane.

Upoznavanje i pozadina

Strategija je evolucija prethodne strategije veb dizajna poznate kao “blagonaklonom degradacijom” u kome bi dizajneri kreirali veb stranice za poslednji brauzer koje bi takođe odlično radile i u starijim verzijama softvera brauzera. Blagonaklona degradacija je trebalo da dozvoli da se stranica “degradira” ili ostane reprezentativna , čak iako neke tehnologije nisu bile prisutne, a da neostanu nepodešne za korisnike sa tako starijim softverom. U praksi, blagonaklona degradacija je zamenjena stavom da krajnji korisnik treba samo da “nadogradi”. Ovakav stav je zbog vremenskih i budžetskih ograničenja , ograničio pristup testiranja alternativnih pregledača, kao i rašireno uverenje da su “softveri besplatni”. Nažalost, nadogradnja često nije moguća zbog odeljenja IT policije, starijeg hardvera ili drugih razloga. “Samo nadogradi” stav takođe ignoriše namerne izbore korisnika i postojanje raznih platformi pregledača. Postoji velika grupa korisnika Interneta koji nisu svesni ili ne mare o karakteristikama pretraživača.

U progresivnom poboljšanju (PE) strategija je namerno obrnuta: osnovni dokument označavanja je stvoren , usmeren ka najnižem zajedničkom imeniocu funkcionalnosti brauzer softvera, a zatim dizajner dodaje u funkcionalnost ili poboljšanje prezentacije i ponašanje na stranici , koristecći moderne tehnologije kao što su CSS ili JavaScript ( ili druge naprednie tehnologije , kao što su Flash ili Java apleti ili Scalable Vector Graphics (SVG) , itd). Sva takva poboljšanja su eksterno povezana, sprečavajući podatke neupotrebljive od strane određenih brauzera da budu nepotrebno preuzeti.

PE pristup je izveden iz Šampionovog (Champeon's) ranijeg iskustva sa standardnim generalizovanim jezikom za obelezavanje (SGML), pre rada sa HTML ili bilo kojim jezicima veb prezentacija, kao i iz kasnijih iskustava u radu sa CSS da radi oko bagova pregledača. U tim ranim SGML kontekstima, semantika obeležavanja je bila od ključnog značaja , a prezentacija je skoro uvek posmatrana odvojeno, umesto da bude ugrađen u samo označavanje. Ovaj koncept je različito rasporedjen u markap krugovima kao pravilo razdvajanja prezentacije i sadržaja (separation of presentation and content), razdvajanje sadržaja i stila, ili podele semantike i prezentacije. Kako je Veb evoluirao sredinom devedesetih, ali pre nego što je uveden CSS i široko podržan, ovo kardinalno pravilo SGML-a je više puta prekršeno od strane HTML proširenja. Kao rezultat toga, veb dizajneri su bili primorani da usvoje nove, poremećene tehnologije u cilju da ostanu relevanti. Potvrdjivanjem blagonaklone degradacije, u znak priznanja da nisu svi imali najnovije brauzere, mnogi su počeli da jednostavno usvajaju praksu dizajna i tehnologije podržane samo u najnovijoj i možda jedinom prethodnom velikom pretraživačom izdanju. Za nekoliko godina, veći deo Veba jednostavno ne radi osim u najnovijim, najpopularnijim pretraživačima. Ovo se zadržalo sve do pojave široko rasprostranjenog usvajanja i podrške za CSS, kao i mnogih popularnih, bazičnih obrazovnih napora (od Eric Costello, Owen Briggs, Dave Shea, i drugi) koji pokazuju veb dizajnerima kako da koristite CSS za potrebe rasporeda.

PE se zasniva na priznanju da je jezgro iza " blagonaklone degradacije " - da pretraživači postaju brži i snažniji- pokazala se pogresžom sa rastom ručnih i PDA uređaja sa niskom funkcionalnošću brauzera i ozbiljnih propusnih ograničenja opsega. Pored toga , brza evolucija HTML i srodnih tehnologija u ranim danima Veba je usporio , i veoma stari pretraživači su postali zastareli , oslobađajući dizajnere da koriste moćne tehnologije kao što su CSS da upravljaju svim zadacima prezentacije i JavaScript da poboljša složeno ponašanje klijent-strane.

Osnovni principi

Progresivno poboljšanje se sastoji od sledecih osnovnih principa:

• Osnovni sadržaj treba da bude dostupan svim veb brauzerima.
• Osnovna funkcionalnost bi trebalo da bude dostupna svim veb brauzerima.
• Raštrkano, semantičko označavanje sastoji se od svog sadržaja
• Poboljšan raspored je obezbeđen zahvaljujući eksterno povezanim CSS-om
• Poboljšano ponašanje je obezbedjeno zahvaljujući nenametljivim, eksterno povezanim JavaScript-om.
• Krajnje korisničke brauzer preference se poštuju

Podrška i usvajanje

• Džim Vilkinson stvorio stranicu za progresivno poboljšanje Viki da bi prikupio neke trikove i savete i da objasnio opštu strategiju.
• Dizajneri poput Jeremi Keitha su pokazali kako pristup može da se koristi skladno sa još nekim drugim pristupima savremenog Veb dizajna (kao što su Ajaks) da obezbede fleksibilna, ali moćna, iskustva korisnika.
• Aron Gustafson , napisao je niz osnovnih progresivnih poboljšanja, od osnovne filozofije do CSS pristupa kako se rukuje JavaScript-om.
• Drugi, uključujucći i Dave Shea, pomogli su da se šire usvajanje termina koji se odnosi na dizajn strategije bazirane na CSS-u.
• Organizacije, kao što je Projekat Veb standarda ( Web Standards Project), koja je stvarala Acid2 i Acid3 testove, prigrlile su PE kao osnovu za njihove obrazovne napore.
• Dejvid Artz, lider AOL Optimizacionog tima, razvio je paket pristupačne rendering tehnologije, i izmislilo tehniku za demontažu za "unapređenja" u letu, štedeći preference korisnika.

Prednosti za Optimizaciju sajta za pretrazivače ( SEO )

Bolji rezultati u odnosu na Optimizaciju pretrage search engine optimization</ref> su još jedan sporedni efekat Veb dizajn strategije zasnovane na PE. Osnovni sadržaj je uvek dostupan pretraživačkim paukovima, stranice izgrađene PE metodama izbegavaju probleme koji mogu da ometaju pretraživačko indeksiranje.

Kritika i odgovori

Neki skeptici, kao što je Garet Dimon , izrazili su zabrinutost da PE nije izvodljiv u situacijama koje se oslanjaju u velikoj meri na JavaScriptza postizanje određenih prezentacija korisničkog interfejsa ili ponašanja, na šta je Nenametljiv JavaScript jedan odgovor (unobtrusive JavaScript). Drugi su uzvratili da bi informacione strane trebalo da budu kodirane korišćenjem PE i da čak stranice sa Flash player-ima treba da se kodiraju korišćenjem PE.

Vidi još

• Ajax
• Semantički HTML
• jQuery Mobile