Mismunur á milli Móttækilegur og Adaptive Web Design

Samanburður á tveimur mismunandi aðferðum við fjölhreyfanlegur vefhönnun

Móttækileg og aðlögun vefhönnun eru bæði aðferðir til að búa til fjölbreytt tæki sem virka vel á ýmsum skjástærðum. Þó að móttækilegur vefhönnun sé mælt með því af Google og er vinsælari af tveimur aðferðum, eru báðar þessar aðferðir við fjölhreyfanlegur vefur hönnun með styrkleika sína og veikleika þeirra.

Skulum líta á muninn á móttækilegri og aðlögunarhæfri vefhönnun, sérstaklega með áherslu á þessi lykilatriði:

Sumar skilgreiningar

Áður en við komumst í samanburð við hlið við hlið á viðkvæmum og aðlögunarhæfri vefhönnun, skulum við smástund að líta á skilgreiningu á þessum tveimur aðferðum.

Móttækilegir vefsíður hafa vökvaútlit sem breytist og aðlagast án tillits til þess hvaða skjástærð er notuð. Fjölmiðlafyrirspurnir leyfa móttækilegum vefsvæðum að jafnvel breyta "á flugi" ef vafrinn er breyttur.

Hönnunarhönnun notar fastar stærðir byggðar á fyrirfram ákveðnum hléum til að skila hentugasta uppsetningarútgáfu fyrir skjástærðina sem finnast þegar blaðsíðan byrjar fyrst.

Með þessum víðtæku skilgreiningum á sínum stað, skulum við snúa að lykilatriðum okkar í brennidepli.

Auðveld þróun

Mikilvægasta munurinn á móttækilegri og aðlögunarhæfni vefhönnun er á þann hátt að þessar lausnir eru beittar á vefsíðu. Vegna þess að móttækileg hönnun skapar fullkomlega vökvaútgáfu, er það best notað við verkefni þar sem þú ert að endurbæta síðuna frá grunni . Reynt að endurbæta kóða núverandi vefsíðu til að verða móttækilegur er oft slæmt mál vegna þess að þú hefur einfaldlega ekki stjórnina sem þú vilt ef þú varst að þróa þessi kóða frá grunni og taka á móti móttækilegri hönnun með tilliti til fyrstu stigum þess ferlis . Þetta þýðir að þegar þú endurnýjar síðuna til að vera móttækilegur, þú ert neydd til að gera málamiðlanir til að vera innan þess núverandi kóða.

Ef þú ert að vinna með núverandi vefsíðu með fastri breidd, þá er aðlögunarkennd að þú getur skilið þann stærð sem vefsvæðið var hönnuð fyrir ósnortinn og bætt við viðbótaraðlögunarbresti eftir þörfum. Í sumum tilfellum, ef fjárhagsáætlun verkefnisins er lítið og ef það mun aðeins taka til lítið magn af þróunarstarfi, getur þú valið að bæta aðeins við nýjum aðlögunarbrögðum fyrir smærri skjár / farsímamiðaðar stærðir. Þetta þýðir að þú myndir leyfa stærri skjái að allir noti sömu uppsetningu - kannski 960 brotstaður útgáfa sem var það sem þessi síða var líklega upphaflega hönnuð fyrir.

Hinsvegar aðlögunaraðferðin er sú að þú getur betur nýtt sér kóða núverandi kóðans, en ein af niðurstöðum er að þú býrð til mismunandi sniðmát fyrir skipulag fyrir hvert brotalínur sem þú velur að styðja. Þetta mun hafa áhrif á vinnuþörf sem þarf til að þróa og viðhalda þessari lausn til lengri tíma litið.

Hönnun Control

Eitt af styrkum móttækilegra vefsvæða er að vökva þeirra gerir þeim kleift að laga og styðja alla skjástærðina í stað þess að aðeins fyrirfram ákveðnar brotpunkta sem eru ákvörðuð í aðlögunaraðferð. Staðreyndin er hins vegar að móttækilegir síður geta litið vel út á ákveðnum helstu skjástærðum (venjulega stærðir sem samsvara vinsælum tækjum sem til eru á markaðnum) en sjónræn hönnun brýtur oft á milli þessara vinsælra ályktana.

Til dæmis getur síða litið vel út á breiðuskjáinn 1400 dílar, miðjan skjástærð 960 dílar og lítill skjár lítur á 480 dílar, en hvað um milli þessara stærða? Sem hönnuður hefur þú litla eða enga stjórn á þessum á milli stærða og sjónræna útlit blaðsíðunnar við þessar stærðir er oft minna en hugsjón.

Með aðlögunarhæfri vefsíðu hefur þú miklu meiri hönnunarstýringu yfir hinum ýmsu skipulagi sem notuð eru vegna þess að þær eru fastar stærðir byggðar á upprunalegum brotum þínum. Þessir óþægilegir milli ríkja eru ekki lengur vandamál vegna þess að þú hefur vandlega hönnuð hvert "útlit" (sem þýðir að hver brotstuðull er sýndur) sem verður afhentur til gesta.

Eins aðlaðandi og þetta stig stjórnhönnunar kann að hljóma, verður þú að vera meðvitaður um að það verði á verði. Já, þú hefur fulla stjórn á útliti hvers brotaliða, en það þýðir að þú verður að fjárfesta hönnunartíma sem þarf til að hanna fyrir hvert einstakt skipulag. Því fleiri breakpoints þú velur að hanna fyrir, því meiri tíma sem þú þarft að eyða í því ferli.

Breidd stuðnings

Bæði móttækilegur og aðlögunarhæfur vefhönnun njóta nokkuð sterkan stuðning, sérstaklega í nútíma vafra.

Gagnlegar vefsíður þurfa annaðhvort miðlara hliðarþáttum eða Javascript til að greina skjástærð. Augljóslega, ef aðlögunarsvæði krefst Javascript, þá þýðir það að vafrinn þarf að hafa það virkt til þess að þessi síða virki rétt. Það kann ekki að vera stórt áhyggjuefni fyrir þig þar sem flestir munu hafa Javascript í vafranum sínum, en hvenær sem síða hefur mikilvæga ávanabindingu á neinu, ætti að hafa það í huga.

Móttækileg vefsvæði og fjölmiðlafyrirspurnir sem knýja þau munu virka vel í öllum nútíma vafra. Eina vandamálin sem þú munt hafa eru með elstu útgáfur af Internet Explorer þar sem útgáfur 8 og neðan styðja ekki fjölmiðlafyrirspurnir . Til að vinna í kringum þetta er oft notað Javascript-polyfill , sem þýðir að það er háð því að Javascript sé hér líka, að minnsta kosti fyrir þá öldruðu útgáfur af IE. Aftur gæti þetta ekki verið mikið áhyggjuefni fyrir þig, sérstaklega ef vefsvæði greiningar þín sýnir að þú færð ekki marga gesti með þessum eldri vafraútgáfum.

Framundan vináttu

Fljótandi eðli móttækilegra vefsvæða gefur þeim kostur á aðlögunarhæfum stöðum þegar kemur að framtíðinni. Þetta er vegna þess að þessir móttækilegir síður eru ekki byggðar til að mæta aðeins fyrirfram ákveðnum mengunarmörkum. Þeir laga sig að því að passa alla skjái , þar með talin þau sem kunna ekki að vera á markaðnum í dag. Þetta þýðir að móttækilegir síður þurfa ekki að vera "fastar" ef nýr skjárupplausn verður skyndilega vinsæl.

Þegar litið er til ótrúlegrar fjölbreytni í tækjalandinu (frá og með ágúst 2015 voru um 24.000 mismunandi Android tæki á markaðnum), hafa vefsvæði sem gerir sitt besta til að mæta þessu fjölmörgu skjái gagnrýninn fyrir framtíðina. Þetta er vegna þess að ólíklegt er að landslagið muni verða minna fjölbreytt í framtíðinni, sem þýðir að hönnun fyrir tiltekna skjái eða stærðir er að verða ómöguleg, ef við höfum ekki þegar náð þessum veruleika.

Á hinn bóginn þessa samanburðarástæða, ef síða er aðlögunarhæfni og ekki til móts við nýjar ályktanir sem gætu orðið mikilvægir á markaðnum, þá gætir þú þurft að bæta við því brotpunkti á vefsvæðum sem þú hefur búið til. Þetta bætir hönnun og þróun tíma við verkefni og það þýðir að þessir aðlögunarhæfar síður verða að vera stöðugt fylgjast með til að tryggja að engar nýjar brautir hafi verið kynntar á markaðnum sem verður að bæta á síðuna. Aftur á móti, þar sem tækið fjölbreytni er það sem það er, þurfa stöðugt að leita að nýjum stærðum og mögulega mæta þeim með nýjum hléum er áframhaldandi áskorun sem mun hafa áhrif á það verk sem þú verður að styðja við síðuna og kostnað við það viðhald fyrir félagið eða stofnunin sem vefsvæðið er fyrir.

Frammistaða

Móttækilegur vefhönnun hefur lengi verið sakaður (ósanngjarnt svo oft) að vera fátækur lausn frá niðurhalshraða / flutningsstöðu. Þetta stafar að miklu leyti af þeirri staðreynd að margir vefhönnuðir snemma á þessum tíma nálgaðust einfaldlega smáskoðunarfyrirspurnir á CSS. Þetta neyddi myndirnar og auðlindirnar sem ætluð eru til að fá stærri skjái til allra tækjanna, jafnvel þótt þær smærri skjáir hafi ekki notað þær í lokasýningum sínum. Móttækileg hönnun hefur gengið langt frá þeim dögum og raunin er sú að gæði móttækilegir síður í dag þjáist ekki af frammistöðuvandamálum.

Slow download hraða og uppblásna vefsíður er ekki móttækilegur website vandamál - það er vandamál sem hægt er að finna á öllum vefsíðum. Myndir sem eru of þungar, fæða frá félagslegum fjölmiðlum, óhóflegum forskriftir og fleira og vega niður síðuna, en bæði móttækileg og aðlögunarhæf vefsíður geta verið byggð til að vera hratt hleðsla. Að sjálfsögðu geta þau einnig verið smíðaðir þannig að árangur sé ekki forgangsverkefni en þetta er ekki einkenni lausnarinnar sjálfs, heldur endurspeglar liðið sem tók þátt í þróun vefsvæðisins sjálfs.

Beyond Layout

Einn af mest áberandi þættir aðlögunaraðgerða vefhönnunar er að þú hefur ekki aðeins stjórn á hönnun vefsvæðisins fyrir ákveðnar bilanir, heldur einnig þær auðlindir sem eru afhentir fyrir þessi síða útgáfur. Til dæmis þýðir þetta að hægt er að senda sjónhimnu myndir til sjónhimnubúnaðar, en ekki sjónhimnaskjár fá fleiri viðeigandi myndir sem eru minni í skráarstærð. Aðrar auðlindir vefsvæða (Javascript-skrár, CSS-stíll, osfrv.) Geta aðeins verið skilríkar afhentir þegar þær eru nauðsynlegar og verða notaðar.

Þessi notkun aðlögunaraðgerða vefhönnunar fer langt út fyrir einfaldan jöfnun "ef þú ert að uppfæra vefsíðu á ný, getur aðlögunarhæfni verið auðveldara að nota." Allar síður, þ.mt heill endurhönnun, geta notið góðs af snjallari nálgun á sérsniðnum reynslu.

Þessi atburðarás sýnir hreint eðli þessa "móttækilegu gagnvart aðlögunarhæf" umræðu. Þó að það sé satt að aðlögunaraðferðir geti verið betur í stakk búnir en móttækilegur fyrir endurbætur á vefsvæðum, getur það einnig verið frábær lausn fyrir fulla endurhönnun. Á sama hátt, í sumum tilfellum er hægt að bæta við móttækilegri nálgun á kóða sem byggir á núverandi svæði, og gefur þeim öllum kostum við fullnægjandi nálgun.

Hvaða nálgun er betra?

Þegar kemur að móttækilegum og aðlögunarhæfri vefhönnun er ekkert skýr "sigurvegari", þótt móttækilegur sé vissulega vinsælli nálgunin. Í sannleika er "betri" nálgun háð þörfum tiltekins verkefnis. Ennfremur þarf þetta ekki að vera "annað hvort" eða "ástandið". Það eru margir sérfræðingar á vefnum sem eru að byggja upp síður sem sameina bestu móttækilegu vefhönnunina (vökvabreidd, framtíðarstuðningur) með styrkleika aðlögunarhæfrar hönnunar (betri hönnunarstjórnun, klár hleðsla vefsíðna).

Þessi aðferð sýnir almennt þekkt sem RESS (Móttækilegur Vefhönnun með Servers Side Components). Það er í raun ekki "ein stærð passar alla lausnina." Bæði móttækilegur vefur hönnun og aðlögunarhæfni hafa styrkleika sína og áskoranir þeirra, þannig að þú þarft að ákveða hver mun virka best fyrir tiltekna verkefnið þitt, eða ef blendingur lausn getur raunverulega henta þér best.