Primerjava dveh različnih pristopov k večnamenskemu spletnemu oblikovanju
Odzivno in prilagodljivo spletno oblikovanje sta oba načina za ustvarjanje prijaznih spletnih strani z več napravami, ki dobro delujejo na različnih velikostih zaslona. Medtem ko odzivno spletno oblikovanje priporoča Google in je bolj priljubljen od obeh pristopov, obe metodi za večnamenski spletni dizajn imata svoje prednosti in slabosti.
Oglejmo si razlike med odzivnim in prilagodljivim spletnim dizajnom, s posebnim poudarkom na teh ključnih področjih:
- Enostavnost razvoja
- Raven nadzora nad načrtom
- Širina podpore naprave / zaslona
- Kako prihodnost prijazna rešitev je
- Skupna hitrost prenosa in uspešnost spletnega mesta
Nekatere definicije
Preden se lotimo primerjav odzivnega in prilagodljivega spletnega oblikovanja, si vzemimo trenutek, da bi pogledali na visoko opredelitev teh dveh pristopov.
Odzivne spletne strani imajo postavitev tekočine, ki se spreminja in prilagaja, ne glede na velikost zaslona, ki se uporablja. Medijske poizvedbe omogočajo, da se odzivna spletna mesta celo spreminjajo "na leti", če spremenite velikost brskalnika.
Prilagodljivo oblikovanje uporablja fiksne velikosti na podlagi vnaprej določenih mejnih vrednosti, da se zagotovi najprimernejša različica postavitve za velikost zaslona, ki se zazna, ko se stran najprej naloži.
S temi širokimi definicijami se obrnemo na naša ključna področja osredotočenosti.
Enostavnost razvoja
Najpomembnejša razlika med odzivnim in prilagodljivim spletnim oblikovanjem je tako, da se te rešitve uporabljajo na spletni strani. Ker odzivno oblikovanje ustvari popolnoma tekočino, se najbolje uporablja pri projektih, kjer preoblikujete spletno stran od tal . Če poskušate naknadno opremiti kodo obstoječe spletne strani, je pogosto naporen odnos, ker preprosto nimate ravni nadzora, ki bi ga imeli, če bi razvili to kodo iz nič in upoštevali odzivno zasnovo za najzgodnejše faze tega postopka . To pomeni, da ste pri nadgradnji spletnega mesta, ki se odziva, prisiljeni narediti kompromise, da bi ostali znotraj obstoječe kodne baze.
Če delate z obstoječo spletno stranjo s fiksno širino, prilagoditveni pristop pomeni, da lahko pustite velikost, da je spletno mesto načrtovano za nepoškodovano in po potrebi dodati dodatne prilagoditvene točke. V nekaterih primerih, če je proračun projekta majhen, in če bo le majhen del razvojnega dela, lahko izberete samo dodajanje novih prilagodilnih mejnih vrednosti za manjše velikosti zaslona / mobilne naprave. To pomeni, da bi dovolili večjim zaslonom, da bi vsi uporabili isto postavitev - morda 960 različico točke, ki je bila tisto, za katero je bilo spletno mesto verjetno prvotno namenjeno.
Na strani prilagodljivega pristopa je, da lahko bolje izkoristite kodo obstoječega spletnega mesta, vendar je ena od spodnjih strani, da ustvarite različne predloge postavitve za vsako točko, ki jo želite podpreti. To bo vplivalo na delovno obremenitev, potrebno za dolgoročno razvoj in vzdrževanje te rešitve.
Design Control
Eden od prednosti odzivnih spletnih strani je, da njihova tekočnost omogoča, da prilagajajo in podpirajo vse velikosti zaslona, v nasprotju z vnaprej določenimi mejnimi vrednostmi, določenimi v prilagodljivem pristopu. Resničnost pa je, da so odzivna spletna mesta odlična pri nekaterih ključnih velikostih zaslona (običajno velikosti, ki ustrezajo priljubljenim napravam, ki so na voljo na trgu), vendar pa vizualna zasnova pogosto razkrije med temi priljubljenimi resolucijami.
Na primer, spletno mesto lahko izgleda na velikem zaslonu velikosti 1400 slikovnih pik, velikosti 960 slikovnih pik v sredini zaslona in 480-ih slikovnih pik, kaj pa vmesnih stanj teh velikosti? Kot oblikovalec imate malo in nobenega nadzora nad temi med velikostmi in vizualni videz strani pri teh velikostih je pogosto manj kot idealen.
S prilagodljivim spletnim mestom imate veliko večji nadzor nad različnimi postavitvami, ker so fiksne velikosti na podlagi vaših določenih mejnih vrednosti. Te nerodne države med seboj niso več problem, ker ste skrbno zasnovali vsak »pogled« (kar pomeni vsak zaslon), ki bo dostavljen obiskovalcem.
Kot privlačno, saj lahko to raven nadzora načrtovanja zveni, se morate zavedati, da gre za ceno. Da, imaš popoln nadzor nad izgledom vsake točke, vendar to pomeni, da morate investirati čas, potreben za oblikovanje za vsako od teh edinstvenih postavitev. Več mejnih vrednosti, ki jih želite oblikovati, več časa boste morali porabiti za ta proces.
Širina podpore
Odzivno in prilagodljivo spletno oblikovanje uživa zelo dobro podporo, zlasti v sodobnih brskalnikih.
Adaptivne spletne strani zahtevajo komponente strežniške strani ali Javascript za odkrivanje velikosti zaslona. Očitno je, da za prilagoditveno spletno mesto potrebujete Javascript, to pomeni, da mora brskalnik omogočiti, da ta stran deluje pravilno. To morda ne bo zaskrbljujoče za vas, saj bo večina ljudi imelo Javascript v svojih brskalnikih, toda vsakič, ko ima stran kritično odvisnost od vsega, je treba opozoriti.
Odzivne spletne strani in medijska poizvedovanja, ki jih uporabljajo, bodo v vseh sodobnih brskalnikih delovala dobro. Edini problemi, ki jih boste imeli, so najstarejše različice Internet Explorerja, saj različice 8 in spodaj ne podpirajo medijskih poizvedb . Za to se pogosto uporablja polifilf Javascript , kar pomeni, da obstaja tudi odvisnost od Javascripta, vsaj za te zastarele različice IE. Še enkrat to morda ne bo veliko skrb za vas, še posebej, če vaša analiza spletnega mesta pokaže, da ne prejemate veliko obiskovalcev z uporabo starejših različic brskalnika.
Prihodnost prijaznost
Naravnost odzivnih spletnih strani jim daje prednost nad prilagodljivimi mesti, ko gre za prihodnost prijaznost. To je zato, ker tista odzivna spletna mesta niso zgrajena, da bi se lahko prilagodila zgolj prej uveljavljenemu setu prekinitvenih točk. Prilagajajo se, da ustrezajo vsem zaslonom , vključno s tistimi, ki morda dejansko niso na trgu danes. To pomeni, da odzivnih spletnih mest ne bo treba "določiti", če nova ločljivost zaslona nenadoma postane priljubljena.
Če pogledamo neverjetno raznolikost v pokrajini naprave (od avgusta 2015 je bilo več kot 24.000 različnih naprav Android na trgu), ki imajo spletno stran, ki se trudi, da sprejme širok nabor zaslonov, je ključnega pomena za prihodnost prijaznost. Razlog za to je, da v prihodnosti ta krajina ne bo manj raznolika, kar pomeni, da bo oblikovanje za določene zaslone ali velikosti postalo nemogoče, če še nismo dosegli te realnosti.
Na drugi strani tega primerjalnega scenarija, če je spletno mesto prilagodljivo in ne ustreza novim resolucijam, ki bi lahko postale pomembne na trgu, potem boste morda morali prisiljeni dodati to točko na mesta, ki ste jih ustvarili. To dodaja čas načrtovanja in razvoja projektom in pomeni, da je treba ta prilagodljiva mesta dosledno spremljati, da se zagotovi, da na trg niso bile uvedene nove mejne vrednosti, ki jih je treba dodati na spletno mesto. Še enkrat, s tem, da je raznolikost naprave tisto, kar je, ker je treba stalno preverjati nove velikosti in jih lahko prilagajati z novimi točkami za prekinitev, je stalni izziv, ki bo vplival na delo, ki ga morate imeti za podporo mestu in stroške tega vzdrževanja podjetje ali organizacija, za katero je spletišče namenjeno.
Izvedba
Odzivno spletno oblikovanje je že dolgo obtoženo (nepravično, v mnogih primerih), ker je slaba rešitev s stališča hitrost prenosa / uspešnosti. To je v veliki meri posledica dejstva, da so v prvih dneh tega pristopa številni spletni oblikovalci enostavno pritegnili medijske poizvedbe majhnega zaslona na obstoječo spletno stran CSS. To je prisililo, da se slike in vire, namenjene večjim zaslonom, dostavljajo v vse naprave, čeprav ti manjši zasloni niso bili uporabljeni v svojih končnih postavitvah. Odzivna zasnova je že daleč od tistih dni in resničnost je, da današnja kakovostna mesta ne trpijo zaradi težav z zmogljivostjo.
Počasne hitrosti prenosa in napihnjena spletna mesta niso odzivna spletna težava - to je težava, ki jo najdete na vseh spletnih mestih. Slike, ki so pretežke, se hranijo iz socialnih medijev, preveč skripte in še več, tehtajo spletno stran navzdol, vendar se lahko hitro in hitro naložijo tako odzivna kot prilagodljiva spletna mesta. Seveda jih je mogoče zgraditi tudi na način, ki ne daje prednost prednosti, vendar to ni lastnost same rešitve, temveč je odraz ekipe, ki je bila vključena v razvoj same strani.
Beyond Layout
Eden od najbolj privlačnih vidikov prilagodljivega spletnega oblikovanja je, da imate ne samo nadzor nad zasnovo mesta za določene prekinitvene točke, temveč tudi sredstva, ki jih dobite za te različice spletnega mesta. To na primer pomeni, da se lahko slike retine pošljejo samo mrežnim pripomočkom, medtem ko ekrani brez retine dobijo primernejše slike, ki so manjše v velikosti datoteke. Drugi viri spletnega mesta (datoteke Javascript, slogi CSS itd.) Se lahko pametno dostavljajo le, če so potrebni in bodo uporabljeni.
Ta uporaba prilagodljivega spletnega oblikovanja presega preprosto enačbo "če nadgrajujete spletno mesto, je lahko prilagodljiv lažji pristop k uporabi." Vsem spletnim mestom, vključno s popolnimi preoblikami, se lahko koristi pametnejši pristop do bolj prilagojene izkušnje.
Ta scenarij prikazuje niansirano naravo te "odzivne proti prilagoditveni" razpravi. Medtem ko je res, da je prilagodljiv pristop morda bolj primeren kot odzivnost za naknadno vgradnjo na spletno stran, je lahko tudi odlična rešitev za popolno preoblikovanje. Podobno se v nekaterih primerih lahko odzivni pristop dodaja na kodo bazo obstoječega spletnega mesta, kar daje tej strani vse prednosti popolnoma odzivnega pristopa.
Kateri pristop je boljši?
Kadar gre za odzivno in prilagodljivo spletno oblikovanje, ni jasnega "zmagovalca", čeprav je odziven gotovo bolj priljubljen pristop. V resnici je "boljši" pristop odvisen od potreb specifičnega projekta. Poleg tega ni treba, da je "bodisi / ali" situacija. Obstaja veliko spletnih strokovnjakov, ki gradijo spletna mesta, ki združujejo najboljše odzivne spletno oblikovanje (širine tekočin, prihodnja podpora) z močmi prilagodljivega načrta (boljši nadzor nad načrtovanjem, pametno nalaganje virov spletnega mesta).
Ta podoba običajno imenuje RESS (odzivno spletno oblikovanje s strežniškimi komponentami), kaže, da resnično ni "ena velikost za vse rešitve." Oba odziven spletni model in prilagodljiv imata svoje prednosti in njihove izzive, zato morate ugotoviti, kateri bo najbolje delovala za vaš specifičen projekt ali če vam hibridna rešitev dejansko ustreza najboljšim.