Bi gailu ezberdinentzako Web Diseinuaren ikuspegi desberdinak alderatuz
Web diseinu sentikorrena eta moldagarria dira gailu anitzeko webgune anitzak sortzeko hainbat metodo. Webgune sentikorrena Google-k gomendatzen duen bitartean eta bi planteamenduen artean ezagunena den arren, gailu anitzeko diseinuko bi metodo horiek beren indarguneak eta ahuleziak dituzte.
Web diseinu sentikor eta moldatzaileen arteko desberdintasunak aztertuko ditugu, bereziki gune giltzarri hauetan:
- Garapen erraza
- Diseinuaren gaineko kontrol maila
- Gailuaren / pantaila babesaren oparia
- Nola errespetatzen den etorkizuna konponbidea da
- Deskarga abiadura orokorra eta guneen errendimendua
Definizio batzuk
Web diseinu sentikor eta egokitzaileekiko gure albo-aldeen konparazioak sartu baino lehen, bi ikuspegi hauen definizio altuko begirada bat hartu behar dugu.
Erantzungailuen webguneek fluidoen diseinua dute, eta hori aldatzen eta egokitzen da, pantailaren tamaina kontuan hartu gabe. Komunikabideen kontsultak erantzuteko guneak areagotzea ahalbidetzen du "hegan egitean" nabigatzailea tamaina aldatzen bada.
Diseinu moldatzaileek aurrez zehaztutako puntuazioetan oinarritutako tamaina finkoak erabiltzen dituzte diseinatzeko bertsio egokienak emateko, orrialdea lehen aldiz kargatzen den pantaila-tamainaren arabera.
Tokian tokiko definizio zabalekin, fokuaren eremu giltzarrietara joango gara.
Garapen erraztasuna
Web diseinu sentikor eta moldatzaileen arteko alde esanguratsuena irtenbide horiek web orri batera aplikatzen dira. Diseinu sentikorrak diseinu erabat fluidoa sortzen duelako, hobe da gune hori berriro diseinatzen ari zaren proiektuetan. Lehendik dagoen webgunearen kodearen berritzea saiatzen ari da sentikor bihurtzeko, sarritan arazo zorrotz bat besterik ez duzulako kontrol-maila izan duzulako kode hori kode batetik garatzen ari bazara eta diseinu sentikorra kontuan hartuta kontuan hartuta prozesuaren hasierako faseetan . Horrek esan nahi du gunea sentikorrena dela berritzeko orduan konpromisoak behartzen dituztela existitzen diren kodeen barruan geratzeko.
Ari zaren existitzen den zabalera finkoaren webgunearekin lanean ari bazara, ikuspegi moldatzaile batek esan nahi du gune hori oso osorik diseinatu dela eta egokitzapen-puntu gehigarriak gehitu behar direla. Zenbait kasutan, proiektuaren aurrekontua txikia baldin bada eta garapen-lan txiki bat baino ez badago, mugikorreko zentratze txikiagoetarako pantailako / mugikorreko puntuazio-puntu adimendun berriak bakarrik gehitu ahal izango dituzu. Horrek esan nahi du pantailago handiagoak diseinu beraren erabilera guztiarentzat - agian 960 etenaldiaren bertsioa zein izan zen jatorriz diseinatutakoa.
Ikuspegi moldatzaile baten aldeko apustua lehendik dagoen gunearen kodea hobeto aprobetxatzea da, baina downsides bat diseinu txantiloiak sortzen ari zara, laguntza aukeratzen duzun bakoitzean. Epe luzean soluzio hori garatzeko eta mantentzeko beharrezkoak diren lanen gaineko eragina izango du.
Diseinuaren kontrola
Webgune sentikorren indarguneetako bat bere irmotasuna ahalbidetzen du pantaila-tamainu guztiak egokitu eta babestea, ikuspegi moldatzailean zehaztutako prebentzio-etenik gabe. Errealitatea, ordea, sentikorrak diren guneak gako-pantailako zenbait tamainatan itxura handia izan dezakete (merkatuan dauden gailu ezagunen arabera normalean tamaina), baina diseinu bisualak askotan ebazpen herri horien artean desegin egiten du.
Esate baterako, gune batek 1400 pixeleko pantaila zabalerako diseinurako itxura du, 960 pixeleko pantaila ertaina eta pantaila txikia 480 pixeleko itxura da, baina neurri hauetako estatuen artean? Diseinatzaile gisa, gutxi tamainu horien arteko kontrolaz eta orri hauen itxura bisuala tamainu horiek baino maizago izaten dira.
Webgune egokigarri batekin, zure diseinuak hainbat diseinu diseinu askoz gehiago erabiltzen ari dira zure zehaztutako puntuen arabera oinarritutako tamaina finkoak direlako. Egoera inpertsonal horiek ez dira arazo gehiago, bisitariei entregatuko zaizkien "itxura" bakoitza arretaz diseinatu delako (haustura bakoitzaren pantaila).
Diseinu kontroleko maila hau erakargarria bezain erakargarria, jakina da prezio bat dela. Bai, etenaldi bakoitzaren itxura osoa kontrolatzen duzu, baina diseinu berezia duten diseinu bakoitzerako diseinatzeko denbora behar duzu. Diseinatzen duzun hautespen-punturik hoberenak, prozesu horretan gastatu beharko dituzu.
Laguntza osorako
Bi diseinu egokigarri eta moldatzaileek laguntza nahiko sendoak dituzte, batez ere nabigatzaile modernoetan.
Adaptive webguneek zerbitzariaren alboetako osagaiak edo Javascriptak behar dituzte pantaila-tamainaren arabera. Jakina, gune moldatzaile batek Javascript behar badu, nabigatzaile batek gaituta egon behar du gune hori behar bezala funtziona dezan. Baliteke kezka handirik ez izatea jende gehienak Javascript-ak bere nabigatzaileetan edukitzea, baina edozein unetan gune batek beste edozein mendekotasun kritikoa du, adierazi behar da.
Nabigatzaile moderno guztiek ondo funtzionatuko duten webguneen erantzunak eta komunikabideen kontsultak. Internet Explorer-en bertsio zaharragoak dituzten arazo bakarrak dira bertsioek 8 eta behekoak ez baitituzte multimedia-kontsultak onartzen. Honen inguruan lan egiteko , Javascript polifilio bat erabiltzen da sarritan , horrek esan nahi du Javascript hemen dagoen mendekotasuna baita, gutxienez, IE bertsio zaharkituak. Berriz ere, agian hau ez da zuretzako kezka handirik, batez ere zure webguneko analisiek erakusten dutenez, bisitari asko ez dituzula bisitatzen arakatzailearen bertsio zaharragoak erabiliz.
Etorkizuneko atsegina
Webgune sentikorren izaera fluidoa egokitze-guneen gaineko abantaila da etorkizuneko adiskidetasunean. Hori dela eta, erantzukizunezko guneak ez dira eraiki hauetako puntuak aurrez ezarritako multzo bat baino. Pantaila guztietara egokitzeko moldatzen dira, gaur egun merkatuan izan daitezkeenak barne. Horrek esan nahi du gune sentikorrak ez direla "konpondu" behar, pantaila-bereizmen berri bat bat-batean bihurtzen bada.
Telefonoaren paisaian izugarrizko barietateari begiratuz (2015eko abuztuan, 24.000 aparkaleku Android baino gehiago zeuden merkatuan), pantailen aukera zabala eskaintzen duen gunea oso garrantzitsua da etorkizunean erabiltzeko. Hori dela eta, paisaia ez da etorkizunean txikiagoa izango denik, eta horrek esan nahi du pantaila edo tamainu zehatzak diseinatzea ezinezkoa dela, ez badugu jadanik errealitate hori lortu.
Konparazio konparazio honen beste aldean, gune bat moldagarria bada eta merkatuan garrantzitsuak izan daitezkeen ebazpen berriak ez baditu, orduan hautsi egin beharko zenuke sortu dituzun webguneetara gehitzeko. Honek diseinu eta garapen denbora proiektuetan gehitzen du eta moldatzaileen guneek ondo kontrolatu behar dute, gune berrian sartu behar ez diren berri-puntuak sartu ez direla ziurtatzeko. Berriro ere, gailuaren aniztasuna izateaz gain, tamainu berriak eta ahalik eta etekinik berrienak bilatzeko etengabeko berrikuspena etengabeko erronka da; izan ere, gune bat eta mantentze horren kostua izan behar duen lanaren gaineko eragina izango du Gune horretarako dagoen enpresa edo erakundea.
Performance
Web diseinu sentikorrena akusatu egin da (kasu askotan gaizki), deskarga abiadura / errendimenduaren ikuspuntutik irtenbide txarrak izateaz gain. Hau da, neurri handi batean, planteamendu honen lehen egunetan, web diseinatzaile askok, besterik gabe, gune txikiko komunikabideen kontsultak eskuratu zituzten CSSen. Honek pantaila handiagoetarako diseinatutako irudiak eta baliabideak gailu guztiei entregatu behar izan zituen, nahiz eta pantaila txikiagoek ez zituzten azken diseinuetan erabili. Diseinu sentikorrak bide luzea egin du egun horietan eta errealitatea kalitatezko sentikorren guneak gaur egun ez diren errendimendu-arazoak jasaten ditu.
Deskargatzeko abiadura motelak eta bloated webguneak ez dira webguneen erantzukizunik. Webgune guztietan aurki daitekeen arazo bat da. Gehiegi iruditzen zaizkigun irudiak, sare sozialetatik elikatzen direnak, gehiegizko gidoiak eta gehiago daude eta gune bat behera pisatzen dute, baina web sentikorrenak eta egokitzaileak eraiki daitezke azkar kargatzeko. Jakina , errendimendua lehentasuna ez den eran eraiki daiteke, baina hori ez da irtenbide bera, baizik eta gunearen garapenean parte hartu zuen taldearen isla.
Diseinutik kanpo
Web diseinu moldatzailearen alderdi esanguratsuenetako bat gune hauen diseinurako kontrola baino ez duzu kontrolatzen, baizik eta gune bertsio hauei eskaintzen diegun baliabideak ere. Adibidez, erretina-irudiak retina gailuei soilik bidal diezaieke, erretinazko pantailetan tamaina txikiagoan dauden irudiak egokiagoak direnean. Beste baliabide batzuk (Javascript fitxategiak, CSS estiloak, eta abar) behar bezala entregatu ahal izango dira behar denean eta erabiliko dira.
Web diseinu moldatzaile honen erabilera askoz haratago doa "webgunea birmoldatzen ari bazara, egokitzailea erabilerarako hurbilketa errazagoa izan daiteke". Gune guztiek, diseinu birmoldatu osoak barne, esperientzia pertsonalizatuago baten ikuspegi hurbilago bat har dezakete.
Egoera honek "erantzuteko versus egokitzeko" eztabaidaren nukleotasuna erakusten du. Egia da egokitzapen ikuspegia hobeto egokitzen dela guneen birmoldaketak baino, konponbide ezin hobea izan daiteke diseinu berrien diseinurako. Era berean, zenbait kasutan, planteamendu sentikorra lehendik dagoen gunearen kodean oinarritzen da, gune hori ongi erantzuteko ikuspegiaren onura guztiak emanez.
Zein hurbilketa hobea da?
Web diseinu sentikorren aurrean edo aldakorrari dagokionez, ez dago "irabazlea" argirik, nahiz eta sentikorrena hurbilpen ezagunagoa izan. Egia esan, "hobeto" ikuspegia proiektu jakin baten beharren araberakoa da. Gainera, hau ez da "bai / edo" egoera bat izan behar. Web diseinatzaile sentikorrenak (fluidoen zabalerak, etorkizuneko euskarria) diseinu moldatzaileen indarguneak (diseinu kontrola hobeak, guneen baliabideen karga adimenduna) konbinatzen dituzten webguneak dira.
RESS (Web Diseinu sentikorrena Server Side Components-ekin) bezala ezaguna denez, hurbilketa honek erakusten du ez dela benetan "tamaina bakarra irtenbide guztietara egokitzen". Biak web sentikorren diseinuak eta moldatzaileek beren indarguneak eta erronkak dituzte, beraz zehaztu behar duzu zein den zure proiektu zehatzerako onena izango da lan, edo irtenbide hibrido bat onena izan daiteke.