Ano ang "Graceful Degradation" sa Web Design?

Ang industriya ng disenyo ng web ay palaging nagbabago, sa bahagi dahil ang mga web browser at device ay palaging nagbabago. Dahil ang trabaho na ginagawa namin bilang mga web designer at developer ay tiningnan sa pamamagitan ng isang web browser ng ilang mga uri, ang aming trabaho ay palaging may symbiotic relasyon sa software na iyon.

Ang isa sa mga hamon na ang mga taga-disenyo at tagabuo ng website ay palagiang kailangang harapin ay hindi lamang mga pagbabago sa mga web browser, kundi pati na rin ang hanay ng iba't ibang mga web browser na gagamitin upang ma-access ang kanilang mga website. Magiging mahusay kung ang lahat ng mga bisita sa isang site ay sigurado na ginagamit ang pinakabago at pinakadakilang software, ngunit hindi pa ito ang kaso (at malamang na hindi ito magiging). Ang ilan sa mga bisita sa iyong mga site ay tumitingin sa mga pahina ng web na may mga browser na napaka-gulang at nawawalang mga tampok ng higit pang mga modernong browser. Halimbawa, ang mga mas lumang bersyon ng browser ng Internet Explorer ng Microsoft ay matagal na naging isang tinik sa panig ng maraming mga propesyonal sa web. Kahit na ang kumpanya ay bumaba ng suporta para sa ilan sa kanilang mga pinakalumang mga browser, may mga tao pa rin doon na gagamitin ang mga ito - mga tao na maaaring gusto mong gawin sa negosyo at makipag-usap sa!

Ang katotohanan ay na ang mga tao na gumagamit ng mga antiquated web browser ay madalas na hindi alam na mayroon silang hindi napapanahong software o na ang kanilang karanasan sa pag-browse sa web ay maaaring makompromiso dahil sa kanilang pagpili ng software. Para sa kanila, ang dating hindi napapanahong browser na ito ay kung ano ang matagal nilang ginamit upang ma-access ang mga website. Mula sa pananaw ng mga web developer, nais naming tiyakin na maaari pa rin kaming maghatid ng isang kapaki-pakinabang na karanasan sa mga kostumer na ito, habang nililikha din ang mga website na kahanga-hanga sa mas modernong tampok na mga rich browser at device na magagamit ngayon . Ang "graceful marawal na kalagayan" ay isang diskarte sa paghawak ng disenyo ng pahina ng web para sa iba't ibang iba't ibang mga browser, parehong luma at bagong.

Simula Sa Mga Modernong Browser

Ang isang disenyo ng website na binuo upang maganda ang pababain ang sarili ay dinisenyo muna sa mga modernong browser sa isip. Ang site na iyon ay nilikha upang samantalahin ang mga tampok ng mga modernong web browser, na marami ang "auto-update" upang matiyak na ang mga tao ay palaging gumagamit ng isang kamakailang bersyon. Gayunpaman, ang mga website na maganda ang pababain ay epektibo rin para sa mas lumang mga browser. Kapag ang mga mas lumang, hindi gaanong tampok na mga browser ang tumingin sa site, dapat itong pababain sa isang paraan na gumagana pa rin, ngunit posibleng may mas kaunting mga tampok o iba't ibang mga visual na display. Habang ang konsepto ng paghahatid ng isang mas mababa functional o hindi bilang magandang naghahanap ng site ay maaaring strike ka bilang kakaiba, ang katotohanan ay na ang mga tao ay hindi kahit na kilala sila ay nawawala. Hindi nila ihahambing ang site na nakikita nila laban sa "mas mahusay na bersyon", kaya't hangga't ang site ay gumagana para sa kung ano ang kailangan nila at hindi mukhang nasira, alinman sa functionally o biswal, ikaw ay sa magandang hugis.

Progressive Enhancement

Ang konsepto ng kaaya-aya marawal na kalagayan ay katulad sa maraming mga paraan sa isa pang konsepto ng disenyo ng web na maaaring narinig mo tungkol sa - progresibong pagpapahusay. Ang pangunahing pagkakaiba sa pagitan ng kaaya-ayang diskarte sa degradasyon at progresibong pagpapahusay ay kung saan mo sinimulan ang iyong disenyo. Kung nagsimula ka sa pinakamababang karaniwang denominador at pagkatapos ay magdagdag ng mga tampok para sa higit pang mga modernong browser para sa iyong mga web page, gumagamit ka ng progresibong pagpapahusay. Kung sinimulan mo ang pinaka-modernong, mga tampok na pagputol ng gilid, at pagkatapos ay i-scale pabalik, gumagamit ka ng kaaya-ayang marawal na kalagayan. Sa wakas, ang resultang website ay maaaring malamang na naghahatid ng parehong karanasan kung gumagamit ka ng progresibong pagpapahusay o kaaya-ayang pagkasira. Sa totoo lang, ang punto ng alinman sa diskarte ay upang lumikha ng isang site na mahusay na gumagana para sa mga modernong browser habang nagtatampok din ng kapaki-pakinabang na karanasan para sa mga mas lumang web browser at ang mga customer na patuloy na gumagamit nito.

Ang Graceful Degradation Hindi Ibig Sabihin sa Iyong Mga Mambabasa, & # 34; I-download ang Pinakabagong Browser & # 34;

Isa sa mga kadahilanan ng maraming mga modernong designer ay hindi gusto ang marikit na paraan ng pagkasira dahil ito ay madalas na nagiging isang pangangailangan na i-download ng mga mambabasa ang pinaka-modernong browser para magtrabaho ang pahina. Hindi ito kaaya - aya. Kung nasumpungan mo ang iyong sarili na nais magsulat "mag-download ng browser X upang makakuha ng tampok na ito upang magtrabaho", iniwan mo ang lupain ng kaaya-aya na pagkasira at lumipat sa browser-centric na disenyo. Oo, walang alinlangang pinahahalagahan ang pagtulong sa isang pag-upgrade ng bisita ng website sa isang mas mahusay na browser, ngunit kadalasan ay maraming hilingin sa kanila (tandaan, maraming tao ang hindi nauunawaan ang tungkol sa pag-download ng mga bagong browser, at ang iyong pangangailangan na gawin nila ay maaaring matakot lamang malayo sila). Kung talagang gusto mo ang kanilang negosyo, na sinasabi sa kanila na iwan ang iyong site upang mag-download ng mas mahusay na software ay hindi maaaring maging paraan upang gawin ito. Maliban kung ang iyong site ay may pangunahing pag-andar na nangangailangan ng isang partikular na bersyon ng browser o sa itaas, ang pagpilit ng pag-download ay madalas na isang breaker ng deal sa karanasan ng gumagamit at dapat na iwasan ito.

Ang isang mahusay na panuntunan ay upang sundin ang parehong mga patakaran para sa kaaya-aya marawal na kalagayan tulad ng sa iyo para sa progresibong pagpapahusay:

  1. Sumulat ng wasto, sumusunod sa HTML
  2. Gumamit ng mga panlabas na style sheet para sa iyong mga disenyo at layout
  3. Gumamit ng mga naka-link sa labas na script para sa interactivity
  4. Tiyaking ma-access ang nilalaman kahit sa mga low-level browser na walang CSS o JavaScript

Sa proseso na ito sa isip, maaari mong pagkatapos ay pumunta at bumuo ng ang pinaka-cutting-edge na disenyo maaari mong! Tiyakin lamang na degrades ito sa mas mababa functional browser habang nagtatrabaho pa rin.

Gaano Kalayong Pagbabalik Kailangan Ninyong Pumunta?

Ang isang tanong na mayroon ng maraming mga web developer ay gaano kalayo sa mga tuntunin ng mga bersyon ng browser ang dapat mong suportahan? Wala nang hiwa at tuyo na sagot sa tanong na ito. Depende ito sa site mismo. Kung repasuhin mo ang analytics ng trapiko ng isang website, makikita mo kung aling mga browser ang ginagamit upang bisitahin ang site na iyon. Kung nakakita ka ng isang pambihirang porsyento ng mga taong gumagamit ng isang mas lumang browser, malamang na nais mong suportahan ang browser na iyon o panganib na mawala ang negosyo na iyon. Kung titingnan mo ang iyong analytics at makita na walang sinuman ang gumagamit ng isang mas lumang bersyon ng browser, marahil ikaw ay ligtas sa paggawa ng desisyon na huwag mag-alala tungkol sa ganap na pagsuporta sa hindi napapanahong browser at pagsubok para dito. Kaya ang tunay na sagot sa tanong kung gaano kalayo ang kailangan upang suportahan ang iyong site ay - "gayunpaman malayo sa iyong analytics sabihin sa iyo ang ginagamit ng iyong mga customer."

Orihinal na artikulo ni Jennifer Krynin. Na-edit noong 8/9/17 ni Jeremy Girard.