Konparezon de Apwòch diferan pou Multi-Device Web Design
Konsepsyon entènèt ak repons adaptive se tou de metòd pou kreye milti-aparèy zanmitay sou sit entènèt ki travay byen sou yon varyete de gwosè ekran. Pandan ke konsepsyon entènèt reponn rekòmande pa Google ak se pi popilè a nan de apwòch yo, tou de nan metòd sa yo pou milti-aparèy entènèt konsepsyon gen fòs yo ak feblès yo.
Ann pran yon gade nan diferans ki genyen ant konsepsyon adaptive entènèt ak adaptasyon, espesyalman konsantre sou domèn kle sa yo:
- Fasil nan devlopman
- Nivo kontwòl ou genyen sou desen an
- Pi long nan aparèy / ekran sipò
- Ki jan lavni zanmitay solisyon an se
- An jeneral download vitès ak pèfòmans sit
Gen kèk definisyon
Anvan nou jwenn nan konparezon bò kote nou an nan konsepsyon entènèt adaptive ak adaptasyon, kite a pran yon moman yo gade nan yon definisyon wo-nivo nan de apwòch sa yo.
Sou sit entènèt reponn gen yon Layout likid ki chanje ak adapte kèlkeswa gwosè a ekran yo te itilize. Demand medya pèmèt sit ki reponn yo menm chanje "sou vole a" si navigatè a rdimansyonman.
Adaptatif konsepsyon sèvi ak gwosè fiks ki baze sou deteksyon preliminè detèmine vèsyon an Layout ki pi apwopriye pou gwosè a ekran ki se detekte lè paj la premye charj.
Avèk sa yo definisyon gwo nan plas, se pou yo vire nan zòn kle nou yo nan konsantre.
Fasilite Devlopman
Diferans lan ki pi enpòtan ant konsepsyon entènèt adaptasyon ak adaptasyon se nan fason ke solisyon sa yo yo aplike nan yon sit entènèt. Paske konsepsyon repons kreye yon layout konplètman likid, li pi byen itilize sou pwojè kote ou redesigning sit la soti nan tè a moute . Eseye transfere yon kòd sit entènèt ki deja egziste a vin reyaksyon se souvan yon zafè grueling paske ou tou senpleman pa gen nivo nan kontwòl ke ou ta gen si ou te devlope kòd sa a nan grafouyen ak pran konsepsyon reponn nan kont pou premye etap yo nan pwosesis sa a . Sa vle di ke lè ou regrete yon sit yo dwe reponn, ou yo fòse yo fè konpwomi yo nan lòd yo rete nan ki Kòd ki deja egziste.
Si ou ap travay ak yon sit entènèt fiks-lajè ki deja egziste, yon apwòch adaptasyon vle di ou ka kite gwosè a ki te sit la te fèt pou entak epi ajoute sou anpasans adisyonèl adaptasyon jan sa nesesè. Nan kèk ka, si bidjè yon pwojè a piti, epi si li pral sèlman akomode yon ti kantite travay devlopman, ou ka chwazi sèlman ajoute nouvo pasajè adaptasyon pou pi piti gwosè ekran / mobil-santre. Sa vle di ke ou ta pèmèt pi gwo ekran nan tout sèvi ak Layout a menm - petèt yon vèsyon breakpoint 960 ki te sa sit sa a te kapab orijinèlman fèt pou.
Nan tèt la nan yon apwòch adaptasyon se ke ou ka pi byen ogmante kòd sit la ki deja egziste a, men se youn nan downsides yo se ke ou ap kreye modèl layout diferan pou chak pwen ou chwazi pou sipòte. Sa a ki pral gen yon enpak sou kantite travay la oblije devlope epi kenbe solisyon sa a nan alontèm lan.
Design kontwòl
Youn nan fòs yo nan sit entènèt reponn se ke fluidite yo pèmèt yo adapte ak sipòte tout gwosè ekran kòm opoze a sèlman repo yo pre-mete detèmine nan yon apwòch adaptasyon. Reyalite a, sepandan, se ke sit reponn ka gade gwo nan sèten gwosè ekran kle (tipikman gwosè ki koresponn ak aparèy popilè ki disponib sou mache a), men konsepsyon an vizyèl souvan kase desann ant sa yo rezolisyon popilè.
Pou egzanp, yon sit ka gade gwo nan layout a lajè-ekran nan 1400 piksèl, gwosè a mitan-ekran nan 960 piksèl, ak ekran an ti gade nan 480 piksèl, men sa ki sou nan-ant eta de sa yo gwosè? Kòm yon designer, ou gen ti kras pa gen okenn kontwòl sou sa yo nan-ant gwosè ak gade nan vizyèl nan paj la nan sa yo gwosè se souvan mwens pase ideyal.
Avèk yon sit entènèt adaptasyon, ou gen kontwòl plis konsepsyon sou kouman yo divès kalite ke yo te itilize yo paske yo te gwosè fiks ki baze sou arebò etabli ou. Moun sa yo ki gòch nan-ant eta yo pa yon pwoblèm ankò paske ou te ak anpil atansyon ki fèt chak "gade" (sa vle di chak breakpoint nan ekspozisyon) ke yo pral lage nan vizitè yo.
Kòm atire tankou nivo sa a nan kontwòl konsepsyon ka son, ou dwe konnen ke li vini nan yon pri. Wi, ou gen kontwòl konplè sou gade nan chak breakpoint, men sa vle di ou dwe envesti tan an konsepsyon oblije konsepsyon pou chak nan sa yo kouman inik. Plas yo pi plis ou chwazi pou konsepsyon pou, tan an plis ou pral bezwen depanse nan pwosesis sa a.
Lajè sipò
Tou de konsepsyon entènèt ak adaptasyon entènèt jwi trè gaya sipò, espesyalman nan navigatè modèn.
Sou sit adaptasyon mande pou swa eleman bò sèvè oswa JavaScript pou deteksyon gwosè ekran. Li evidan, si yon sit adaptasyon mande Javascript, sa vle di ke yon navigatè bezwen gen li pèmèt yo nan lòd pou sit sa a yo travay kòrèkteman. Sa ka pa yon gwo enkyetid pou ou depi pifò moun ap gen JavaScript nan navigatè yo, men nenpòt ki lè yon sit gen yon depandans kritik sou anyen, li ta dwe te note.
Sit entènèt reponn ak demann medya ki pouvwa yo ap travay byen nan tout navigatè modèn. Pwoblèm yo sèlman ou pral gen yo ak vèsyon yo pi ansyen nan Internet Explorer depi vèsyon 8 ak anba a pa sipòte demann medya yo . Pou travay alantou sa a , se yon koneksyon Javascript souvan itilize , ki vle di gen yon depandans sou JavaScript isit la kòm byen, omwen pou moun ki vèsyon ansyen nan IE. Yon fwa ankò, sa a pa ka anpil yon enkyetid pou ou, espesyalman si analytics sit ou montre ke ou pa resevwa anpil vizitè lè l sèvi avèk sa yo vèsyon navigatè ki pi gran.
Fanmi Fanmi
Nati likid nan sit entènèt reponn ba yo yon avantaj sou sit adaptasyon lè li vini nan fiti-amitye. Sa a se paske sit sa yo ki responsab yo pa bati a akomode sèlman yon seri te etabli nan breakpoints. Yo adapte nan anfòm tout ekran , ki gen ladan sa yo ki pa ka aktyèlman ap nan mache a jodi a. Sa vle di ke sit reponn pa pral bezwen yo dwe "fiks" si yon rezolisyon ekran nouvo toudenkou vin popilè.
Gade nan varyete nan enkwayab nan jaden flè a aparèy (tankou nan mwa Out 2015, te gen plis pase 24,000 distenk android aparèy sou mache a), li te gen yon sit ki fè sa ki pi byen li yo akomode sa a lajè ran de ekran se kritik enpòtan pou fiti-amitye. Sa a se paske sa jaden flè se fasil yo ka resevwa nenpòt ki mwens divès nan lavni an, ki vle di ke desine pou ekran espesifik oswa gwosè ki pral vin enposib, si nou pa te deja rive reyalite sa.
Sou lòt bò a nan senaryo sa a konparezon, si yon sit se adaptasyon epi li pa akomode rezolisyon nouvo ki ka vin enpòtan nan mache a, Lè sa a, Lè sa a, ou ka fòse yo ajoute ke breakpoint sou sit sa yo ke ou te kreye. Sa a ajoute konsepsyon ak devlopman tan sou pwojè ak sa vle di ke sit sa yo adaptasyon yo dwe toujou kontwole asire ke pa gen okenn breakpoints nouvo yo te entwodwi nan mache a ki dwe ajoute sou sit la. Ankò, ak divèsite nan aparèy yo te sa li ye, li te gen toujou ap tcheke pou nouvo gwosè ak posib akomode yo ak repopoints nouvo se yon defi kontinyèl ki pral gen yon enpak sou travay la ou dwe sipòte yon sit ak pri a nan sa antretyen pou konpayi an oswa òganizasyon pou moun sit la se pou.
Pèfòmans
Konsepsyon entènèt repons lan lontan te akize (enjisteman konsa nan anpil ka) pou yo te yon solisyon pòv ki soti nan yon vitès download / pwogrè download. Sa a se lajman akòz lefèt ke nan jou yo byen bonè nan apwòch sa a, konsèpteur entènèt anpil tou senpleman tacked ti demann medya demann sou CSS ki deja egziste sit la. Sa a fòse imaj yo ak resous ki fèt pou pi gwo ekran yo dwe delivre nan tout aparèy, menm si sa yo ekran ki pi piti pa t 'sèvi ak yo nan kouman final yo. Konsepsyon Repons te vini yon fason lontan depi jou sa yo ak reyalite a se ke bon jan kalite sit reponn jodi a pa soufri soti nan pwoblèm pèfòmans.
Ralanti download vitès ak sou sit entènèt boure se pa yon pwoblèm sit entènèt reponn - li se yon pwoblèm ki ka jwenn sou tout sit entènèt. Imaj ki twò lou, Feeds soti nan medya sosyal, Scripts twòp ak plis ak peze yon sit desann, men tou de sou sit entènèt reponn ak adaptive ka bati yo dwe vit-loading. Natirèlman , yo kapab tou konstwi nan yon fason ki pa fè pèfòmans yon priyorite, men sa a se pa yon trè nan solisyon an tèt li, men pito yon refleksyon nan ekip la ki te enplike nan devlopman nan sit la tèt li.
Beyond Layout
Youn nan aspè ki pi irezistib nan konsepsyon entènèt adaptasyon se ke ou pa sèlman gen kontwòl sou desen an nan sit la pou mete repo, men tou, resous yo ke yo delivre pou vèsyon sa yo sit. Pou egzanp, sa vle di ke imaj retin yo ka voye sèlman nan aparèy retin, pandan y ap ekran retin ki pa gen plis imaj ki apwopriye ki pi piti nan gwosè dosye. Resous sit lòt (dosye Javascript, Styles CSS, elatriye) ka entelijan delivre sèlman lè yo bezwen epi yo pral itilize.
Sa a itilize nan konsepsyon sit entènèt adaptasyon ale pi lwen pase ekwasyon an ki senp nan "si ou se retrofitting yon sit entènèt, adaptasyon ka yon apwòch pi fasil yo sèvi ak." Tout sit, ki gen ladan redesigns konplè, ka benefisye de yon apwòch pi entelijan nan yon eksperyans plis pwepare.
Senaryo sa a montre nati nuans nan deba "adaptif kont adaptive" sa a. Pandan ke li se vre ke yon apwòch adaptasyon ka pi byen adapte pase reponn pou retrospits sit, li kapab tou yon solisyon gwo pou redesigns konplè. Menm jan an tou, nan kèk ka, yon apwòch repons ka ajoute sou kòd sit-baz ki deja egziste a, ki bay sit sa a tout benefis ki genyen nan yon apwòch konplètman reponn.
Ki apwòch ki pi bon?
Lè li rive reponn konsepsyon adaptatif entènèt, pa gen okenn "gayan" klè, byenke reponn se sètènman apwòch la pi popilè. An verite, "pi bon" apwòch la depann de bezwen yon pwojè espesifik. Anplis de sa, sa a pa bezwen yon "swa / oswa" sitiyasyon. Gen anpil pwofesyonèl wèb ki bati sit ki konbine pi bon an nan konsepsyon entènèt reponn (larjer likid, sipò nan lavni) ak fòs yo nan konsepsyon adaptasyon (pi bon kontwòl konsepsyon, lespri entelijan nan resous sit).
Souvan ke yo rekonèt kòm RESS (Repons Web Design ak Components Side Server), apwòch sa a montre ke gen vrèman pa gen okenn "yon sèl gwosè adapte tout solisyon." Tou de konsepsyon entènèt konsepsyon ak adaptasyon gen fòs yo ak defi yo, kidonk, ou bezwen detèmine ki youn ap travay pi byen pou pwojè espesifik ou, oswa si yon solisyon ibrid ka aktyèlman kostim ou pi byen.